*{box-sizing:border-box}body{margin:0;background:#f7f5f0;color:#29223d;font:16px/1.6 "Segoe UI",Arial,sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b298ed;outline-offset:4px}header,main,footer{width:min(1120px,calc(100% - 36px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:26px 0;gap:20px}header img{width:220px;max-width:45vw;display:block}.back{color:#6844b5;text-decoration:none;font-weight:600}.hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:30px;padding:22px 0 35px}.hero img{width:100%;max-height:260px;object-fit:contain}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#7651bf}h1{font-size:clamp(44px,6vw,74px);line-height:1.1;margin:12px 0 20px;letter-spacing:-2px}h2{font-size:22px;line-height:1.25;margin:10px 0 18px}.hero p{max-width:540px;color:#6f687c}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{font-size:12px;background:#ece5f6;color:#69479f;padding:5px 12px;border-radius:30px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.game-card{text-align:left;border:2px solid #e4ddec;border-radius:20px;background:white;padding:26px;color:inherit}.game-card.selected{border-color:#8057c7;background:#f3edfd;box-shadow:0 8px 28px #6a47ac12}.game-card p{font-size:14px;color:#70697c;margin-bottom:0}.symbol{font-size:34px;color:#7648bd;font-weight:700}.lobby-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;margin:28px 0;background:white;border:1px solid #e4ddec;border-radius:22px;padding:32px}.join{border-left:1px solid #e7e0ed;padding-left:36px}label{display:block;font-size:14px;font-weight:600;margin:12px 0 6px}input{border:1px solid #d3c8e0;border-radius:10px;padding:12px;width:100%;background:white;color:inherit}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.primary,.secondary,.quiet{border:0;border-radius:10px;padding:12px 18px;min-height:44px;font-weight:600}.primary{background:#7048bc;color:white}.primary:hover{background:#593295}.secondary{background:#eae1f7;color:#5a388f}.quiet{background:#eeeae5;color:#635b70}.join .primary{margin-top:16px;width:100%}.muted{font-size:13px;color:#787080}#code{text-transform:uppercase;letter-spacing:5px}#notice:not(:empty){padding:14px 18px;border-radius:12px;background:#fff0dc;color:#7c4c16}#notice:empty{display:none}.room-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.players{display:flex;gap:14px;flex-wrap:wrap}.player{padding:12px 18px;background:white;border:2px solid #e4ddec;border-radius:12px;flex:1;min-width:150px}.player.active{border-color:#7952bd;background:#f1eafa}.status-line{margin:20px 0;font-size:20px;font-weight:650}#board{padding:24px;border:1px solid #e1d9ed;border-radius:22px;background:white;min-height:180px}.grid{display:grid;gap:8px;margin:16px auto}.tic{grid-template-columns:repeat(3,1fr);max-width:360px}.cell{border:1px solid #d8cbe8;background:#f5f0fc;border-radius:10px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-weight:700;color:#6541a7;min-width:0;padding:0}.cell:disabled{opacity:1}.tic .cell{font-size:48px}.memory{grid-template-columns:repeat(4,1fr);max-width:500px}.memory .cell{font-size:34px}.cell.matched{background:#e3f2e9;border-color:#b9dfc9}.fleet-grid{grid-template-columns:repeat(6,1fr);max-width:370px;gap:5px}.fleet-grid .cell{font-size:20px;border-radius:6px}.ship{background:#c5b3e7}.cell.hit{background:#f8d3c8;color:#963b20}.cell.miss{background:#dfedf4;color:#47758d}.sea-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px}.sea-layout h3{text-align:center}.ship-choice{display:flex;gap:8px;flex-wrap:wrap}.ship-choice button.selected{outline:2px solid #7651bf}.rules{margin:22px 0;padding:18px;border-radius:14px;background:#eee9f4}.rules summary{cursor:pointer;font-weight:600}.rules p{font-size:14px;white-space:pre-line}.waiting{text-align:center;padding:25px}.code-big{display:block;font-size:40px;letter-spacing:6px;color:#6b43b0}footer{padding:36px 0;text-align:center;font-size:12px;color:#8a8197}[hidden]{display:none!important}@media(max-width:720px){.hero{grid-template-columns:1fr;gap:5px}.hero img{max-height:175px;grid-row:2}.cards{grid-template-columns:1fr}.game-card{padding:18px}.game-card h2{display:inline;margin-left:14px}.lobby-panel{grid-template-columns:1fr;padding:22px;gap:22px}.join{padding:22px 0 0;border-left:0;border-top:1px solid #e7e0ed}.room-heading{align-items:start;flex-direction:column}.sea-layout{grid-template-columns:1fr}#board{padding:14px}.back{font-size:13px}.memory .cell{font-size:28px}}

select{font:inherit;width:100%;padding:12px;border:1px solid #d3c8e0;border-radius:10px;background:white}.board-scroll{overflow-x:auto;max-width:100%}.memory-8{max-width:760px;min-width:440px}.memory-16{max-width:1060px;min-width:850px;gap:5px}.memory-8 .cell,.memory-16 .cell{font-size:22px}.fleet-grid{max-width:470px;gap:3px}.fleet-grid .cell{font-size:16px}