@font-face{font-family:"Press Start 2P";src:url(./PressStart2P-Regular-2BZhbCiP.ttf) format("truetype");font-display:block}:root{--bg: #0b0b0e;--panel: #15151a;--gary: #ff8a3d;--gary-dark: #b9551a;--bro: #3d8bff;--neutral: #9a9aa1;--ink: #0b0b0e;--paper: #f5f2eb;--muted: #8d8a84;--pixel: "Press Start 2P", ui-monospace, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--paper);font-family:var(--sans);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{position:relative;margin:0 auto;width:min(100vw,560px,calc((100dvh - var(--gary-consent-h, 0px)) * .66));height:calc(100dvh - var(--gary-consent-h, 0px));display:flex;flex-direction:column;padding:max(10px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));user-select:none;-webkit-user-select:none;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}#hud{flex:none;display:flex;flex-direction:column;gap:8px}.hud-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.chip{font-family:var(--pixel);font-size:10px;line-height:1;padding:8px 10px;border:3px solid #000;border-radius:8px;background:var(--panel);color:var(--paper)}.chip-flat{background:transparent;border-color:#2a2a31;color:var(--muted)}#turn{font-family:var(--pixel);font-size:12px;letter-spacing:1px}#bar{display:flex;height:12px;border:3px solid #000;border-radius:6px;overflow:hidden;background:#000}#bar i{display:block;height:100%;transition:flex-grow .4s ease}#bar .g{background:var(--gary)}#bar .n{background:#3a3a40}#bar .b{background:var(--bro)}.counts{font-family:var(--pixel);font-size:9px;color:var(--muted)}.who{display:inline-flex;align-items:center;gap:6px}.who em{font-style:normal;color:var(--paper)}.who b{width:10px;height:10px;border:2px solid #000;border-radius:2px}.who.g b{background:var(--gary)}.who.b b{background:var(--bro)}#board-wrap{position:relative;flex:1 1 auto;min-height:0;margin:8px 0;touch-action:none}#board{position:absolute;inset:0;display:block;touch-action:none}#controls{flex:none;display:grid;grid-template-columns:1fr 1fr 1.9fr 52px;gap:8px}#controls .btn{padding-left:6px;padding-right:6px;font-size:11px}#controls #end{font-size:12px}.btn.icon{display:grid;place-items:center;padding:0}.btn.icon svg{width:18px;height:18px;fill:currentColor}#auto .i-pause,#auto.on .i-play{display:none}#auto.on .i-pause{display:block}#auto.on{background:var(--paper);color:var(--ink)}.btn{font-family:var(--pixel);font-size:12px;line-height:1.2;padding:16px 12px;min-height:52px;border:3px solid #000;border-radius:10px;background:#24242b;color:var(--paper);box-shadow:0 4px #000;transition:transform .06s ease,box-shadow .06s ease,opacity .2s}.btn:active{transform:translateY(3px);box-shadow:0 1px #000}.btn:disabled{opacity:.35;cursor:default}.btn.primary{background:var(--gary);color:var(--ink)}.btn.small{font-size:10px;padding:10px;min-height:40px}.btn.big{font-size:15px;padding:18px 14px;width:100%}.btn:focus-visible,.link:focus-visible{outline:3px solid var(--paper);outline-offset:2px}#end.ready{animation:nudge 1.6s ease-in-out infinite}@keyframes nudge{0%,to{filter:none}50%{filter:brightness(1.12)}}.overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:16px;background:#0b0b0ef0;overflow-y:auto}.overlay[hidden]{display:none}.title-inner,.result-inner{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.emblem{display:flex;gap:0;margin-bottom:2px}.hx{width:62px;height:54px;display:grid;place-items:center;font-family:var(--pixel);font-size:16px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#000;position:relative;margin:0 -7px}.hx:before{content:"";position:absolute;inset:4px;clip-path:inherit;z-index:-1}.hx{isolation:isolate;color:var(--ink)}.hx.g:before{background:var(--gary)}.hx.b:before{background:var(--bro)}.hx.b{color:var(--paper);transform:translateY(14px)}.hx.n:before{background:var(--neutral)}.hx.g{transform:translateY(14px)}h1{margin:10px 0 0;display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--pixel);font-weight:400;line-height:1}.t-b{font-size:clamp(26px,9vw,38px);color:var(--bro);text-shadow:3px 3px 0 #000}.t-vs{font-size:12px;color:var(--muted)}.t-g{font-size:clamp(32px,11vw,46px);color:var(--gary);text-shadow:3px 3px 0 #000}.quote{margin:2px 0 4px;font-size:15px;line-height:1.45;color:#d9d5cc;font-style:italic;max-width:34ch}.sub{margin:-6px 0 0;font-size:13px;color:var(--muted);line-height:1.4}.daily-done{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700}.daily-done[hidden]{display:none}.practice{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:4px}.label{font-family:var(--pixel);font-size:9px;color:var(--muted)}.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.how{margin:4px 0 0;font-size:13px;color:var(--muted);line-height:1.45;max-width:34ch}.credit{display:flex;flex-direction:column;gap:6px;font-family:var(--pixel);font-size:8px;line-height:1.4;color:#6b6862;margin-top:6px}.credit span:first-child{color:var(--gary)}.credit .mark{display:block;margin:0 auto 8px;image-rendering:pixelated}#result-title{margin:0;font-family:var(--pixel);font-weight:400;font-size:clamp(22px,7.5vw,30px);line-height:1.2;text-shadow:3px 3px 0 #000}#result-title.win{color:var(--gary)}#result-title.lose{color:var(--bro)}.squares{display:flex;gap:6px}.squares i{width:34px;height:34px;border:3px solid #000;border-radius:6px}.squares .g{background:var(--gary)}.squares .b{background:var(--bro)}.squares .n{background:#2c2c33}.stats{display:grid;grid-template-columns:repeat(3,1fr);width:100%;margin:0;gap:8px}.stats div{background:var(--panel);border:3px solid #000;border-radius:10px;padding:10px 4px}.stats dt{font-family:var(--pixel);font-size:8px;color:var(--muted)}.stats dd{margin:8px 0 0;font-family:var(--pixel);font-size:18px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.link{background:none;border:0;color:var(--muted);text-decoration:underline;font-size:13px;padding:6px}.tip{position:absolute;z-index:8;max-width:230px;padding:10px 12px;background:var(--paper);color:var(--ink);border:3px solid #000;border-radius:10px;box-shadow:0 4px #000;font-size:14px;font-weight:700;line-height:1.35;pointer-events:none;animation:bob 1.4s ease-in-out infinite}.tip[hidden]{display:none}.tip:after{content:"";position:absolute;left:var(--arrow-x, 50%);width:12px;height:12px;background:var(--paper);border:3px solid #000;border-top:0;border-left:0;transform:translate(-50%) rotate(45deg);bottom:-9px}.tip.below:after{bottom:auto;top:-9px;transform:translate(-50%) rotate(-135deg)}@keyframes bob{0%,to{translate:0 0}50%{translate:0 -3px}}#toast{position:absolute;z-index:20;left:50%;bottom:140px;transform:translate(-50%);padding:12px 16px;background:var(--paper);color:var(--ink);border:3px solid #000;border-radius:10px;font-family:var(--pixel);font-size:10px;line-height:1.5;text-align:center;width:max-content;max-width:calc(100% - 24px)}#toast[hidden]{display:none}@media(prefers-reduced-motion:reduce){.tip,#end.ready{animation:none}}#hint{flex:none;margin:0 0 8px;min-height:2.6em;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;font-weight:700;line-height:1.3;color:var(--paper)}#board.shake{animation:shake .32s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.tip.banner:after{display:none}.tip.banner{text-align:center;max-width:260px}button,.btn{touch-action:manipulation}.modal-box{width:100%;max-width:340px;display:flex;flex-direction:column;gap:14px;padding:20px 16px;background:var(--panel);border:3px solid #000;border-radius:14px;box-shadow:0 6px #000;text-align:center}.modal-box h3{margin:0;font-family:var(--pixel);font-weight:400;font-size:13px;line-height:1.5}.modal-box .sub{margin:0}.overlay.modal{z-index:15;background:#0b0b0eb3}#hint{gap:10px}.chip.speed{flex:none;padding:6px 8px;font-size:10px;background:var(--paper);color:var(--ink)}.chip.speed[hidden]{display:none}.links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;font-size:12px}.links a{color:var(--muted);text-decoration:underline;text-underline-offset:2px;padding:2px 0}.links a:hover,.links a:focus-visible{color:var(--paper)}.links-game{flex:none;margin-top:8px;font-size:11px}.socials{font-size:12px}.slogan .ln{display:block}.slogan .nb{display:none}@media(max-width:480px){.slogan .nb{display:inline}}#continue[hidden]{display:none}@media(max-height:700px){.links-game{display:none}}.sheet{position:absolute;z-index:12;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;padding:14px 14px 12px;background:var(--panel);border:3px solid #000;border-radius:16px;box-shadow:0 -2px #000,0 10px 30px #0009}.sheet[hidden]{display:none}.sheet.top{bottom:auto;top:max(8px,env(safe-area-inset-top))}.sheet-head{display:flex;align-items:center;justify-content:space-between}.sheet-head h3{margin:0;font-family:var(--pixel);font-weight:400;font-size:13px;color:var(--gary)}.stepper{display:grid;grid-template-columns:56px 1fr 56px auto;gap:8px;align-items:center}.btn.step{font-size:22px;min-height:56px;padding:0}#st-value{text-align:center;font-family:var(--pixel);font-size:30px;color:var(--paper)}#st-all{min-height:56px;padding:0 12px}.sheet-line{margin:0;font-size:14px;font-weight:700;color:#d9d5cc}.odds.good{color:#b6f27a}.odds.bad{color:#ff8b8b}.switch{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;cursor:pointer;min-height:40px}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch .knob{position:relative;width:48px;height:28px;flex:none;border:3px solid #000;border-radius:999px;background:#3a3a40;transition:background .15s}.switch .knob:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--paper);border:2px solid #000;transition:transform .15s}.switch input:checked+.knob{background:var(--gary)}.switch input:checked+.knob:after{transform:translate(20px)}.switch input:focus-visible+.knob{outline:3px solid var(--paper);outline-offset:2px}.sheet-actions{display:grid;grid-template-columns:1fr 2fr;gap:10px}#st-del[hidden]{display:none}#st-del[hidden]+#st-ok{grid-column:1 / -1}.legend{list-style:none;margin:-4px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;font-size:12px;color:var(--muted)}.legend li{display:inline-flex;align-items:center;gap:6px}.legend i{display:inline-block;width:14px;height:14px;border:2px solid #000}.legend .coin{border-radius:50%}.legend .bronze{background:#c9783a}.legend .silver{background:#c9cdd3}.legend .gold{background:#ffc83d}.legend .shield{background:var(--paper);border-radius:2px 2px 8px 8px}.legend .sword{border:0;width:14px;height:14px;background:linear-gradient(135deg,transparent 42%,var(--paper) 42% 58%,transparent 58%)}.whose{padding:7px 10px;border:3px solid #000;border-radius:999px;font-family:var(--pixel);font-size:10px;line-height:1;white-space:nowrap;pointer-events:none;box-shadow:0 3px #000}.whose[hidden]{display:none}.whose.gary{background:var(--gary);color:var(--ink)}.whose.brother{background:var(--bro);color:var(--paper);animation:pulse-bro .9s ease-in-out infinite}@keyframes pulse-bro{50%{filter:brightness(1.2)}}@media(max-width:420px){.whose{font-size:9px;padding:6px 8px}}.cookie-link{font:inherit;color:var(--muted);background:none;border:0;padding:2px 0;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.cookie-link:hover,.cookie-link:focus-visible{color:var(--paper)}.cookie-link[hidden]{display:none}