@font-face{font-family:Poppins;src:url(./Poppins-Regular-BeFlTLPw.woff2) format("woff2");font-weight:300 500;font-display:swap}@font-face{font-family:Poppins;src:url(./Poppins-Bold-B-vea7-X.woff2) format("woff2");font-weight:600 900;font-display:swap}:root{--fb-sun: #fcbe55;--fb-sun-shadow: #d3994c;--fb-orange: #f08a3e;--fb-teal: #2d8c8b;--fb-tomato: #ff5a58;--fb-ink: #2a2928;--fb-paper: #f0ece7;--fb-cream: #eeeae5;--fb-grass: #a8bc53;--fb-green: #7a8c4e;--fb-checker-cream: #efd9a8;--fb-shadow: rgba(31, 28, 26, .24);font-family:Poppins,Arial Rounded MT Bold,Nunito,Arial,sans-serif;color:var(--fb-ink)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#2a1f66}body{touch-action:none;user-select:none}button,input,select{font:inherit}button{cursor:pointer}.big-choice,.pill,.text-pill,.segmented button,.levels button,.roll-pill,.asset-button{text-transform:uppercase}#app-shell{position:fixed;inset:0;overflow:hidden;background:#faf3c8}#game,#ui-root{position:absolute;inset:0}#game{display:block;width:100%;height:100%;object-fit:contain;touch-action:none}#ui-root{pointer-events:none}.screen-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.dialog-overlay{background:#1f1c1a80;pointer-events:auto;z-index:20}.bearoff-panel{text-align:left;overflow:hidden}.bearoff-panel h2,.bearoff-panel p{text-align:left}.bearoff-bear{float:left;width:clamp(96px,13vw,138px);height:auto;margin:0 18px 6px 0;filter:drop-shadow(0 4px 6px rgba(0,0,0,.18))}.bearoff-panel .round-actions{clear:both;background:none}.fb-panel{position:relative;width:min(640px,calc(100vw - 36px));max-height:calc(100dvh - 20px);overflow-y:auto;padding:26px 38px 8px;border-radius:18px;background:#f0ece7f0;border:4px solid rgba(255,255,255,.6);box-shadow:0 18px 40px var(--fb-shadow);text-align:center;pointer-events:auto}.fb-panel.small{width:min(520px,calc(100vw - 36px));padding-bottom:26px}.fb-panel h1,.fb-panel h2{margin:0 0 4px;color:var(--fb-ink);font-family:Poppins,Arial Black,Arial,sans-serif;line-height:.98;text-transform:uppercase}.fb-panel h1{font-size:clamp(30px,5vw,52px)}.fb-panel h2{font-size:clamp(24px,4.2vw,40px)}.eyebrow{margin:0 0 8px;color:var(--fb-teal);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.fb-panel p{margin:6px 0 14px;font-size:18px}.setup-subhead{color:var(--fb-tomato);font-weight:900}.howto-list{text-align:left;margin:6px auto 4px;max-width:540px;padding-left:4px;list-style:none;font-size:16px;font-weight:400;line-height:1.45}.howto-list li{margin:10px 0}.howto-list b{font-weight:700}.landing-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.landing-actions{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.landing{position:relative;display:grid;place-items:center;gap:14px;pointer-events:auto;text-align:center}.landing-logo{width:clamp(160px,26vw,260px);height:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.15))}.landing-title{margin:0;font-family:Poppins,Arial Black,sans-serif;font-size:clamp(40px,8vw,92px);color:var(--fb-sun);text-transform:uppercase;letter-spacing:.02em;transform:rotate(-3deg);text-shadow:3px 3px 0 var(--fb-ink),6px 6px 0 rgba(42,41,40,.25)}.landing-legend{margin:6px 0 0;font-weight:700;color:var(--fb-ink);background:#fff9;padding:6px 16px;border-radius:999px}.asset-button{border:none;background:none;padding:0;pointer-events:auto;transition:transform 80ms ease,filter 80ms ease}.asset-button img{display:block;height:72px;width:auto;object-fit:contain}.asset-button.play-now-button img{height:56px}.asset-button:hover{filter:brightness(1.06)}.asset-button.pressed,.asset-button:active{transform:translateY(2px) scale(.96)}.asset-button:focus-visible{outline:4px solid #fff;outline-offset:3px;border-radius:40px}.mode-buttons{display:flex;flex-direction:column;gap:14px;margin:12px 0;align-items:center}.big-choice{pointer-events:auto;border:none;border-radius:999px;padding:16px 36px;min-width:280px;font-size:22px;font-weight:900;color:#fff;transition:transform 80ms ease,filter 80ms ease}.big-choice.green{background:var(--fb-grass)}.big-choice.orange{background:var(--fb-orange)}.big-choice:hover{filter:brightness(1.08)}.big-choice:active,.big-choice.pressed{transform:translateY(2px) scale(.98)}.big-choice:focus-visible{outline:4px solid #fff;outline-offset:3px}.field{display:flex;align-items:center;gap:12px;justify-content:center;margin:10px 0}.field>span{font-weight:800;min-width:96px;text-align:right}.field input{pointer-events:auto;border:3px solid #cfcac3;border-radius:12px;padding:10px 14px;font-size:18px;background:#fff;min-width:160px}.setup-row{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;align-items:flex-end}.option-block{margin:12px 0}.option-block>span{display:block;font-weight:800;margin-bottom:8px}.segmented{display:inline-flex;gap:6px;background:#0000000f;border-radius:14px;padding:5px}.segmented button,.levels button{pointer-events:auto;border:none;border-radius:10px;padding:10px 16px;font-weight:800;background:transparent;color:var(--fb-ink);transition:background .12s ease,transform 80ms ease}.segmented button.selected{background:var(--fb-teal);color:#fff}.levels button.selected.level-easy{background:var(--fb-grass);color:#fff}.levels button.selected.level-medium{background:var(--fb-teal);color:#fff}.levels button.selected.level-hard{background:var(--fb-orange);color:#fff}.levels button.selected.level-crazy{background:var(--fb-tomato);color:#fff}.segmented button:hover:not(.selected){background:#0000001a}.segmented button:active{transform:translateY(1px) scale(.97)}.color-swatches{display:inline-flex;gap:14px}.checker-swatches{align-items:stretch}.checker-swatch{pointer-events:auto;width:124px;min-height:130px;border-radius:16px;border:4px solid rgba(255,255,255,.6);background:#ffffff80;box-shadow:0 4px 10px var(--fb-shadow);display:grid;place-items:center;gap:4px;padding:8px 10px 10px;transition:transform 80ms ease,filter 80ms ease,box-shadow .12s ease,border-color .12s ease}.checker-swatch.green{background:linear-gradient(180deg,#a8bc5338,#ffffff8a)}.checker-swatch.cream{background:linear-gradient(180deg,#efd9a86b,#ffffff8a)}.checker-swatch.selected{border-color:var(--fb-sun);transform:scale(1.04);box-shadow:0 0 0 3px var(--fb-sun),0 8px 18px var(--fb-shadow)}.checker-swatch:hover{transform:translateY(-1px) scale(1.03);filter:brightness(1.04)}.checker-swatch.selected:hover{transform:translateY(-1px) scale(1.05)}.checker-preview-art{position:relative;display:block;width:96px;height:94px;overflow:visible;filter:drop-shadow(0 5px 5px rgba(31,28,26,.24))}.checker-face{position:absolute;left:50%;top:50%;display:block;background-image:var(--checker-sheet);background-repeat:no-repeat;background-size:var(--sheet-w) var(--sheet-h);transform:translate(-50%,-50%)}.checker-happy{width:var(--happy-w);height:var(--happy-h);background-position:var(--happy-x) var(--happy-y)}.checker-blink{width:var(--blink-w);height:var(--blink-h);background-position:var(--blink-x) var(--blink-y);opacity:0;animation:checker-preview-blink 6.2s steps(1,end) infinite;animation-delay:var(--blink-delay)}@keyframes checker-preview-blink{0%,86%,94%,to{opacity:0}88%,92%{opacity:1}}.setup-actions,.round-actions{position:sticky;bottom:0;display:flex;gap:12px;justify-content:center;align-items:center;margin-top:16px;padding:12px 0 16px;flex-wrap:wrap;background:linear-gradient(to top,var(--fb-cream) 76%,rgba(238,234,229,0))}.pill{pointer-events:auto;border:none;border-radius:999px;padding:12px 22px;font-weight:800;color:#fff;background:var(--fb-teal);display:inline-flex;align-items:center;gap:8px;transition:transform 80ms ease,filter 80ms ease,background .12s ease}.pill.secondary{background:transparent;color:var(--fb-ink);border:3px solid var(--fb-ink)}.pill img{height:18px}.pill svg{display:block}.start-pill{background:var(--fb-grass)}.roll-pill{background:var(--fb-orange);font-size:19px}.setup-actions .pill{min-width:140px;height:50px;justify-content:center}.icon-pill{position:relative}.pill-label{text-transform:uppercase}.pill-ico{position:absolute;display:flex;align-items:center;top:0;bottom:0}.pill-ico.left{left:16px}.pill-ico.right{right:16px}.pill:hover{filter:brightness(1.08)}.pill.secondary:hover{background:#2a292814}.pill:active,.pill.pressed{transform:translateY(2px) scale(.97)}.text-pill{pointer-events:auto;border:3px solid var(--fb-ink);background:transparent;border-radius:999px;padding:10px 20px;font-weight:800;margin-top:4px}.slider-wrap{width:min(380px,80vw);margin:0 auto}.points-slider{pointer-events:auto;width:100%;accent-color:var(--fb-teal)}.slider-ticks{display:flex;justify-content:space-between;font-size:13px;font-weight:700;opacity:.7}.slider-readout{font-style:normal;color:var(--fb-teal);font-weight:900}.hud{position:absolute;top:16px;left:16px;display:flex;gap:12px;pointer-events:none}.player-hud{background:#f0ece7eb;border-radius:14px;padding:8px 14px;border:3px solid rgba(255,255,255,.5);min-width:130px}.player-hud strong{display:block;font-size:16px;text-transform:uppercase}.player-hud.player-green{border-left:8px solid #7a8c4e}.player-hud.player-cream{border-left:8px solid #d9bd85}.player-hud.active{box-shadow:0 0 0 3px var(--fb-sun)}.player-hud.blink{animation:hud-blink .4s ease 3}@keyframes hud-blink{50%{box-shadow:0 0 0 6px var(--fb-sun)}}.hud-stats{display:flex;gap:8px;align-items:baseline;margin-top:3px;flex-wrap:wrap}.hud-stats .score{font-size:22px;font-weight:900;color:var(--fb-teal)}.hud-stats .score em{font-size:14px;font-style:normal;opacity:.6}.hud-stats .stat{font-size:13px;font-weight:700;opacity:.72}.hud-stats .stat.bar{color:var(--fb-tomato);opacity:1}.coach-banner{position:absolute;top:16px;left:58%;transform:translate(-50%);background:#2a2928d6;color:#fff;padding:9px 20px;border-radius:999px;font-weight:800;font-size:17px;pointer-events:none;max-width:min(62vw,660px);text-align:center;display:flex;gap:10px;align-items:center;justify-content:center}.banner-dice{background:var(--fb-sun);color:var(--fb-ink);padding:2px 12px;border-radius:999px;font-weight:900;font-size:15px;white-space:nowrap;flex-shrink:0}.banner-dice .die-used{opacity:.4;font-style:normal}.action-bar{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:12px;pointer-events:none}.action-bar .pill{pointer-events:auto;min-width:130px;height:52px;justify-content:center;font-size:18px;box-shadow:0 6px 16px var(--fb-shadow)}.corner-actions{position:absolute;right:16px;bottom:16px;display:flex;gap:10px;pointer-events:none}.icon-button{pointer-events:auto;height:46px;min-width:46px;border-radius:999px;border:3px solid #fff;background:#403d3ad9;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;transition:filter 80ms ease,transform 80ms ease,background .12s ease}.icon-button img.icon{width:26px;height:26px;margin:0 9px}.icon-button:hover{filter:brightness(1.15);background:#403d3af7}.icon-button:active,.icon-button.pressed{transform:translateY(1px) scale(.94)}.fullscreen-button .icon{order:2}.fullscreen-button .icon-label{order:1;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;font-weight:900;text-transform:uppercase;color:#fff;transition:max-width .2s ease,opacity .16s ease,margin .2s ease}.fullscreen-button:hover .icon-label,.fullscreen-button:focus-visible .icon-label{max-width:150px;opacity:1;margin-left:12px}.exit-button{position:absolute;top:16px;right:16px;pointer-events:auto;width:40px;height:40px;border-radius:50%;border:none;background:#2a292899;display:grid;place-items:center;transition:filter 80ms ease,transform 80ms ease}.exit-button img{width:18px}.exit-button:hover{filter:brightness(1.2)}.exit-button:active{transform:scale(.92)}.win-overlay{place-items:start center}.win-card{position:relative;pointer-events:auto;display:grid;place-items:center;text-align:center;margin-top:-2.5%;transform-origin:top center}.win-card-art{width:min(540px,82vw);height:auto}.win-card-text{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);margin:0;white-space:nowrap;line-height:1;font-size:clamp(22px,3.4vw,38px);color:var(--fb-sun);text-transform:uppercase;text-shadow:1px 1px 0 rgba(42,41,40,.55)}.win-card-sub{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);margin:0;white-space:nowrap;font-weight:800;font-size:clamp(14px,1.9vw,19px);color:var(--fb-ink);opacity:.72}.win-card-actions{position:absolute;bottom:12%;display:flex;gap:12px;align-items:center;justify-content:center}.win-card-actions .pill{min-width:150px;height:50px;justify-content:center}.swing-in{animation:swing-in .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes swing-in{0%{transform:translateY(-40px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.swing-down{animation:swing-down .85s cubic-bezier(.34,1.4,.6,1) both}@keyframes swing-down{0%{transform:translateY(-115%) rotate(-4deg);opacity:0}55%{transform:translateY(0) rotate(3deg);opacity:1}75%{transform:translateY(0) rotate(-2deg)}to{transform:translateY(0) rotate(0)}}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetto{position:absolute;top:-8%;width:11px;height:16px;border-radius:2px;opacity:.95;animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes confetti-fall{0%{transform:translate3d(0,-10vh,0) rotate(0)}to{transform:translate3d(var(--drift, 0),110vh,0) rotate(var(--rot, 360deg))}}.pill:focus-visible,.text-pill:focus-visible,.big-choice:focus-visible,.segmented button:focus-visible,.checker-swatch:focus-visible,.icon-button:focus-visible,.asset-button:focus-visible{outline:4px solid var(--fb-sun);outline-offset:2px}@media (max-width: 760px){.setup-row{flex-direction:column;align-items:stretch}.checker-swatch{width:112px;min-height:124px}.checker-preview-art{width:90px;height:88px}}@media (prefers-reduced-motion: reduce){.swing-in,.swing-down,.player-hud.blink,.checker-blink{animation:none}.confetti{display:none}}