:root{font-family:system-ui,Segoe UI,sans-serif;color:#fff2d7;background:#191b22;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 0,#343146,transparent 60%),#191b22;min-height:100vh}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:1px solid #67606c;color:#fff2d7;background:#302e39;border-radius:12px;padding:12px 16px;min-height:44px}button:hover{border-color:#f3c959}button:focus-visible,a:focus-visible{outline:3px solid #81dbcf;outline-offset:3px}button:disabled{cursor:default}button[aria-pressed=true]{background:#f3c959;color:#24202c;border-color:#f3c959}button small{display:block;margin-top:5px;font-size:.76rem;opacity:.8}.primary{background:#f3c959;color:#241e27;font-weight:800;border:0;box-shadow:0 4px #b88835}a{color:#9ee4da;text-decoration:none}main{max-width:1200px;margin:auto;padding:20px 28px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;font-size:.8rem;letter-spacing:.08em}header button{font-size:.8rem}h1{font-size:clamp(3rem,6vw,5.5rem);line-height:1.05;margin:14px 0 24px;letter-spacing:-.05em}h1 span{display:block;color:#f3c959}h2{margin:0 0 18px;font-size:1.6rem}p{line-height:1.6}.eyebrow{color:#8fddd0;font-size:.9rem}.intro>p:not(.eyebrow){color:#c9c0cd}.preview{display:flex;justify-content:center;margin-top:32px}.preview svg{width:31%;max-width:160px;filter:drop-shadow(0 10px 0 #0003)}.preview svg:nth-child(2){transform:translateY(-25px) rotate(6deg)}#setup{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:32px 0}.settings{background:#25242e;border:1px solid #504553;border-radius:24px;padding:28px;box-shadow:0 20px 65px #0003}.settings h2{color:#f3c959}fieldset{border:0;padding:0;margin:18px 0}legend{margin-bottom:9px;color:#d7cad8;font-size:.85rem}.options{display:flex;gap:8px}.options button{flex:1;padding:12px 8px;font-weight:750}.count{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px}select,input{border:1px solid #625664;background:#191b22;color:#fff2d7;border-radius:8px;padding:10px;min-width:0}.names{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.names input{width:100%}.rules,details{font-size:.8rem;color:#c9bdcd}.settings>.primary{width:100%;margin-top:24px}.game-bar{display:flex;justify-content:space-between;align-items:center;gap:12px}.game-bar h2{margin:5px 0 8px}#round{font-size:.8rem;color:#d3b684}.status{display:flex;justify-content:space-between;color:#cfc0cf;font-size:.85rem;margin:12px 0}.roster{display:flex;gap:6px;flex-wrap:wrap}.roster span{padding:5px 9px;border-radius:20px;font-size:.78rem;background:#302d39;max-width:100%;overflow-wrap:anywhere}.roster .active{background:#9ee4da;color:#212c2c;font-weight:700}#message{min-height:54px;display:grid;place-items:center;text-align:center;color:#f3c959;font-weight:750;padding:10px}.board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:18px;border:2px solid #8b6544;border-radius:20px;background:repeating-linear-gradient(0deg,#503a30 0 40px,#543e33 41px 80px);box-shadow:inset 0 0 0 6px #352b28;max-width:790px;margin:auto}.board[data-size="40"]{grid-template-columns:repeat(8,minmax(0,1fr));max-width:1050px}.tile{padding:4px;aspect-ratio:1;border:1px solid #f7e0b360;background:#ead9b7;box-shadow:0 3px #221c24;border-radius:14px;min-width:0;min-height:0;position:relative;transition:background .15s,transform .15s}.tile svg{display:block;width:100%;height:100%;pointer-events:none}.tile .number{position:absolute;bottom:2px;right:5px;font-size:.62rem;color:#3d303a}.tile:not(:disabled):hover{transform:translateY(-3px);background:#fff0c8}.tile.cleared{visibility:hidden}.tile.reveal{animation:pop .45s}.tile.peek-safe{background:#9ee4da}.tile.peek-danger{background:#ef7e87}.board.tense .tile:not(.cleared) svg{animation:sweat 1.1s ease-in-out infinite alternate}.footnote{text-align:center;color:#9d929f;font-size:.75rem}.overlay{position:fixed;inset:0;z-index:20;background:#100d17d9;display:grid;place-items:center;padding:20px;overflow-y:auto}.dialog{background:#2a2430;border:3px solid #f3c959;border-radius:26px;max-width:520px;width:100%;padding:28px;text-align:center;box-shadow:0 20px 100px #0008;max-height:calc(100dvh - 40px);overflow:auto}.dialog h2{overflow-wrap:anywhere}#big-face{max-width:190px;margin:0 auto 12px;animation:pop .5s}#big-face svg{width:100%}#beer svg{width:85px;height:100px;vertical-align:middle}#beer strong{font-size:2.5rem;vertical-align:middle;color:#f3c959}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.choices button{overflow-wrap:anywhere}.dialog .primary{width:100%}[hidden]{display:none!important}@keyframes pop{0%{transform:scale(.65) rotate(-8deg)}65%{transform:scale(1.08) rotate(3deg)}to{transform:scale(1)}}@keyframes sweat{to{transform:translateY(-2px) rotate(2deg)}}@media(max-width:650px){main{padding:12px}header{margin-bottom:12px;gap:8px}header span{display:none}#setup{grid-template-columns:1fr;gap:20px;padding:16px 0}.intro{text-align:center}h1{font-size:3.5rem}h1 span{display:inline}.intro p{margin:10px 0}.preview{margin:22px auto 0;max-width:240px}.settings{padding:20px}.board{gap:5px;padding:10px;border-radius:12px}.board[data-size="40"]{gap:3px}.tile{padding:1px;border-radius:7px}.tile .number{font-size:8px;right:2px;bottom:0}.game-bar h2{font-size:1.2rem}.game-bar button{padding:8px}.dialog{padding:20px}#message{font-size:.85rem}.roster span{font-size:.7rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.board{width:min(100%,max(320px,calc((100dvh - 350px)*var(--board-ratio,1))))}.board[data-size="15"]{--board-ratio:1.6667}.board[data-size="40"]{--board-ratio:1.6}.tile{transition:background .15s}.tile:not(:disabled):hover{transform:none}.game-bar h2{overflow-wrap:anywhere}.tile.fake-jump{animation:pop .55s}.tile svg{position:relative}#big-face svg{max-height:190px}.tile{background:transparent;border-color:transparent;box-shadow:none}.tile:not(:disabled):hover{background:#ffffff15}.tile .number{color:#f8e9d2}.tile.peek-safe{background:#238d8870}.tile.peek-danger{background:#ef7e8770}#next-player{display:block;margin:18px auto 0;min-width:180px}#next-player:disabled{opacity:.45}#big-face{max-width:230px;height:clamp(160px,34dvh,320px);animation:character-jump .45s cubic-bezier(.2,.8,.3,1.3)}#big-face svg{width:100%;height:100%;max-height:none;overflow:visible}#result:not(.relief) #big-face svg{animation:mock-laugh .3s ease-in-out infinite alternate}#result.relief .dialog{border-color:#9ee4da}#beer strong{font-size:clamp(1.4rem,5vw,2.5rem)}@keyframes character-jump{0%{transform:translateY(100px) scale(.2) rotate(-15deg);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes mock-laugh{to{transform:rotate(4deg) translateY(-5px)}}@media(prefers-reduced-motion:reduce){#big-face,#result #big-face svg{animation:none!important}}.tile.reveal{animation:quick-reveal .18s ease-out}@keyframes quick-reveal{50%{transform:scale(1.12) rotate(-5deg)}to{transform:scale(.8);opacity:.2}}@media(prefers-reduced-motion:reduce){.tile.reveal{animation:none!important}}.board,.board[data-size="40"]{gap:3px;padding:10px}.tile{padding:0;overflow:hidden}.tile svg{width:115%;height:115%;left:-7.5%;top:-7.5%}.tile .number{z-index:1;font-size:.6rem;text-shadow:0 1px 2px #191b22}@media(max-width:650px){.board,.board[data-size="40"]{gap:2px;padding:7px}.tile .number{font-size:8px}}#beer strong{font-size:clamp(1.35rem,4.5vw,2rem)}