:root{--ink:#24324d;--muted:#71809a;--paper:#fffdf8;--line:#e6ddcd;--sea:#bce7ef;--accent:#e85d65}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:"Trebuchet MS","Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(135deg,#dff7f7,#fff1d0)}button{font:inherit;border:0;cursor:pointer;color:inherit}.jackal-app{height:100dvh;width:min(1250px,100%);margin:auto;padding:clamp(8px,1.8vh,20px) clamp(10px,2vw,26px);display:grid;grid-template-rows:auto auto 1fr;gap:10px}.jackal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow{font-size:11px;letter-spacing:.13em;color:#d55261;font-weight:900}.jackal-head h1{margin:4px 0 0;font-size:clamp(22px,3vw,34px)}.head-actions{display:flex;gap:8px}.head-btn,.players button{background:#fff;padding:9px 12px;border-radius:11px;box-shadow:0 3px 10px #78684b1f;font-weight:800}.setup{align-self:center;justify-self:center;width:min(430px,94vw);text-align:center;padding:24px}.setup h2{margin:0 0 6px}.setup p{color:var(--muted);margin:0 0 16px}.players{display:flex;justify-content:center;gap:8px;margin-bottom:15px}.players button.active{background:#ffd2d7;color:#a33242}.primary{background:var(--accent);color:#fff;padding:10px 15px;border-radius:11px;font-weight:900}.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 24px #5d5a4425}.status{display:flex;align-items:center;gap:20px;padding:9px 14px;min-height:56px}.label{display:block;font-size:10px;letter-spacing:.1em;color:var(--muted);font-weight:900}.status strong{font-size:18px;margin-right:10px}.status span:last-child{font-size:12px;color:var(--muted)}.scores{display:flex;gap:8px;flex:1;justify-content:center}.score-chip{padding:6px 10px;border-radius:10px;background:#f0eee8;font-weight:800}.score-chip.active{background:var(--player-soft,#ffe2e5);outline:2px solid var(--player-accent,#e85d65)}.turn-counter{font-size:20px;text-align:center}.turn-counter small{display:block;font-size:9px;color:var(--muted)}.play-grid{min-height:0;display:grid;grid-template-columns:1fr 245px;gap:10px}.island,.side{min-height:0;padding:12px}.island{display:flex;flex-direction:column}.island-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}.island-title h2,.side h2{margin:0;font-size:16px}.island-title span{font-size:11px;color:var(--muted)}.map{min-height:0;flex:1;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(5,1fr);gap:5px;padding:6px;border-radius:14px;background:var(--sea)}.cell{position:relative;border-radius:10px;background:#d7cba9;display:grid;place-items:center;font-size:clamp(18px,3vw,30px);transition:.15s;box-shadow:inset 0 0 0 2px #fff6}.cell.hidden{background:#9cced0;color:#fff;cursor:pointer;font-size:14px}.cell.hidden:hover{transform:scale(1.04);background:#75b9c1}.cell.ship{background:#f3bb66}.cell.current{outline:3px solid var(--accent);z-index:2}.pawn{position:absolute;right:4px;bottom:3px;font-size:15px}.side{display:flex;flex-direction:column}.player-list{display:grid;gap:7px;margin-top:10px}.player-row{display:flex;align-items:center;justify-content:space-between;padding:9px;border-radius:11px;background:#f3efe6;border-left:5px solid var(--player-accent)}.player-row.active{background:var(--player-soft);box-shadow:0 0 0 2px var(--player-accent)}.player-dot{width:18px;height:18px;border-radius:50%;display:inline-block;margin-right:6px;vertical-align:middle}.legend{margin-top:auto;padding-top:12px;color:var(--muted);font-size:11px;line-height:1.45}.legend b{display:block;color:var(--ink);font-size:12px;margin-bottom:4px}.result{position:fixed;inset:0;margin:auto;width:min(390px,90vw);height:max-content;text-align:center;padding:26px;z-index:5}.trophy{font-size:42px}.result h2{margin:6px 0}.modal{position:fixed;inset:0;background:#24324d66;display:grid;place-items:center;padding:15px;z-index:20}.modal[hidden]{display:none}.modal-box{background:var(--paper);width:min(560px,94vw);max-height:88dvh;overflow:auto;padding:20px;border-radius:18px}.modal-head{display:flex;justify-content:space-between}.modal-head h2{margin:0}.modal-head button{width:30px;height:30px;border-radius:50%;background:#efe9df;font-size:22px}.modal li{margin:8px 0;line-height:1.4}@media(max-width:700px){.jackal-head h1{font-size:20px}.head-btn{padding:7px 9px;font-size:12px}.play-grid{grid-template-columns:1fr 150px;gap:6px}.island,.side{padding:7px;border-radius:12px}.map{gap:3px;padding:4px}.cell{border-radius:7px;font-size:18px}.side h2{font-size:13px}.player-row{padding:6px;font-size:11px}.status{padding:6px 8px;gap:7px}.status strong{font-size:14px}.status span:last-child{display:block;max-width:120px}.scores{gap:3px}.score-chip{padding:5px 6px;font-size:10px}.turn-counter{font-size:16px}}
 .map{grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(11,1fr)}.cell{background-size:cover;background-position:center;color:#fff;text-shadow:0 2px 3px #16203499}.cell.water{background:transparent;box-shadow:none;pointer-events:none}.cell.hidden{background-image:linear-gradient(135deg,#3b9da9,#83d1d0)!important}.cell.pending{outline:4px solid #f4c84e;transform:scale(1.04)}.confirm-box{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:12px;padding:10px 13px;background:#fffdf8;border:2px solid #e8c559;border-radius:13px;box-shadow:0 8px 20px #33445a44;white-space:nowrap}.confirm-box b{font-size:13px}.confirm-box button{padding:7px 10px;border-radius:9px;background:#f0e9de;font-weight:800}.confirm-box [data-yes]{background:#e85d65;color:#fff}.island{position:relative}