*{box-sizing:border-box}body{margin:0;background:#081622;color:#e6f1ed;font:16px/1.55 system-ui,-apple-system,sans-serif}main{max-width:1000px;margin:auto;padding:30px 32px 18px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:.2em;color:#75cdbd;margin:0 0 8px}h1{font-size:44px;letter-spacing:-2px;line-height:1.1;margin:0}h1 span{color:#ffcf70}.intro{color:#a5b8bf;margin:8px 0 0}.badge{font-size:10px;letter-spacing:.1em;color:#9badb7;text-align:right}.badge b{font-weight:500;letter-spacing:0;font-size:13px;color:#ffcf70}.layout{display:grid;grid-template-columns:minmax(0,468px) minmax(240px,1fr);gap:44px;align-items:start}.game{overflow:hidden;background:#102737;border:1px solid #314553;border-radius:22px;box-shadow:0 24px 80px #0003}.stats{display:flex;justify-content:space-around;text-align:center;padding:13px 12px;background:#172f3e;font-size:11px;color:#abc2c6}.stats strong{display:block;color:#eff7f2;font-size:23px;font-variant-numeric:tabular-nums}canvas{display:block;width:100%;height:auto;touch-action:none}#status{font-size:12px;min-height:46px;display:flex;align-items:center;justify-content:center;margin:0;padding:8px 15px;text-align:center;color:#abddd3;background:#112635}aside{padding-top:12px}h2{font-size:32px;line-height:1.15;letter-spacing:-1px;margin:0 0 20px}aside p{font-size:14px;color:#aec0c7;max-width:300px}.tide{display:flex;align-items:center;gap:16px;padding:14px 0 22px}.tide strong{font-size:36px;color:#ffcf70}.tide span{font-size:12px;color:#aec0c7;line-height:1.4}label{display:flex;justify-content:space-between;font-size:12px}label span{color:#8fa8b4}input{width:100%;accent-color:#75d7c4;margin:14px 0 20px}.controls{display:flex;gap:10px;margin-bottom:10px}button{border:1px solid #385464;border-radius:10px;background:#193242;color:#e6f1ed;padding:13px 8px;cursor:pointer;font:600 13px system-ui;flex:1}button:hover{background:#284859}button.primary{background:#8be0c8;color:#102735;border-color:#8be0c8}button:disabled{opacity:.45;cursor:default}.quiet{width:100%;background:transparent;color:#a7c7c8;border-color:transparent}.tip{font-size:12px;line-height:1.9;border-top:1px solid #29404d;padding-top:18px}footer{font-size:11px;color:#8096a2;margin-top:20px}a{color:#a3c5cc}button:focus-visible,canvas:focus-visible,input:focus-visible{outline:3px solid #ffcf70;outline-offset:3px}@media(min-width:760px) and (max-height:850px){main{padding-top:20px}.layout{grid-template-columns:minmax(0,370px) 300px;justify-content:center}header{margin-bottom:16px}h1{font-size:36px}aside{padding-top:0}h2{font-size:27px;margin-bottom:12px}.tide{padding:4px 0 12px}}@media(max-width:700px){main{padding:20px 16px}.layout{grid-template-columns:1fr;gap:22px}header{margin-bottom:20px}.badge{display:none}h1{font-size:36px}.game{max-width:468px;margin:auto;width:100%}aside{padding:0 4px}h2 br{display:none}h2{font-size:25px}aside p{max-width:none}.tide{padding:0}.tip{margin-bottom:0}footer{font-size:10px}}