@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/inter-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rye;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/rye-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-dark:#120e0a;--bg-panel:#241c14;--bg-panel-hover:#362a1e;--accent-amber:#d97706;--accent-stout:#451a03;--accent-foam:#fef3c7;--text-main:#fcd34d;--text-muted:#928374;--neon-glow:0 0 10px #d9770699, 0 0 20px #d9770666;--neon-glow-red:0 0 10px #dc262699, 0 0 20px #dc262666;--neon-glow-green:0 0 10px #16a34a99, 0 0 20px #16a34a66;--grid-line:#fcd34d33;--grid-bg:#0006}*,:before,:after{box-sizing:border-box}html,body{width:100%;max-width:100vw;position:relative;overflow-x:hidden}body{background-color:var(--bg-dark);color:var(--text-main);background-image:repeating-linear-gradient(45deg,#0003 0 2px,#0000 2px 6px);min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif}.app-shell{flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}.app-shell>.app-container{flex:1}h1,h2,h3,.brand-font{color:var(--accent-amber);text-shadow:var(--neon-glow);margin:0;font-family:Rye,serif;font-weight:400}.main-title{margin-bottom:.5rem;font-size:clamp(2rem,8vw,4rem);line-height:1.1}.app-container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:.5rem}@media (width>=768px){.app-container{padding:2rem}}.panel{background:var(--bg-panel);border:2px solid var(--accent-stout);border-radius:8px;padding:1rem;box-shadow:0 10px 25px #00000080}@media (width>=768px){.panel{padding:2rem}}input{background:var(--bg-dark);border:2px solid var(--accent-amber);color:var(--text-main);border-radius:4px;outline:none;padding:.75rem 1rem;font-family:Inter,sans-serif;font-size:1.1rem;transition:box-shadow .2s;box-shadow:inset 0 0 5px #00000080}input:focus{box-shadow:0 0 10px var(--accent-amber), inset 0 0 5px #00000080}button{background:var(--accent-amber);color:var(--bg-dark);border:2px solid var(--accent-stout);cursor:pointer;text-transform:uppercase;box-shadow:var(--neon-glow);border-radius:4px;padding:.5rem 1rem;font-size:1.1rem;font-weight:800;transition:all .2s}button:hover:not(:disabled){background:var(--accent-foam);box-shadow:0 0 15px var(--accent-foam);transform:translateY(-2px)}button:disabled{background:var(--bg-panel);border:2px solid var(--text-muted);box-shadow:none;color:var(--text-muted);cursor:not-allowed}.grid-container{background:var(--accent-stout);border:2px solid var(--accent-amber);border-radius:4px;grid-template-columns:repeat(10,1fr);gap:2px;width:100%;max-width:400px;margin:0 auto;padding:0;display:grid;position:relative;box-shadow:0 10px 20px #00000080}.grid-cell{background:var(--grid-bg);aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:background .2s;display:flex;position:relative}.grid-cell:hover{background:#d9770633}.grid-cell.hit{z-index:20;background:0 0}.grid-cell.hit:after{content:"X";color:#ef4444;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000,0 0 10px #dc2626cc,0 0 20px #dc262699;font-family:Rye,serif;font-size:clamp(1.2rem,5vw,1.8rem);font-weight:900;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.grid-cell.miss{background:#92837433}.grid-cell.miss:after{content:"•";color:var(--text-muted);font-size:clamp(1rem,5vw,1.5rem)}.grid-cell.has-piece{background:0 0;box-shadow:inset 0 0 10px #00000080}.grid-cell.placement-hover{background:#fef3c766}.grid-cell.placement-invalid{background:#dc262666}.piece-svg-container{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute}.piece-svg-container.preview{opacity:.7}.piece-dock-svg{vertical-align:middle;width:40px;height:40px;display:inline-block}.piece-dock{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.piece-item{background:var(--bg-panel);border:2px solid var(--accent-amber);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;padding:.25rem .5rem;font-size:.9rem;transition:all .2s}@media (width>=768px){.piece-dock{gap:1rem}.piece-item{padding:.5rem;font-size:1rem}}.piece-item:hover:not(.placed){background:var(--accent-amber);color:var(--bg-dark)}.piece-item.selected{background:var(--accent-amber);color:var(--bg-dark);box-shadow:var(--neon-glow)}.piece-item.placed{opacity:.3;cursor:not-allowed;border-color:var(--text-muted)}.flex-center{flex-direction:column;justify-content:center;align-items:center;display:flex}.flex-row{flex-direction:row;justify-content:center;align-items:center;display:flex}.gap-4{gap:1rem}.gap-8{gap:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.text-center{text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.game-boards{flex-direction:column;align-items:stretch;gap:1rem;width:100%;display:flex}@media (width>=768px){.game-boards{flex-flow:wrap;justify-content:center;gap:3rem}}.board-container{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.game-over-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000b3;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.game-over-dialog{background:var(--bg-panel);border:2px solid var(--accent-amber);text-align:center;box-shadow:var(--neon-glow), 0 20px 60px #000c;border-radius:12px;min-width:280px;max-width:90vw;padding:2rem 2.5rem;animation:.4s ease-out slideUp}.game-over-dialog h2{margin-bottom:.5rem;font-size:clamp(1.8rem,6vw,2.5rem)}.game-over-subtitle{color:var(--text-muted);margin:0 0 1.5rem;font-size:1rem}.game-over-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.game-over-buttons button{min-width:120px}.btn-secondary{color:var(--accent-amber);border:2px solid var(--accent-amber);box-shadow:none;background:0 0}.btn-secondary:hover:not(:disabled){box-shadow:var(--neon-glow);color:var(--accent-foam);border-color:var(--accent-foam);background:#d9770626}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.hit-toast-container{z-index:200;pointer-events:none;flex-direction:column;gap:.6rem;width:max-content;max-width:90vw;display:flex;position:fixed;top:1.5rem;left:50%;transform:translate(-50%)}.hit-toast{pointer-events:auto;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;flex-direction:column;align-items:center;min-width:200px;padding:.75rem 1.5rem;display:flex}.hit-toast-text{font-family:Rye,serif;font-size:clamp(1rem,4vw,1.4rem);font-weight:400;line-height:1.3}.hit-toast-subtext{opacity:.8;margin-top:.2rem;font-size:.85rem}.hit-toast-hit{color:#fca5a5;background:#dc262633;border:2px solid #dc2626b3;box-shadow:0 0 15px #dc262666,0 0 30px #dc262633,0 8px 20px #00000080}.hit-toast-hit .hit-toast-text{text-shadow:0 0 10px #dc2626cc,0 0 20px #dc262680}.hit-toast-miss{color:var(--text-muted);background:#92837433;border:2px solid #92837480;box-shadow:0 8px 20px #0006}.hit-toast-sunk{border:2px solid var(--accent-amber);color:var(--accent-foam);box-shadow:var(--neon-glow), 0 0 40px #d977064d, 0 8px 25px #00000080;background:#d9770640;padding:1rem 2rem}.hit-toast-sunk .hit-toast-text{text-shadow:var(--neon-glow);color:var(--text-main);font-size:clamp(1.1rem,4.5vw,1.6rem)}.hit-toast-sunk .hit-toast-subtext{color:var(--accent-foam)}.hit-toast-fade-in{animation:.35s cubic-bezier(.34,1.56,.64,1) forwards toastFadeIn}.hit-toast-fade-out{animation:.5s ease-in forwards toastFadeOut}@keyframes toastFadeIn{0%{opacity:0;transform:translateY(-20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastFadeOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-15px)scale(.95)}}.site-footer{box-sizing:border-box;background:linear-gradient(#0000 0%,#0006 30%,#0009 100%);border-top:1px solid #d9770633;width:100%;margin-top:2rem;padding:1rem 1.5rem}.footer-content{flex-direction:column;align-items:center;gap:.5rem;max-width:1200px;margin:0 auto;display:flex}@media (width>=768px){.footer-content{flex-direction:row;justify-content:space-between}}.footer-copyright{color:var(--text-muted);letter-spacing:.02em;margin:0;font-size:.8rem}.footer-links{align-items:center;gap:.75rem;display:flex}.footer-links a,.footer-links button{color:var(--text-muted);letter-spacing:.02em;box-shadow:none;text-transform:none;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-family:inherit;font-size:.8rem;font-weight:400;text-decoration:none;transition:color .2s,text-shadow .2s}.footer-links a:hover,.footer-links button:hover{color:var(--accent-amber);text-shadow:0 0 8px #d9770680;box-shadow:none;background:0 0;transform:none}.footer-divider{color:#92837466;-webkit-user-select:none;user-select:none;font-size:.75rem}.legal-page{max-width:800px;margin:0 auto;padding-bottom:2rem}.legal-header{margin-bottom:1.5rem}.legal-back-link{color:var(--accent-amber);margin-bottom:1rem;font-size:.95rem;text-decoration:none;transition:color .2s,transform .2s;display:inline-block}.legal-back-link:hover{color:var(--accent-foam);text-shadow:0 0 8px #d9770680;transform:translate(-3px)}.legal-title{margin-bottom:.5rem;font-size:clamp(1.5rem,5vw,2.5rem);line-height:1.2}.legal-effective-date{color:var(--text-muted);margin:0;font-size:.85rem;font-style:italic}.legal-content{line-height:1.7}.legal-content h2{border-bottom:1px solid #d9770626;margin-top:2rem;margin-bottom:.75rem;padding-bottom:.4rem;font-size:1.3rem}.legal-content h3{margin-top:1.25rem;margin-bottom:.5rem;font-size:1.05rem}.legal-content p{color:var(--accent-foam);margin:.75rem 0;font-size:.95rem}.legal-content ul{margin:.75rem 0;padding-left:1.5rem}.legal-content li{color:var(--accent-foam);margin-bottom:.5rem;font-size:.95rem}.legal-content strong{color:var(--text-main)}.legal-section{margin-bottom:1rem}.legal-contact{border-left:3px solid var(--accent-amber);background:#0000004d;border-radius:0 4px 4px 0;padding:.75rem 1rem}@keyframes shakeNo{0%,to{margin-left:0}25%{margin-left:-4px}75%{margin-left:4px}}.shake-no{animation:.3s ease-in-out shakeNo}.cookie-consent-banner{background:var(--bg-panel);border-top:2px solid var(--accent-amber);z-index:1000;flex-direction:column;gap:1rem;padding:1.5rem;animation:.5s ease-out slideUp;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #000c}@media (width>=768px){.cookie-consent-banner{flex-direction:row;justify-content:space-between;align-items:center;padding:1.5rem 3rem}}.cookie-consent-content{flex:1}.cookie-consent-content p{color:var(--accent-foam);margin:0;font-size:.95rem;line-height:1.5}.cookie-consent-content a{color:var(--accent-amber);text-decoration:underline}.cookie-consent-buttons{flex-wrap:wrap;gap:1rem;display:flex}.cookie-consent-buttons button{min-width:100px;padding:.6rem 1.2rem;font-size:.9rem}.cookie-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1100;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.cookie-modal{background:var(--bg-panel);border:2px solid var(--accent-amber);width:100%;max-width:500px;max-height:90vh;box-shadow:var(--neon-glow);border-radius:12px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex;overflow-y:auto}.cookie-modal h2{text-align:center;font-size:1.5rem}.cookie-option{background:#0003;border:1px solid #d9770633;border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.cookie-option-header{justify-content:space-between;align-items:center;display:flex}.cookie-option-header span{color:var(--text-main);font-weight:700}.cookie-option p{color:var(--text-muted);margin:0;font-size:.85rem}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--bg-dark);border:1px solid var(--text-muted);border-radius:24px;transition:all .4s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:var(--text-muted);border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.toggle-slider{background-color:var(--accent-amber);border-color:var(--accent-amber)}input:checked+.toggle-slider:before{background-color:var(--bg-dark);transform:translate(20px)}.toggle-slider.disabled{cursor:not-allowed;opacity:.5}