@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;--accent-turn:#edf88b;--accent-red:#ef4444;--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-turn:0 0 10px #edf88bb3, 0 0 20px #d9770666;--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}@supports (min-height:100dvh){body,.app-shell{min-height:100dvh}}.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}h3{transition:color .3s,text-shadow .3s}.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:768px;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{cursor:pointer;text-transform:uppercase;background:linear-gradient(#edf88b 0%,#d97706 50%,#8e4504 100%);border:2px solid #703309;border-radius:6px;padding:.5rem 1.25rem;font-family:Rye,serif;font-size:1.05rem;font-weight:400;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 12px #edf88b26,0 4px 8px #00000080,inset 0 1px 1px #fff6,inset 0 -1px 2px #0006;color:#170b02!important;text-shadow:0 1px #ffffff40!important}button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px)scale(1.02);box-shadow:0 0 15px #edf88b66,0 6px 12px #0009,inset 0 1px 1px #ffffff80}button:active:not(:disabled){transform:translateY(0)scale(.98)}button:disabled{box-shadow:none;cursor:not-allowed;background:linear-gradient(#44372a 0%,#2f251c 100%);border:2px solid #1a140f;color:#7a6b5d!important;text-shadow:none!important}.grid-container{background:var(--accent-stout);border:2px solid var(--accent-amber);border-radius:4px;grid-template-columns:repeat(10,1fr);gap:0;width:100%;max-width:400px;margin:0 auto;padding:0;transition:border-color .3s,box-shadow .3s;display:grid;position:relative;box-shadow:0 10px 20px #00000080}.grid-container.my-turn-board{border-color:var(--accent-turn)!important;box-shadow:var(--neon-glow-turn), 0 10px 20px #00000080!important}.grid-container.inactive-board{border-color:none;box-shadow:none}.grid-cell{background:var(--grid-bg);aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--accent-stout);justify-content:center;align-items:center;transition:background .2s;display:flex;position:relative}.grid-cell:hover{background:#d9770633}.grid-container.my-turn-board .grid-cell:not(.hit):not(.miss):hover{background:#edf88b40}.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{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}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.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{background:linear-gradient(#b57d26 0%,#916017 50%,#663f08 100%);border:2px solid #402604;box-shadow:0 3px 6px #0006,inset 0 1px 1px #ffffff40,inset 0 -1px 2px #0006;color:#170b02!important;text-shadow:0 1px #fff3!important}.btn-secondary:hover:not(:disabled){background:linear-gradient(#edf88b 0%,#d97706 50%,#8e4504 100%);border-color:#703309;box-shadow:0 0 12px #edf88b33,0 5px 10px #00000080,inset 0 1px 1px #fff6;color:#170b02!important;text-shadow:0 1px #ffffff40!important}.btn-danger{color:#fff!important;text-shadow:0 1px 1px #0009!important;background:linear-gradient(#fca5a5 0%,#dc2626 50%,#7f1d1d 100%)!important;border:2px solid #5c1414!important;box-shadow:0 0 12px #dc262640,0 4px 8px #00000080,inset 0 1px 1px #ffffff59,inset 0 -1px 2px #0006!important}.btn-danger:hover:not(:disabled){background:linear-gradient(#fecaca 0%,#ef4444 50%,#991b1b 100%)!important;box-shadow:0 0 15px #dc262666,0 6px 12px #0009,inset 0 1px 1px #fff6!important}#leave-pub-btn{opacity:.8;z-index:10;position:absolute;top:50%;right:1rem;color:#1a0f02!important;cursor:pointer!important;text-shadow:0 1px #ffffff26!important;text-transform:none!important;background:linear-gradient(#9c6c28 0%,#6b4612 100%)!important;border:1.5px solid #4a300a!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:28px!important;height:28px!important;padding:0!important;font-family:inherit!important;font-size:1.15rem!important;font-weight:900!important;line-height:1!important;transition:all .2s cubic-bezier(.175,.885,.32,1.275)!important;display:flex!important;transform:translateY(-50%)!important;box-shadow:0 1px 3px #00000080,inset 0 1px 1px #fff3!important}#leave-pub-btn:hover{opacity:1!important;color:#fff!important;text-shadow:0 1px 1px #0009!important;background:linear-gradient(#fca5a5 0%,#dc2626 50%,#7f1d1d 100%)!important;border-color:#5c1414!important;transform:translateY(-50%)scale(1.1)!important;box-shadow:0 0 10px #dc262666,0 3px 6px #00000080!important}@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%)}.grid-container .hit-toast-container{z-index:200;width:90%;max-width:320px;position:absolute;top:50%;left:50%;transform:translate(-50%,-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}.grid-container .hit-toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#120e0bf0;box-shadow:0 12px 32px #000000bf,0 0 20px #d9770626}.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}.grid-container .hit-toast-hit{border:2px solid #ef4444d9;box-shadow:0 12px 32px #000000bf,0 0 25px #ef444466}.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}.grid-container .hit-toast-miss{border:2px solid #928374bf;box-shadow:0 12px 32px #000000bf}.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}.grid-container .hit-toast-sunk{border:2px solid var(--accent-amber);box-shadow:var(--neon-glow), 0 12px 32px #000000bf, 0 0 35px #d9770673}.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{font-size:.8rem;color:var(--text-muted)!important;letter-spacing:.02em!important;box-shadow:none!important;text-transform:none!important;cursor:pointer!important;text-shadow:none!important;filter:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important;font-family:inherit!important;font-weight:400!important;text-decoration:none!important;transition:color .2s,text-shadow .2s,transform .2s!important;transform:none!important}.footer-links a:hover,.footer-links button:hover{color:var(--accent-amber)!important;text-shadow:0 0 8px #d9770680!important;box-shadow:none!important;filter:none!important;background:0 0!important;transform:none!important}.footer-links button:active{box-shadow:none!important;transform:none!important}.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}.ad-wrapper{box-sizing:border-box;background:var(--bg-dark);border-radius:8px;justify-content:center;align-items:center;width:100%;margin:1.5rem 0;display:flex;overflow:hidden}.themed-ad-placeholder{background:var(--bg-panel);color:var(--text-muted);letter-spacing:.08em;opacity:.85;box-sizing:border-box;text-align:center;border:2px dashed #d9770640;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:90px;padding:1.25rem;font-family:Inter,sans-serif;font-size:.7rem;transition:all .3s;display:flex;box-shadow:inset 0 0 15px #00000080}.themed-ad-placeholder:hover{opacity:1;border-color:#d9770699;box-shadow:inset 0 0 15px #00000080,0 0 10px #d9770626}.ad-placeholder-label{text-shadow:0 2px 4px #000c;text-transform:uppercase;-webkit-user-select:none;user-select:none;font-weight:600}.desktop-only-ad{display:none!important}@media (width>=1024px){.desktop-only-ad{width:100%;margin-top:1.5rem;display:block!important}}.landing-divider{justify-content:center;align-items:center;gap:1rem;width:100%;margin:3rem 0 2rem;display:flex}.landing-divider-line{background:linear-gradient(90deg, transparent, var(--accent-stout) 50%, transparent);flex:1;height:2px}.landing-divider-icon{text-shadow:var(--neon-glow);font-size:1.5rem}.landing-section-title{text-align:center;margin-bottom:1.5rem;font-size:clamp(1.5rem,5vw,2.2rem)}.content-section{width:100%;margin-bottom:2.5rem;animation:.8s ease-out fadeIn}.steps-grid{grid-template-columns:1fr;gap:1.5rem;width:100%;display:grid}@media (width>=640px){.steps-grid{grid-template-columns:repeat(2,1fr)}}.info-card{background:var(--bg-panel);border:1px solid #d9770626;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 20px #0006}.info-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-amber), transparent);opacity:0;width:100%;height:3px;transition:opacity .3s;position:absolute;top:0;left:0}.info-card:hover{border-color:var(--accent-amber);transform:translateY(-4px);box-shadow:0 12px 25px #d977061a}.info-card:hover:before{opacity:1}.info-card-badge{color:var(--accent-amber);background:#d9770626;border:1px solid #d977064d;border-radius:20px;justify-content:center;align-self:flex-start;align-items:center;padding:.25rem .75rem;font-family:Rye,serif;font-size:.8rem;display:inline-flex}.info-card h3{color:var(--text-main);text-shadow:none;margin:.5rem 0 .25rem;font-family:Rye,serif;font-size:1.2rem}.info-card p{color:var(--accent-foam);margin:0;font-size:.9rem;line-height:1.5}.drink-showcase-grid{grid-template-columns:1fr;gap:1rem;width:100%;display:grid}@media (width>=640px){.drink-showcase-grid{grid-template-columns:repeat(2,1fr)}}.drink-card{background:var(--bg-panel);border:1px solid #d977061a;border-radius:12px;align-items:center;gap:1.25rem;padding:1.25rem;transition:all .3s;display:flex;box-shadow:0 8px 16px #0000004d}.drink-card:hover{border-color:var(--accent-amber);background:var(--bg-panel-hover);box-shadow:0 8px 20px #d9770626}.drink-card-icon{background:#0000004d;border:1px solid #d9770633;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;padding:4px;display:flex}.drink-card-details{flex-direction:column;gap:.25rem;display:flex}.drink-card-header{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.drink-card-title{color:var(--accent-amber);text-shadow:none;margin:0;font-family:Rye,serif;font-size:1rem}.drink-card-size{color:var(--bg-dark);background:var(--text-main);text-transform:uppercase;border-radius:4px;padding:.1rem .4rem;font-size:.75rem;font-weight:800}.drink-card-desc{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.4}.tips-grid{grid-template-columns:1fr;gap:1rem;width:100%;display:grid}.tip-card{background:linear-gradient(135deg, var(--bg-panel) 0%, #241c1499 100%);border-left:4px solid var(--accent-amber);border-top:1px solid #d977060d;border-bottom:1px solid #d977060d;border-right:1px solid #d977060d;border-radius:0 12px 12px 0;align-items:flex-start;gap:1rem;padding:1.25rem;transition:transform .2s;display:flex;box-shadow:0 8px 16px #0000004d}.tip-card:hover{transform:translate(4px)}.tip-card-emoji{font-size:1.5rem;line-height:1.2}.tip-card-content{flex-direction:column;gap:.25rem;display:flex}.tip-card-content h3{color:var(--text-main);margin:0;font-size:.95rem;font-weight:700}.tip-card-content p{color:var(--accent-foam);margin:0;font-size:.85rem;line-height:1.4}.faq-accordion{flex-direction:column;gap:.75rem;width:100%;display:flex}.faq-item{box-sizing:border-box;background-color:#0000;background-image:repeating-linear-gradient(90deg,#ffffff04 0 1px,#0000 1px 12px),linear-gradient(135deg,#382414 0%,#20130a 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:3px solid #170d06;border-radius:10px;flex-direction:column;gap:0;padding:8px;transition:all .25s;display:flex;overflow:hidden;box-shadow:0 8px 20px #00000080,inset 0 1px #ffffff0d,inset 0 -1px 2px #0006}.faq-item:hover{box-shadow:0 10px 25px #0009,inset 0 1px #ffffff14,0 0 15px #d977061a}.faq-item.active{border-color:#2b170a;box-shadow:0 12px 28px #000000b3,0 0 20px #edf88b26,inset 0 1px #ffffff1a}button.faq-question{text-align:left;letter-spacing:.5px;cursor:pointer;text-transform:none;box-sizing:border-box;background:linear-gradient(#d49a37 0%,#b07e26 40%,#875a13 100%);border:2px solid #573a0e;border-radius:4px;justify-content:space-between;align-items:center;width:100%;margin:0;padding:12px 32px;font-family:Rye,serif;font-size:.95rem;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 3px 5px #00000080,inset 0 1px 1px #ffffff59,inset 0 -1px 2px #0006;color:#170b02!important;text-shadow:0 1px #ffffff40!important}button.faq-question:hover:not(:disabled),button.faq-question:focus,button.faq-question:active{background:linear-gradient(#dfa745 0%,#c28e32 40%,#9c6c1d 100%);transform:translateY(-1px);box-shadow:0 4px 8px #0009,inset 0 1px 1px #ffffff73,inset 0 -1px 2px #0006}.faq-item.active button.faq-question{background:linear-gradient(#edf88b 0%,#d97706 50%,#8e4504 100%);border-color:#703309;transform:none;box-shadow:0 0 12px #edf88b4d,0 3px 5px #00000080,inset 0 1px 1px #fff6,inset 0 -1px 2px #0006;color:#170b02!important;text-shadow:0 1px #ffffff4d!important}.faq-item.active button.faq-question:hover:not(:disabled){background:linear-gradient(#f2fc9d 0%,#e68507 50%,#a35005 100%)}button.faq-question .screw{pointer-events:none;background:#3a1d04;border-radius:50%;width:5px;height:5px;transition:background-color .2s;position:absolute;box-shadow:inset 0 1px 1px #000c,0 1px #fff3}button.faq-question .screw:before{content:"";background:#ffffff26;height:1px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)rotate(45deg)}button.faq-question .screw.top-left{top:5px;left:5px}button.faq-question .screw.top-right{top:5px;right:5px}button.faq-question .screw.bottom-left{bottom:5px;left:5px}button.faq-question .screw.bottom-right{bottom:5px;right:5px}button.faq-question:hover .screw{background:#2b1402}.faq-chevron{color:#573a0e;margin-left:10px;font-size:.75rem;transition:transform .25s,color .25s}button.faq-question:hover .faq-chevron{color:#170b02}.faq-item.active .faq-chevron{color:#703309}.faq-answer{background:#00000080;border:1px solid #170d06;border-radius:4px;max-height:0;transition:max-height .3s cubic-bezier(0,1,0,1),margin-top .3s;overflow:hidden;box-shadow:inset 0 3px 8px #000000b3}.faq-item.active .faq-answer{max-height:500px;margin-top:8px;transition:max-height .3s cubic-bezier(1,0,1,0),margin-top .3s}.faq-answer-inner{color:var(--accent-foam);padding:1rem 1.25rem;font-size:.88rem;line-height:1.6}.faq-answer-inner p{margin:0}.bmc-button-custom{cursor:pointer;background:linear-gradient(#fef08a 0%,#d97706 50%,#8e4504 100%);border:2px solid #703309;border-radius:6px;justify-content:center;align-items:center;gap:10px;max-width:fit-content;margin:1.5rem auto 0;padding:.75rem 1.5rem;font-family:Rye,serif;font-size:1.1rem;font-weight:700;text-decoration:none;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 0 12px #fef08a33,0 4px 10px #00000080,inset 0 1px 1px #fff6,inset 0 -1px 2px #0006;color:#170b02!important;text-shadow:0 1px #ffffff40!important}.bmc-button-custom .bmc-emoji{font-size:1.3rem;line-height:1}.bmc-button-custom .bmc-text{letter-spacing:.5px}.bmc-button-custom:hover,.bmc-button-custom:focus{filter:brightness(1.1);transform:scale(1.05);box-shadow:0 0 18px #fef08a80,0 6px 15px #0009,inset 0 1px 1px #ffffff8c;text-decoration:none!important}.bmc-button-custom:active{transform:scale(.98)}.board-wood-panel{box-sizing:border-box;background-color:#0000;background-image:repeating-linear-gradient(90deg,#ffffff04 0 1px,#0000 1px 12px),linear-gradient(135deg,#382414 0%,#20130a 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:4px solid #170d06;border-radius:10px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:424px;margin:0 auto;padding:12px;display:flex;box-shadow:0 15px 35px #000000b3,inset 0 1px #ffffff1a,inset 0 -1px 3px #0009}.board-plaque{text-align:center;letter-spacing:.5px;box-sizing:border-box;background:linear-gradient(#d49a37 0%,#b07e26 40%,#875a13 100%);border:2px solid #573a0e;border-radius:4px;justify-content:center;align-items:center;width:100%;min-height:42px;margin:0;padding:8px 16px;font-family:Rye,serif;font-size:1.05rem;display:flex;position:relative;box-shadow:0 3px 5px #00000080,inset 0 1px 1px #ffffff59,inset 0 -1px 2px #0006;color:#170b02!important;text-shadow:0 1px #ffffff40!important}.board-plaque.my-turn{background:linear-gradient(#edf88b 0%,#d97706 50%,#8e4504 100%);border-color:#703309;box-shadow:0 0 12px #edf88b4d,0 3px 5px #00000080,inset 0 1px 1px #fff6,inset 0 -1px 2px #0006;color:#170b02!important}.board-plaque.opponent-turn{opacity:.9;background:linear-gradient(#b57d26 0%,#916017 50%,#663f08 100%);border-color:#402604}.board-plaque .screw{background:#3a1d04;border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:inset 0 1px 1px #000c,0 1px #fff3}.board-plaque .screw:before{content:"";background:#ffffff26;height:1px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)rotate(45deg)}.board-plaque .screw.top-left{top:5px;left:5px}.board-plaque .screw.top-right{top:5px;right:5px}.board-plaque .screw.bottom-left{bottom:5px;left:5px}.board-plaque .screw.bottom-right{bottom:5px;right:5px}.board-wood-panel .grid-container{border:2px solid #170d06;margin:0;box-shadow:inset 0 3px 8px #000c,0 1px #ffffff0d}@media (width<=767px){.app-container{padding:.2rem .4rem!important}header.text-center.mb-4{margin-bottom:.25rem!important}.main-title{margin-bottom:.1rem!important;font-size:clamp(1.2rem,5vw,1.6rem)!important}.game-boards.mt-4{gap:.35rem!important;margin-top:.25rem!important}.board-container{gap:.15rem!important}.board-container h3{margin-top:.1rem!important;margin-bottom:.1rem!important;font-size:.9rem!important}h1,h2,h3,.brand-font{text-shadow:0 0 5px #d9770666!important}.grid-container{max-width:340px!important;box-shadow:0 5px 10px #0006!important}.bmc-button-custom{gap:6px!important;margin:.35rem auto 0!important;padding:.35rem .85rem!important;font-size:.8rem!important}.bmc-button-custom .bmc-emoji{font-size:1rem!important}.site-footer{margin-top:.4rem!important;padding:.4rem .8rem!important}.footer-content{gap:.25rem!important}.footer-copyright,.footer-links a,.footer-links button{font-size:.7rem!important}.board-wood-panel{gap:6px!important;max-width:352px!important;padding:6px!important}.board-plaque{min-height:32px!important;padding:4px 8px!important;font-size:.8rem!important}.board-plaque .screw{width:4px!important;height:4px!important}.board-plaque .screw.top-left{top:3px!important;left:3px!important}.board-plaque .screw.top-right{top:3px!important;right:3px!important}.board-plaque .screw.bottom-left{bottom:3px!important;left:3px!important}.board-plaque .screw.bottom-right{bottom:3px!important;right:3px!important}#leave-pub-btn{opacity:.75!important;width:22px!important;height:22px!important;font-size:.95rem!important;right:.5rem!important}#leave-pub-btn:hover{opacity:1!important}.faq-item{border-width:2px!important;border-radius:6px!important;padding:4px!important}button.faq-question{padding:8px 20px!important;font-size:.8rem!important}button.faq-question .screw{width:3px!important;height:3px!important}button.faq-question .screw.top-left{top:3px!important;left:3px!important}button.faq-question .screw.top-right{top:3px!important;right:3px!important}button.faq-question .screw.bottom-left{bottom:3px!important;left:3px!important}button.faq-question .screw.bottom-right{bottom:3px!important;right:3px!important}.faq-answer-inner{padding:.75rem .85rem!important;font-size:.78rem!important;line-height:1.5!important}}.pwa-toast{border:3px double var(--accent-amber);z-index:1000;text-align:left;box-shadow:0 10px 30px #000c, var(--neon-glow), inset 0 0 15px #0009;background:linear-gradient(135deg,#241c14 0%,#17110c 100%);border-radius:8px;flex-direction:column;gap:.75rem;min-width:280px;max-width:360px;padding:1.25rem;animation:.35s ease-out fade-in;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes fade-in{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}.pwa-toast .rivet{z-index:2;background:radial-gradient(circle at 30% 30%,#fcd34d 0%,#d97706 70%,#78350f 100%);border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:0 1px 2px #000c,inset 0 0 1px #fff9}.pwa-toast .rivet.top-left{top:6px;left:6px}.pwa-toast .rivet.top-right{top:6px;right:6px}.pwa-toast .rivet.bottom-left{bottom:6px;left:6px}.pwa-toast .rivet.bottom-right{bottom:6px;right:6px}.pwa-header{border-bottom:1px dashed #d977064d;margin-bottom:.25rem;padding-bottom:.5rem}.pwa-title{color:var(--accent-amber);text-shadow:var(--neon-glow);letter-spacing:.05em;font-family:Rye,serif;font-size:1.15rem}.pwa-message{color:var(--accent-foam);font-size:.9rem;line-height:1.45}.pwa-buttons{justify-content:flex-end;gap:.75rem;margin-top:.25rem;display:flex}.pwa-button{color:#170b02!important;cursor:pointer!important;text-transform:uppercase!important;text-shadow:0 1px #ffffff40!important;background:linear-gradient(#edf88b 0%,#d97706 50%,#8e4504 100%)!important;border:2px solid #703309!important;border-radius:6px!important;padding:.45rem 1rem!important;font-family:Rye,serif!important;font-size:.9rem!important;font-weight:400!important;transition:all .2s cubic-bezier(.175,.885,.32,1.275)!important;box-shadow:0 0 8px #edf88b26,0 3px 6px #0006,inset 0 1px 1px #fff6,inset 0 -1px 2px #0006!important}.pwa-button:hover{filter:brightness(1.05)!important;transform:translateY(-2px)scale(1.03)!important;box-shadow:0 0 12px #edf88b59,0 5px 10px #00000080,inset 0 1px 1px #ffffff80!important}.pwa-button:active{transform:translateY(0)scale(.97)!important}.pwa-button-close{color:#170b02!important;cursor:pointer!important;text-transform:uppercase!important;text-shadow:0 1px #fff3!important;background:linear-gradient(#b57d26 0%,#916017 50%,#663f08 100%)!important;border:2px solid #402604!important;border-radius:6px!important;padding:.45rem 1rem!important;font-family:Rye,serif!important;font-size:.9rem!important;font-weight:400!important;transition:all .2s cubic-bezier(.175,.885,.32,1.275)!important;box-shadow:0 3px 6px #0006,inset 0 1px 1px #ffffff40,inset 0 -1px 2px #0006!important}.pwa-button-close:hover{background:linear-gradient(#edf88b 0%,#d97706 50%,#8e4504 100%)!important;border-color:#703309!important;transform:translateY(-2px)scale(1.03)!important;box-shadow:0 0 12px #edf88b33,0 5px 10px #00000080,inset 0 1px 1px #fff6!important}.pwa-button-close:active{transform:translateY(0)scale(.97)!important}@media (width<=480px){.pwa-toast{width:calc(100% - 2rem);max-width:calc(100% - 2rem)}}