@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f0e8;--surface: #fff;--border: #1a1a1a;--border-w: 3px;--shadow: 4px 4px 0px #1a1a1a;--shadow-sm: 3px 3px 0px #1a1a1a;--text: #1a1a1a;--muted: #666;--accent: #1a1a1a;font-family:"Press Start 2P",monospace}body{background:var(--bg);color:var(--text);min-height:100dvh;background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px);background-size:20px 20px}.app-shell{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:2rem 1.25rem 3rem;position:relative}.lang-toggle{background:var(--surface);border:var(--border-w) solid var(--border);box-shadow:var(--shadow-sm);font-family:"Press Start 2P",monospace;font-size:.38rem;padding:.35rem .55rem;cursor:pointer;line-height:2;transition:transform .08s,box-shadow .08s;white-space:nowrap}.lang-toggle:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--border)}.home-screen{width:100%;max-width:420px;display:flex;flex-direction:column;gap:2.5rem;padding-top:2rem}.hero{display:flex;flex-direction:column;gap:.75rem}.app-title{font-size:2.5rem;font-weight:400;color:var(--text);line-height:1.2;letter-spacing:-1px}.app-tagline{font-size:.55rem;color:var(--muted);line-height:2}.pick-label{font-size:.5rem;color:var(--muted);text-transform:uppercase;letter-spacing:2px}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.mode-grid{display:flex;flex-direction:column;gap:1rem;width:100%}.mode-card{background:var(--surface);border:var(--border-w) solid var(--border);box-shadow:var(--shadow);padding:1.5rem 1.25rem;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;cursor:pointer;text-align:left;transition:transform .08s,box-shadow .08s}.mode-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--border)}.mode-card:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--border)}.mode-emoji{font-size:1.6rem;font-family:sans-serif}.mode-title{font-size:.6rem;font-family:"Press Start 2P",monospace;color:var(--text)}.mode-desc{font-size:.45rem;font-family:"Press Start 2P",monospace;color:#666;line-height:2}.category-card{background:var(--surface);border:var(--border-w) solid var(--border);box-shadow:var(--shadow);padding:1.25rem 1rem;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;cursor:pointer;text-align:left;transition:transform .08s,box-shadow .08s}.category-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--border)}.category-card:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--border)}.category-card.active{background:var(--border);color:#fff;box-shadow:4px 4px #555}.category-card.active .cat-label{color:#fff}.cat-emoji{font-size:1.4rem;font-family:sans-serif}.cat-label{font-size:.5rem;font-family:"Press Start 2P",monospace;color:var(--text);line-height:1.8}.question-screen{width:100%;max-width:420px;display:flex;flex-direction:column;gap:1.5rem}.qs-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.qs-header-right{display:flex;align-items:center;gap:.5rem}.home-btn{background:var(--surface);border:var(--border-w) solid var(--border);box-shadow:var(--shadow-sm);font-family:"Press Start 2P",monospace;font-size:.45rem;color:var(--text);padding:.5rem .75rem;cursor:pointer;transition:transform .08s,box-shadow .08s}.home-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--border)}.home-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--border)}.cat-badge{font-size:.45rem;color:var(--muted);display:flex;align-items:center;gap:.4rem;font-family:sans-serif}.cat-badge-emoji{font-family:sans-serif;font-size:.9rem}.cat-badge-label{font-family:"Press Start 2P",monospace;font-size:.45rem}.question-card{background:var(--surface);border:var(--border-w) solid var(--border);box-shadow:var(--shadow);padding:2rem 1.5rem;min-height:170px;display:flex;align-items:center;justify-content:center}.question-text{font-size:.7rem;line-height:2.2;color:var(--text);text-align:center}.timer-area{display:flex;flex-direction:column;gap:.85rem}.timer-bar-wrap{width:100%;height:14px;background:var(--surface);border:var(--border-w) solid var(--border);box-shadow:var(--shadow-sm)}.timer-bar{height:100%;background:var(--border);transition:width 1s steps(10,end),background-color .4s}.timer-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.timer-number{font-size:1.1rem;font-family:"Press Start 2P",monospace;color:var(--text);min-width:4ch;transition:color .4s}.timer-controls{display:flex;gap:.6rem}.btn-icon{background:var(--surface);border:var(--border-w) solid var(--border);box-shadow:var(--shadow-sm);font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--text);width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .08s,box-shadow .08s;image-rendering:pixelated}.btn-icon:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--border)}.btn-icon:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--border)}.switch-notice{font-size:.5rem;color:var(--text);text-align:center;line-height:2;padding:.75rem 1rem;border:var(--border-w) solid var(--border);box-shadow:var(--shadow-sm);background:var(--surface);animation:blink .8s steps(1) infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.turn-label{font-size:.5rem;color:var(--muted);line-height:2}.btn-done{width:100%;padding:.9rem 1rem;background:var(--surface);color:var(--text);border:var(--border-w) solid var(--border);box-shadow:var(--shadow);font-family:"Press Start 2P",monospace;font-size:.55rem;cursor:pointer;transition:transform .08s,box-shadow .08s;line-height:2}.btn-done:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #555}.btn-done:active{transform:translate(2px,2px);box-shadow:1px 1px #555}.btn-primary{width:100%;padding:1rem;background:var(--border);color:var(--bg);border:var(--border-w) solid var(--border);box-shadow:var(--shadow);font-family:"Press Start 2P",monospace;font-size:.55rem;cursor:pointer;transition:transform .08s,box-shadow .08s;line-height:2}.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #555}.btn-primary:active{transform:translate(2px,2px);box-shadow:1px 1px #555}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:var(--shadow)}.btn-end{background:#c0392b;color:#fff;border:var(--border-w) solid var(--border);box-shadow:var(--shadow-sm);font-family:"Press Start 2P",monospace;font-size:.4rem;padding:.5rem .65rem;cursor:pointer;transition:transform .08s,box-shadow .08s;line-height:1.8}.btn-end:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #7b241c}.btn-end:active{transform:translate(1px,1px);box-shadow:1px 1px #7b241c}.player-track{display:flex;gap:.5rem;flex-wrap:wrap;width:100%}.player-pip{width:36px;height:36px;border:var(--border-w) solid var(--border);box-shadow:var(--shadow-sm);background:var(--surface);display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--muted);transition:background .12s}.player-pip.active{background:var(--border);color:var(--bg)}.player-pip.done{background:#eee;color:#aaa}.pip-name{pointer-events:none}.setup-screen{width:100%;max-width:420px;display:flex;flex-direction:column;gap:2rem;padding-top:2rem}.setup-section{display:flex;flex-direction:column;gap:.75rem}.count-row{display:flex;gap:.6rem;align-items:center}.btn-count{background:var(--surface);border:var(--border-w) solid var(--border);box-shadow:var(--shadow-sm);font-family:"Press Start 2P",monospace;font-size:.7rem;color:var(--text);width:48px;height:48px;cursor:pointer;transition:transform .08s,box-shadow .08s,background .08s}.btn-count.active,.btn-count:hover{background:var(--border);color:var(--bg);transform:translate(-1px,-1px);box-shadow:4px 4px #555}.btn-count:active{transform:translate(1px,1px);box-shadow:1px 1px #555}.input-count{background:var(--surface);border:var(--border-w) solid var(--border);box-shadow:var(--shadow-sm);font-family:"Press Start 2P",monospace;font-size:.6rem;color:var(--text);width:48px;height:48px;text-align:center;outline:none;-moz-appearance:textfield;flex-shrink:0}.input-count::-webkit-outer-spin-button,.input-count::-webkit-inner-spin-button{-webkit-appearance:none}.input-count:focus{box-shadow:4px 4px 0 var(--border)}.input-count.active{background:var(--border);color:var(--bg);box-shadow:4px 4px #555}.input-count.active::placeholder{color:#888}.cap-warning{font-size:.45rem;color:var(--muted);line-height:2}.names-list{display:flex;flex-direction:column;gap:.6rem}.name-row{display:flex;align-items:center;gap:.6rem}.name-index{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--muted);width:1.4rem;flex-shrink:0;text-align:right}.input-name{flex:1;min-width:0;background:var(--surface);border:var(--border-w) solid var(--border);box-shadow:var(--shadow-sm);font-family:"Press Start 2P",monospace;font-size:.55rem;color:var(--text);padding:.6rem .75rem;outline:none;line-height:2}.input-name:focus{box-shadow:4px 4px 0 var(--border)}.input-name::placeholder{color:#bbb}.setup-name-btn{padding-left:2rem}.results-screen{width:100%;max-width:420px;display:flex;flex-direction:column;gap:1.5rem;padding-top:1rem}.results-list{display:flex;flex-direction:column;gap:1rem}.result-card{background:var(--surface);border:var(--border-w) solid var(--border);box-shadow:var(--shadow);padding:1.25rem 1rem;display:flex;flex-direction:column;gap:.75rem}.result-q-label{font-size:.5rem;color:var(--muted)}.result-q-text{font-size:.6rem;line-height:2;color:var(--text)}.result-chart-row{display:flex;gap:1rem;align-items:center}.result-times{display:flex;flex-direction:column;gap:.4rem;flex:1}.result-time-row{display:flex;align-items:center;gap:.4rem}.result-player-name{font-size:.45rem;color:var(--text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-secs{font-size:.45rem;color:var(--text);font-variant-numeric:tabular-nums}.result-pct{font-size:.4rem;color:var(--muted)}.result-total{font-size:.4rem;color:var(--muted);margin-top:.25rem;padding-top:.4rem;border-top:1px solid #eee}.pixel-legend{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem}.legend-row{display:flex;align-items:center;gap:.4rem}.legend-chip{display:inline-block;width:12px;height:12px;border:2px solid var(--border);flex-shrink:0}.legend-name{font-size:.45rem;color:var(--text)}.pixel-tooltip{background:var(--surface);border:var(--border-w) solid var(--border);box-shadow:var(--shadow-sm);padding:.4rem .6rem;font-family:"Press Start 2P",monospace;font-size:.4rem;color:var(--text);line-height:2}.solo-results{width:100%;display:flex;flex-direction:column;gap:1.25rem}.solo-stats-row{display:flex;gap:.75rem;flex-wrap:wrap}.solo-stat{flex:1;min-width:80px;background:var(--surface);border:var(--border-w) solid var(--border);box-shadow:var(--shadow-sm);padding:.75rem .6rem;display:flex;flex-direction:column;gap:.5rem;align-items:center}.solo-stat-label{font-size:.38rem;color:#666;text-align:center}.solo-stat-value{font-size:.5rem;color:var(--text);text-align:center;line-height:1.6}.solo-bar-wrap{background:var(--surface);border:var(--border-w) solid var(--border);box-shadow:var(--shadow-sm);padding:1rem .5rem .5rem}.results-actions{display:flex;flex-direction:column;gap:.6rem}.brewing-screen{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:1.75rem;padding-top:2.5rem}.cauldron-sprite-wrap{display:flex;flex-direction:column;align-items:center;gap:0;position:relative}.steam-layer{display:flex;gap:14px;height:44px;align-items:flex-end;order:-1;margin-bottom:0}.px-steam{display:block;width:8px;background:#aaa;border:2px solid #888}.st-1{height:18px;animation:steam-up 1.6s steps(5) infinite;animation-delay:0s}.st-2{height:28px;animation:steam-up 1.6s steps(5) infinite;animation-delay:.5s}.st-3{height:14px;animation:steam-up 1.6s steps(5) infinite;animation-delay:1.1s}@keyframes steam-up{0%{opacity:1;transform:translateY(0) scaleX(1)}50%{opacity:.6;transform:translateY(-12px) scaleX(1.4)}to{opacity:0;transform:translateY(-26px) scaleX(.5)}}.cauldron-sprite{--px: 8px;width:var(--px);height:var(--px);position:relative;margin:0 auto;box-shadow:calc(2*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(3*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(4*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(5*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(6*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(7*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(8*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(9*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(10*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(11*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(1*var(--px)) calc(1*var(--px)) 0 0 #2a2a2a,calc(2*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(3*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(4*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(5*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(6*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(7*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(8*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(9*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(10*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(11*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(12*var(--px)) calc(1*var(--px)) 0 0 #2a2a2a,calc(1*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(2*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(3*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(4*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(5*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(6*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(7*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(8*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(9*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(10*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(11*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(12*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(2*var(--px)) calc(3*var(--px)) 0 0 #2a2a2a,calc(3*var(--px)) calc(3*var(--px)) 0 0 #5b21b6,calc(4*var(--px)) calc(3*var(--px)) 0 0 #5b21b6,calc(5*var(--px)) calc(3*var(--px)) 0 0 #7c3aed,calc(6*var(--px)) calc(3*var(--px)) 0 0 #5b21b6,calc(7*var(--px)) calc(3*var(--px)) 0 0 #7c3aed,calc(8*var(--px)) calc(3*var(--px)) 0 0 #5b21b6,calc(9*var(--px)) calc(3*var(--px)) 0 0 #5b21b6,calc(10*var(--px)) calc(3*var(--px)) 0 0 #5b21b6,calc(11*var(--px)) calc(3*var(--px)) 0 0 #2a2a2a,calc(2*var(--px)) calc(4*var(--px)) 0 0 #2a2a2a,calc(3*var(--px)) calc(4*var(--px)) 0 0 #4c1d95,calc(4*var(--px)) calc(4*var(--px)) 0 0 #5b21b6,calc(5*var(--px)) calc(4*var(--px)) 0 0 #5b21b6,calc(6*var(--px)) calc(4*var(--px)) 0 0 #5b21b6,calc(7*var(--px)) calc(4*var(--px)) 0 0 #5b21b6,calc(8*var(--px)) calc(4*var(--px)) 0 0 #5b21b6,calc(9*var(--px)) calc(4*var(--px)) 0 0 #5b21b6,calc(10*var(--px)) calc(4*var(--px)) 0 0 #4c1d95,calc(11*var(--px)) calc(4*var(--px)) 0 0 #2a2a2a,calc(2*var(--px)) calc(5*var(--px)) 0 0 #2a2a2a,calc(3*var(--px)) calc(5*var(--px)) 0 0 #4c1d95,calc(4*var(--px)) calc(5*var(--px)) 0 0 #5b21b6,calc(5*var(--px)) calc(5*var(--px)) 0 0 #5b21b6,calc(6*var(--px)) calc(5*var(--px)) 0 0 #5b21b6,calc(7*var(--px)) calc(5*var(--px)) 0 0 #5b21b6,calc(8*var(--px)) calc(5*var(--px)) 0 0 #5b21b6,calc(9*var(--px)) calc(5*var(--px)) 0 0 #5b21b6,calc(10*var(--px)) calc(5*var(--px)) 0 0 #4c1d95,calc(11*var(--px)) calc(5*var(--px)) 0 0 #2a2a2a,calc(3*var(--px)) calc(6*var(--px)) 0 0 #2a2a2a,calc(4*var(--px)) calc(6*var(--px)) 0 0 #4c1d95,calc(5*var(--px)) calc(6*var(--px)) 0 0 #5b21b6,calc(6*var(--px)) calc(6*var(--px)) 0 0 #5b21b6,calc(7*var(--px)) calc(6*var(--px)) 0 0 #5b21b6,calc(8*var(--px)) calc(6*var(--px)) 0 0 #5b21b6,calc(9*var(--px)) calc(6*var(--px)) 0 0 #4c1d95,calc(10*var(--px)) calc(6*var(--px)) 0 0 #2a2a2a,calc(3*var(--px)) calc(7*var(--px)) 0 0 #2a2a2a,calc(4*var(--px)) calc(7*var(--px)) 0 0 #4c1d95,calc(5*var(--px)) calc(7*var(--px)) 0 0 #5b21b6,calc(6*var(--px)) calc(7*var(--px)) 0 0 #4c1d95,calc(7*var(--px)) calc(7*var(--px)) 0 0 #5b21b6,calc(8*var(--px)) calc(7*var(--px)) 0 0 #5b21b6,calc(9*var(--px)) calc(7*var(--px)) 0 0 #4c1d95,calc(10*var(--px)) calc(7*var(--px)) 0 0 #2a2a2a,calc(4*var(--px)) calc(8*var(--px)) 0 0 #2a2a2a,calc(5*var(--px)) calc(8*var(--px)) 0 0 #2a2a2a,calc(6*var(--px)) calc(8*var(--px)) 0 0 #2a2a2a,calc(7*var(--px)) calc(8*var(--px)) 0 0 #2a2a2a,calc(8*var(--px)) calc(8*var(--px)) 0 0 #2a2a2a,calc(9*var(--px)) calc(8*var(--px)) 0 0 #2a2a2a,calc(4*var(--px)) calc(9*var(--px)) 0 0 #2a2a2a,calc(5*var(--px)) calc(9*var(--px)) 0 0 #2a2a2a,calc(8*var(--px)) calc(9*var(--px)) 0 0 #2a2a2a,calc(9*var(--px)) calc(9*var(--px)) 0 0 #2a2a2a,calc(4*var(--px)) calc(10*var(--px)) 0 0 #1a1a1a,calc(5*var(--px)) calc(10*var(--px)) 0 0 #1a1a1a,calc(8*var(--px)) calc(10*var(--px)) 0 0 #1a1a1a,calc(9*var(--px)) calc(10*var(--px)) 0 0 #1a1a1a;animation:brew-shimmer .8s steps(2) infinite alternate}@keyframes brew-shimmer{0%{box-shadow:calc(2*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(3*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(4*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(5*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(6*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(7*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(8*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(9*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(10*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(11*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(1*var(--px)) calc(1*var(--px)) 0 0 #2a2a2a,calc(2*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(3*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(4*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(5*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(6*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(7*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(8*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(9*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(10*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(11*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(12*var(--px)) calc(1*var(--px)) 0 0 #2a2a2a,calc(1*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(2*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(3*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(4*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(5*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(6*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(7*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(8*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(9*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(10*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(11*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(12*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(2*var(--px)) calc(3*var(--px)) 0 0 #2a2a2a,calc(3*var(--px)) calc(3*var(--px)) 0 0 #5b21b6,calc(4*var(--px)) calc(3*var(--px)) 0 0 #5b21b6,calc(5*var(--px)) calc(3*var(--px)) 0 0 #7c3aed,calc(6*var(--px)) calc(3*var(--px)) 0 0 #5b21b6,calc(7*var(--px)) calc(3*var(--px)) 0 0 #7c3aed,calc(8*var(--px)) calc(3*var(--px)) 0 0 #5b21b6,calc(9*var(--px)) calc(3*var(--px)) 0 0 #5b21b6,calc(10*var(--px)) calc(3*var(--px)) 0 0 #5b21b6,calc(11*var(--px)) calc(3*var(--px)) 0 0 #2a2a2a,calc(2*var(--px)) calc(4*var(--px)) 0 0 #2a2a2a,calc(3*var(--px)) calc(4*var(--px)) 0 0 #4c1d95,calc(4*var(--px)) calc(4*var(--px)) 0 0 #5b21b6,calc(5*var(--px)) calc(4*var(--px)) 0 0 #5b21b6,calc(6*var(--px)) calc(4*var(--px)) 0 0 #5b21b6,calc(7*var(--px)) calc(4*var(--px)) 0 0 #5b21b6,calc(8*var(--px)) calc(4*var(--px)) 0 0 #5b21b6,calc(9*var(--px)) calc(4*var(--px)) 0 0 #5b21b6,calc(10*var(--px)) calc(4*var(--px)) 0 0 #4c1d95,calc(11*var(--px)) calc(4*var(--px)) 0 0 #2a2a2a,calc(2*var(--px)) calc(5*var(--px)) 0 0 #2a2a2a,calc(3*var(--px)) calc(5*var(--px)) 0 0 #4c1d95,calc(4*var(--px)) calc(5*var(--px)) 0 0 #5b21b6,calc(5*var(--px)) calc(5*var(--px)) 0 0 #5b21b6,calc(6*var(--px)) calc(5*var(--px)) 0 0 #5b21b6,calc(7*var(--px)) calc(5*var(--px)) 0 0 #5b21b6,calc(8*var(--px)) calc(5*var(--px)) 0 0 #5b21b6,calc(9*var(--px)) calc(5*var(--px)) 0 0 #5b21b6,calc(10*var(--px)) calc(5*var(--px)) 0 0 #4c1d95,calc(11*var(--px)) calc(5*var(--px)) 0 0 #2a2a2a,calc(3*var(--px)) calc(6*var(--px)) 0 0 #2a2a2a,calc(4*var(--px)) calc(6*var(--px)) 0 0 #4c1d95,calc(5*var(--px)) calc(6*var(--px)) 0 0 #5b21b6,calc(6*var(--px)) calc(6*var(--px)) 0 0 #5b21b6,calc(7*var(--px)) calc(6*var(--px)) 0 0 #5b21b6,calc(8*var(--px)) calc(6*var(--px)) 0 0 #5b21b6,calc(9*var(--px)) calc(6*var(--px)) 0 0 #4c1d95,calc(10*var(--px)) calc(6*var(--px)) 0 0 #2a2a2a,calc(3*var(--px)) calc(7*var(--px)) 0 0 #2a2a2a,calc(4*var(--px)) calc(7*var(--px)) 0 0 #4c1d95,calc(5*var(--px)) calc(7*var(--px)) 0 0 #5b21b6,calc(6*var(--px)) calc(7*var(--px)) 0 0 #4c1d95,calc(7*var(--px)) calc(7*var(--px)) 0 0 #5b21b6,calc(8*var(--px)) calc(7*var(--px)) 0 0 #5b21b6,calc(9*var(--px)) calc(7*var(--px)) 0 0 #4c1d95,calc(10*var(--px)) calc(7*var(--px)) 0 0 #2a2a2a,calc(4*var(--px)) calc(8*var(--px)) 0 0 #2a2a2a,calc(5*var(--px)) calc(8*var(--px)) 0 0 #2a2a2a,calc(6*var(--px)) calc(8*var(--px)) 0 0 #2a2a2a,calc(7*var(--px)) calc(8*var(--px)) 0 0 #2a2a2a,calc(8*var(--px)) calc(8*var(--px)) 0 0 #2a2a2a,calc(9*var(--px)) calc(8*var(--px)) 0 0 #2a2a2a,calc(4*var(--px)) calc(9*var(--px)) 0 0 #2a2a2a,calc(5*var(--px)) calc(9*var(--px)) 0 0 #2a2a2a,calc(8*var(--px)) calc(9*var(--px)) 0 0 #2a2a2a,calc(9*var(--px)) calc(9*var(--px)) 0 0 #2a2a2a,calc(4*var(--px)) calc(10*var(--px)) 0 0 #1a1a1a,calc(5*var(--px)) calc(10*var(--px)) 0 0 #1a1a1a,calc(8*var(--px)) calc(10*var(--px)) 0 0 #1a1a1a,calc(9*var(--px)) calc(10*var(--px)) 0 0 #1a1a1a}to{box-shadow:calc(2*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(3*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(4*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(5*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(6*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(7*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(8*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(9*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(10*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(11*var(--px)) calc(0*var(--px)) 0 0 #1a1a1a,calc(1*var(--px)) calc(1*var(--px)) 0 0 #2a2a2a,calc(2*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(3*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(4*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(5*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(6*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(7*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(8*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(9*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(10*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(11*var(--px)) calc(1*var(--px)) 0 0 #3d3d3d,calc(12*var(--px)) calc(1*var(--px)) 0 0 #2a2a2a,calc(1*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(2*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(3*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(4*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(5*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(6*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(7*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(8*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(9*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(10*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(11*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(12*var(--px)) calc(2*var(--px)) 0 0 #2a2a2a,calc(2*var(--px)) calc(3*var(--px)) 0 0 #2a2a2a,calc(3*var(--px)) calc(3*var(--px)) 0 0 #7c3aed,calc(4*var(--px)) calc(3*var(--px)) 0 0 #7c3aed,calc(5*var(--px)) calc(3*var(--px)) 0 0 #5b21b6,calc(6*var(--px)) calc(3*var(--px)) 0 0 #7c3aed,calc(7*var(--px)) calc(3*var(--px)) 0 0 #5b21b6,calc(8*var(--px)) calc(3*var(--px)) 0 0 #7c3aed,calc(9*var(--px)) calc(3*var(--px)) 0 0 #7c3aed,calc(10*var(--px)) calc(3*var(--px)) 0 0 #7c3aed,calc(11*var(--px)) calc(3*var(--px)) 0 0 #2a2a2a,calc(2*var(--px)) calc(4*var(--px)) 0 0 #2a2a2a,calc(3*var(--px)) calc(4*var(--px)) 0 0 #5b21b6,calc(4*var(--px)) calc(4*var(--px)) 0 0 #7c3aed,calc(5*var(--px)) calc(4*var(--px)) 0 0 #7c3aed,calc(6*var(--px)) calc(4*var(--px)) 0 0 #5b21b6,calc(7*var(--px)) calc(4*var(--px)) 0 0 #7c3aed,calc(8*var(--px)) calc(4*var(--px)) 0 0 #7c3aed,calc(9*var(--px)) calc(4*var(--px)) 0 0 #5b21b6,calc(10*var(--px)) calc(4*var(--px)) 0 0 #5b21b6,calc(11*var(--px)) calc(4*var(--px)) 0 0 #2a2a2a,calc(2*var(--px)) calc(5*var(--px)) 0 0 #2a2a2a,calc(3*var(--px)) calc(5*var(--px)) 0 0 #5b21b6,calc(4*var(--px)) calc(5*var(--px)) 0 0 #7c3aed,calc(5*var(--px)) calc(5*var(--px)) 0 0 #5b21b6,calc(6*var(--px)) calc(5*var(--px)) 0 0 #7c3aed,calc(7*var(--px)) calc(5*var(--px)) 0 0 #5b21b6,calc(8*var(--px)) calc(5*var(--px)) 0 0 #7c3aed,calc(9*var(--px)) calc(5*var(--px)) 0 0 #7c3aed,calc(10*var(--px)) calc(5*var(--px)) 0 0 #5b21b6,calc(11*var(--px)) calc(5*var(--px)) 0 0 #2a2a2a,calc(3*var(--px)) calc(6*var(--px)) 0 0 #2a2a2a,calc(4*var(--px)) calc(6*var(--px)) 0 0 #5b21b6,calc(5*var(--px)) calc(6*var(--px)) 0 0 #7c3aed,calc(6*var(--px)) calc(6*var(--px)) 0 0 #5b21b6,calc(7*var(--px)) calc(6*var(--px)) 0 0 #7c3aed,calc(8*var(--px)) calc(6*var(--px)) 0 0 #5b21b6,calc(9*var(--px)) calc(6*var(--px)) 0 0 #5b21b6,calc(10*var(--px)) calc(6*var(--px)) 0 0 #2a2a2a,calc(3*var(--px)) calc(7*var(--px)) 0 0 #2a2a2a,calc(4*var(--px)) calc(7*var(--px)) 0 0 #5b21b6,calc(5*var(--px)) calc(7*var(--px)) 0 0 #7c3aed,calc(6*var(--px)) calc(7*var(--px)) 0 0 #5b21b6,calc(7*var(--px)) calc(7*var(--px)) 0 0 #7c3aed,calc(8*var(--px)) calc(7*var(--px)) 0 0 #5b21b6,calc(9*var(--px)) calc(7*var(--px)) 0 0 #5b21b6,calc(10*var(--px)) calc(7*var(--px)) 0 0 #2a2a2a,calc(4*var(--px)) calc(8*var(--px)) 0 0 #2a2a2a,calc(5*var(--px)) calc(8*var(--px)) 0 0 #2a2a2a,calc(6*var(--px)) calc(8*var(--px)) 0 0 #2a2a2a,calc(7*var(--px)) calc(8*var(--px)) 0 0 #2a2a2a,calc(8*var(--px)) calc(8*var(--px)) 0 0 #2a2a2a,calc(9*var(--px)) calc(8*var(--px)) 0 0 #2a2a2a,calc(4*var(--px)) calc(9*var(--px)) 0 0 #2a2a2a,calc(5*var(--px)) calc(9*var(--px)) 0 0 #2a2a2a,calc(8*var(--px)) calc(9*var(--px)) 0 0 #2a2a2a,calc(9*var(--px)) calc(9*var(--px)) 0 0 #2a2a2a,calc(4*var(--px)) calc(10*var(--px)) 0 0 #1a1a1a,calc(5*var(--px)) calc(10*var(--px)) 0 0 #1a1a1a,calc(8*var(--px)) calc(10*var(--px)) 0 0 #1a1a1a,calc(9*var(--px)) calc(10*var(--px)) 0 0 #1a1a1a}}.flame-layer{display:flex;gap:4px;align-items:flex-end;height:36px;margin-top:0}.px-flame{display:block;border:2px solid #1a1a1a;animation:px-flicker .35s steps(2) infinite alternate}.fl-1{width:20px;height:28px;background:#f59e0b;animation-delay:0s}.fl-2{width:28px;height:36px;background:#ef4444;animation-delay:.12s}.fl-3{width:20px;height:24px;background:#f59e0b;animation-delay:.06s}@keyframes px-flicker{0%{transform:scaleY(1) scaleX(1)}to{transform:scaleY(.72) scaleX(1.18)}}.brewing-tip{font-size:.5rem;color:var(--muted);letter-spacing:1px;line-height:2;text-align:center;animation:blink 1s steps(1) infinite}.brew-bar-outer{width:100%;max-width:300px;padding:3px;border:3px solid var(--border);box-shadow:var(--shadow);background:var(--surface)}.brew-bar-inner{display:flex;gap:2px;height:20px}.brew-square{flex:1;height:100%;background:#e5e5e5}.brew-square.filled{background:#7c3aed;box-shadow:inset -1px -2px #4c1d95}.brew-pct{font-size:.5rem;color:var(--muted);letter-spacing:2px}.not-found-screen{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-top:3rem;text-align:center}.not-found-code{font-size:4rem;font-family:"Press Start 2P",monospace;color:var(--text);line-height:1;text-shadow:4px 4px 0 #aaa}.not-found-art{margin:.5rem 0}.ogre-img{width:160px;height:160px;image-rendering:pixelated;animation:ogre-shake 1.6s steps(3) infinite alternate}@keyframes ogre-shake{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-2deg)}to{transform:translateY(-2px) rotate(2deg)}}.not-found-title{font-size:.75rem;color:var(--text);line-height:2}.not-found-desc{font-size:.45rem;color:var(--muted);line-height:2.5}@media (max-width: 400px){:root{--shadow: 3px 3px 0px #1a1a1a}.app-title{font-size:1.8rem}.question-text{font-size:.6rem}.timer-number{font-size:.9rem}.category-grid{gap:.75rem}}@media (hover: none){.category-card,.btn-primary,.btn-icon,.home-btn{-webkit-tap-highlight-color:transparent}.btn-icon{width:52px;height:52px}}