:root{--sea:#2db9d0;--gold:#f5c565;--ink:#061522}*{box-sizing:border-box}html,body{min-height:100%;overflow-x:hidden}body{margin:0;background:radial-gradient(circle at 16% 12%,#2bbad12e,transparent 28%),radial-gradient(circle at 88% 32%,#f5c5651c,transparent 25%),linear-gradient(160deg,#061522,#09283b 54%,#061723);color:#f8fbff;font-family:Tahoma,Arial,sans-serif}body::before{content:"";position:fixed;inset:auto 0 0;height:32vh;pointer-events:none;opacity:.22;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 18px,#48d6e922 19px 21px,transparent 22px 38px)}button,input{font:inherit}.boat-page{position:relative;width:min(100%,680px);min-height:100dvh;margin:auto;padding:18px 14px max(18px,env(safe-area-inset-bottom))}.boat-page>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.boat-page>header>div{flex:1;text-align:center}.boat-page h1{margin:0;color:#fff4d0;font-size:21px}.boat-page>header p{margin:4px 0 0;color:#76cbd8;font-size:9px}.boat-page>header button{display:grid;width:42px;height:42px;place-items:center;border:1px solid #ffffff1a;border-radius:13px;background:#ffffff0a;color:#fff;font-size:19px}.panel{border:1px solid #72d9e226;border-radius:24px;background:linear-gradient(145deg,#102d3ddd,#071923ee);box-shadow:0 22px 55px #0007,inset 0 1px #ffffff0c;backdrop-filter:blur(14px)}.setup{width:min(100%,430px);margin:28px auto 0;padding:25px;text-align:center}.boat-mark{font-size:60px;filter:drop-shadow(0 14px 12px #0008);animation:float 3s ease-in-out infinite}.eyebrow{color:#67d4e1;font-size:8px;font-weight:900;letter-spacing:1px}.setup h2{margin:8px 0 5px;font-size:23px}.setup>p{margin:0 0 18px;color:#8daebb;font-size:10px}.setup form{display:grid;grid-template-columns:1fr 72px;gap:7px}.setup input,.words-panel input{min-width:0;height:45px;border:1px solid #ffffff17;border-radius:13px;outline:0;padding:0 13px;background:#04121bcc;color:#fff;font-size:11px}.setup input:focus,.words-panel input:focus{border-color:#42c9dc88;box-shadow:0 0 0 3px #2db9d014}.setup form button,.words-panel form button{border:0;border-radius:13px;background:linear-gradient(135deg,#55d5df,#208ca8);color:#031119;font-size:10px;font-weight:900}.setup-players{display:flex;min-height:50px;flex-wrap:wrap;justify-content:center;gap:6px;margin:14px 0}.setup-players span{display:flex;height:32px;align-items:center;gap:6px;border:1px solid #ffffff12;border-radius:99px;padding:0 5px 0 11px;background:#ffffff08;font-size:9px}.setup-players button{display:grid;width:21px;height:21px;place-items:center;border:0;border-radius:50%;background:#ff59781c;color:#ff7890}.setup>small{display:block;margin-bottom:11px;color:#7899a7;font-size:8px}.primary{width:100%;min-height:47px;border:0;border-radius:14px;background:linear-gradient(135deg,#f6cf73,#bc8129);box-shadow:0 10px 30px #c28b3030;color:#191105;font-weight:900}.primary:disabled{filter:grayscale(1);opacity:.35}.question{display:flex;align-items:center;gap:12px;margin:20px 0 12px;padding:13px 17px;border:1px solid #f5c56529;border-radius:18px;background:linear-gradient(90deg,#f5c56513,#ffffff05)}.question>span{font-size:30px}.question small{color:#e8bd62;font-size:8px;font-weight:900}.question h2{margin:3px 0 0;font-size:16px}.game-grid{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr);gap:11px}.players-panel,.words-panel{min-height:calc(100dvh - 166px);padding:13px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel-head>span{font-size:11px;font-weight:900}.panel-head small{color:#799aa7;font-size:7px}.panel-head strong{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:#2db9d018;color:#70d8e5;font-size:10px}.players{display:flex;flex-direction:column;gap:7px}.player{display:flex;width:100%;align-items:center;gap:8px;border:1px solid #ffffff0e;border-radius:14px;padding:8px;background:#ffffff06;color:#fff;text-align:right}.player>span{display:grid;width:33px;height:33px;flex:0 0 auto;place-items:center;border-radius:11px;background:#183e50;color:#7fe2eb;font-weight:900}.player div{min-width:0}.player b{display:block;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.player small{display:block;margin-top:4px;color:#ff647f;font-size:10px;letter-spacing:1px}.player.active{border-color:#f5c56570;background:#f5c56512;box-shadow:0 0 0 2px #f5c5650d}.player.active>span{background:#f5c565;color:#201606}.player.out{opacity:.38;filter:grayscale(1)}.words-panel form{margin-bottom:11px}.words-panel form>label{display:block;margin-bottom:6px;color:#f1cd7b;font-size:8px;font-weight:900}.words-panel form>div{display:grid;grid-template-columns:1fr 64px;gap:6px}.words-panel input:disabled{opacity:.4}.words{display:flex;max-height:calc(100dvh - 280px);flex-direction:column;gap:6px;overflow-y:auto}.words>p{margin:35px 8px;color:#6f8e9b;text-align:center;font-size:9px;line-height:1.8}.word{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:7px;border:1px solid #ffffff0b;border-radius:12px;padding:8px;background:#ffffff05}.word i{display:grid;width:24px;height:24px;place-items:center;border-radius:8px;background:#2db9d016;color:#65d5e2;font-size:8px;font-style:normal}.word b{font-size:10px}.word small{max-width:65px;overflow:hidden;color:#819eaa;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.notice{position:fixed;z-index:20;right:14px;bottom:18px;left:14px;display:flex;width:min(calc(100% - 28px),390px);align-items:center;gap:11px;margin:auto;border:1px solid #70dce63d;border-radius:17px;padding:12px 15px;background:#0b2633f2;box-shadow:0 18px 50px #0009;animation:notice-in .25s ease}.notice[hidden],.finish[hidden]{display:none}.notice>span{font-size:27px}.notice b,.notice small{display:block}.notice b{font-size:11px}.notice small{margin-top:3px;color:#8eb0bc;font-size:8px}.notice.duplicate{border-color:#ff607b55;background:#32121cf2}.finish{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:20px;background:#031019eF;backdrop-filter:blur(12px)}.finish>div{width:min(100%,350px);border:1px solid #f5c56540;border-radius:28px;padding:28px;background:radial-gradient(circle at 50% 0,#f5c56525,transparent 48%),#0b202a;text-align:center;box-shadow:0 30px 80px #000}.finish span{font-size:70px}.finish small{display:block;color:#d9b666;font-size:9px}.finish h2{margin:9px 0 22px;font-size:27px}@keyframes float{50%{transform:translateY(-6px) rotate(-2deg)}}@keyframes notice-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:480px){.game-grid{grid-template-columns:minmax(118px,.78fr) minmax(0,1.22fr);gap:7px}.players-panel,.words-panel{padding:9px}.player{padding:7px 5px;gap:5px}.player>span{width:28px;height:28px}.question h2{font-size:14px}.word{grid-template-columns:22px 1fr}.word small{display:none}}@media(max-height:650px){.boat-page{padding-top:10px}.question{margin-top:10px;padding-block:9px}.players-panel,.words-panel{min-height:calc(100dvh - 135px)}}