@import"https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Oswald:wght@500;600;700&family=VT323&family=Share+Tech+Mono&display=swap";:root{--ui-font: "Oswald", "Alfa Slab One", sans-serif}:root{--bg-leather: #3e2622;--bg-leather-edge: #211413;--topbar-black: #0e0a0a;--frame: #7f706c;--frame-hi: #9a8e86;--frame-sh: #4a423e;--wood: #6d4c29;--wood-dark: #4e3719;--wood-light: #8a6536;--stone: #ad978c;--stone-swirl: #70554e;--grid-gap: #100c0b;--die-red: #a73331;--die-red-c: #c24a45;--die-red-e: #7e2422;--die-blue: #427ec2;--die-blue-c: #5e97d6;--die-blue-e: #2e5c95;--die-green: #4c7a38;--die-green-c: #69a04e;--die-green-e: #365828;--die-yellow: #c2cd4a;--die-yellow-c: #d9e26a;--die-yellow-e: #9aa438;--pip-hole: #141414;--pip-rim: #e8e8e0;--bezel-sh: #888788;--bezel-mid: #b8b8b8;--bezel-hi: #fffaff;--cup-red: #602928;--cup-hole: #120a09;--gold: #8e733d;--gold-hi: #c9a85a;--gold-sh: #5c4a26;--lcd-bg: #0a2006;--lcd-on: #7dfb4f;--info: #a8602e;--cream: #ede6d6;--tex-stone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='5' seed='7'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%3E%3C/svg%3E");--tex-marble: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.018 0.03' numOctaves='4' seed='11'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E");--tex-wood: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='80'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012 0.16' numOctaves='4' seed='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3C/svg%3E");--tex-metal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9 0.012' numOctaves='2' seed='5'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E");--tex-leather: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='l'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' seed='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23l)'/%3E%3C/svg%3E")}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:radial-gradient(ellipse 92% 76% at 50% 44%,transparent 52%,rgba(0,0,0,.62) 100%),var(--tex-leather),radial-gradient(ellipse at center,var(--bg-leather) 38%,var(--bg-leather-edge) 100%);background-size:cover,100px 100px,cover;background-blend-mode:normal,multiply,normal;background-attachment:fixed;color:var(--cream);font-family:Share Tech Mono,monospace;user-select:none;-webkit-user-select:none;overflow-x:hidden}.app{max-width:460px;margin:0 auto;padding:12px 12px calc(14px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;min-height:100%}.header{display:grid;place-items:center;padding:9px 12px;border-radius:9px;background:var(--tex-leather),linear-gradient(180deg,#1a1413,var(--topbar-black) 60%,#050404);background-size:100px 100px,cover;background-blend-mode:overlay,normal;border:2px solid #000;box-shadow:inset 0 1px #ffffff24,inset 0 0 28px #000000b3,0 4px 10px #0009}.logo{margin:0;display:flex;align-items:center;gap:5px}.logo-word{font-family:Alfa Slab One,serif;font-size:26px;letter-spacing:1px;color:var(--cream);text-shadow:0 1px 0 #fff7e6,0 2px 0 rgba(0,0,0,.6),0 3px 4px rgba(0,0,0,.6)}.logo-tiles{display:flex;gap:3px}.lg{font-family:Alfa Slab One,serif;display:inline-grid;place-items:center;width:27px;height:30px;font-size:18px;line-height:1;color:#fff;border-radius:6px;border:1.5px solid rgba(0,0,0,.55);text-shadow:0 1px 2px rgba(0,0,0,.7);box-shadow:inset 0 4px 5px #ffffff80,inset 0 -5px 6px #00000059,0 2px 3px #0009}.lg.c0{background:radial-gradient(circle at 38% 30%,var(--die-blue-c),var(--die-blue) 60%,var(--die-blue-e))}.lg.c1{background:radial-gradient(circle at 38% 30%,var(--die-yellow-c),var(--die-yellow) 60%,var(--die-yellow-e));color:#3a2e0c;text-shadow:0 1px 0 rgba(255,255,255,.5)}.lg.c2{background:radial-gradient(circle at 38% 30%,var(--die-red-c),var(--die-red) 60%,var(--die-red-e))}.lg.c3{background:radial-gradient(circle at 38% 30%,var(--die-green-c),var(--die-green) 60%,var(--die-green-e))}.cup-row{display:flex;align-items:stretch;gap:10px;height:64px}.roll-arrow-btn{flex:0 0 auto;width:80px;align-self:flex-start;border:none;background:none;padding:0;cursor:pointer;display:grid;place-items:start center;filter:drop-shadow(0 4px 4px rgba(0,0,0,.55))}.roll-svg{width:100%;height:auto;display:block}.roll-text{font-family:var(--ui-font);font-weight:700;font-size:23px;letter-spacing:.5px;fill:#3a2c0e}.roll-text-hi{font-family:var(--ui-font);font-weight:700;font-size:23px;letter-spacing:.5px;fill:#ffffff80}.roll-arrow-btn:active:not(:disabled){filter:drop-shadow(0 1px 2px rgba(0,0,0,.5)) brightness(.96)}.roll-arrow-btn:disabled{filter:grayscale(.5) brightness(.85);opacity:.7;cursor:default}.cup-panel{flex:1;position:relative;height:74px;display:flex;align-items:center;justify-content:center;padding:4px 10px 27px;border-radius:8px;background:var(--tex-marble),linear-gradient(160deg,#7a342f,var(--cup-red) 45%,#45191a);background-size:90px 90px,cover;background-blend-mode:overlay,normal;border:3px solid #3a322c;box-shadow:inset 2px 2px #ffffff26,inset -2px -2px #00000073,inset 0 0 12px #00000080,0 4px 9px #0000008c}.joker-slots{display:flex;align-items:center;justify-content:space-evenly;width:100%}.joker-side{flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center}.joker-slot{flex:0 0 auto;width:30px;height:30px;position:relative;display:grid;place-items:center}.joker-slot.cup{border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 42%,#3a2422 48%,var(--cup-hole) 100%);box-shadow:inset 0 3px 7px #000000e6,0 0 0 2px #15100e,0 0 0 3px #a7a39c,0 0 0 4px #5a5650,0 1px 3px #0009}.joker-slot.filled{border-radius:8px;cursor:grab;touch-action:none;background:linear-gradient(180deg,#f6efdd,#ddd2b6);border:1.5px solid #8a8070;box-shadow:inset 0 2px #ffffffb3,inset 0 -3px 4px #0003,0 2px 4px #0000008c}.jester{width:80%;height:80%;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}.joker-slot.cup .jester.metal{width:58%;height:58%;filter:drop-shadow(0 1px 1px rgba(0,0,0,.7))}.joker-meter{position:absolute;left:5px;right:5px;bottom:5px;height:20px;border-radius:4px;background:#0e2410;overflow:hidden;box-shadow:inset 0 2px 3px #000000d9,inset 0 0 0 1px #000}.joker-meter-fill{height:100%;background:var(--tex-stone),linear-gradient(180deg,#aef77a,#5cc23f 55%,#2f8f2a);background-size:60px 60px,cover;background-blend-mode:overlay,normal;box-shadow:inset 0 1px 2px #ffffff80,inset 0 -2px 3px #00000059,0 0 8px #7dfb4f99;transition:width .25s}.board-wrap{position:relative}.play-frame{display:flex;gap:7px;padding:10px;border-radius:12px;background:var(--tex-metal),linear-gradient(180deg,var(--frame-hi),var(--frame) 45%,var(--frame-sh));background-size:120px 120px,cover;background-blend-mode:soft-light,normal;border:1px solid #2a2622;box-shadow:inset 2px 2px #ffffff47,inset -2px -2px #0006,inset 0 0 0 1px #00000040,0 6px 16px #0009}.wood-column{flex:0 0 auto;width:20%;display:grid;grid-template-rows:repeat(4,1fr);gap:7px;padding:6px;border-radius:7px;background:var(--tex-wood),linear-gradient(180deg,var(--wood-light),var(--wood) 45%,var(--wood-dark));background-size:200px 80px,cover;background-blend-mode:soft-light,normal;box-shadow:inset 3px 3px 7px #000000a6,inset -1px -1px #ffffff1f}.grid{flex:1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:2px;aspect-ratio:1;padding:2px;border-radius:6px;background:var(--grid-gap);box-shadow:inset 0 0 0 2px #000000b3}.cell{position:relative;aspect-ratio:1;min-width:0;border-radius:4px;background:var(--tex-marble),var(--tex-marble),radial-gradient(circle at 42% 38%,#7c6a56,#54473a 52%,#352b22 112%);background-size:92px 92px,150px 150px,cover;background-blend-mode:overlay,overlay,normal;box-shadow:inset 2px 2px 5px #0000008c,inset -1px -1px 2px #ffffff1a,inset 0 0 0 1px #00000080;display:grid;place-items:center;touch-action:none}.cell.supply{border-radius:5px;background:radial-gradient(circle at 42% 36%,#3a2a16,#251909 75%);box-shadow:inset 0 3px 6px #000c,inset 0 0 0 1px #0000008c,inset 0 -1px #ffffff14}.cell.flash:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:7px;background:#fff;animation:pop .48s ease-out forwards;pointer-events:none}@keyframes pop{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.4);opacity:0}}.score-pop{position:absolute;top:42%;left:50%;transform:translate(-50%);font-family:Alfa Slab One,serif;font-size:30px;color:var(--lcd-on);text-shadow:0 0 8px rgba(125,251,79,.8),0 2px 2px #000;pointer-events:none;animation:floatUp .85s ease-out forwards;z-index:5}@keyframes floatUp{0%{transform:translate(-50%,10px) scale(.6);opacity:0}25%{transform:translate(-50%) scale(1.1);opacity:1}to{transform:translate(-50%,-46px) scale(1);opacity:0}}.die{width:88%;height:88%;border-radius:16%;display:grid;place-items:center;position:relative;border:1px solid rgba(0,0,0,.5);box-shadow:inset 0 0 0 1px #0000004d,inset 0 2px 5px #0006,inset 0 0 7px 1px #00000052,0 2px 4px #00000080}.die:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--tex-marble);background-size:72px 72px;mix-blend-mode:overlay;opacity:.34;pointer-events:none}.die-red{background:radial-gradient(circle at 42% 38%,var(--die-red-c),var(--die-red) 58%,var(--die-red-e))}.die-blue{background:radial-gradient(circle at 42% 38%,var(--die-blue-c),var(--die-blue) 58%,var(--die-blue-e))}.die-green{background:radial-gradient(circle at 42% 38%,var(--die-green-c),var(--die-green) 58%,var(--die-green-e))}.die-yellow{background:radial-gradient(circle at 42% 38%,var(--die-yellow-c),var(--die-yellow) 58%,var(--die-yellow-e))}.die.dragging{opacity:.25}.pips{width:58%;height:58%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center;z-index:1}.pip{width:94%;aspect-ratio:1;background:transparent}.pip.on{border-radius:50%;background:radial-gradient(circle at 50% 54%,#232323,var(--pip-hole) 70%);box-shadow:inset 0 2px 3px #000000f2,inset 0 -1px 1px #000000b3,0 0 0 1px #e1e1d780,0 1px 1px #e8e8e099}.die-joker{background:linear-gradient(180deg,#f6efdd,#ddd2b6)}.joker-jester{width:78%;height:78%;z-index:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.cell.locked{border-radius:7px;background:linear-gradient(150deg,#fff,#c6c7cc 22%,#f1f2f5 38%,#9a9aa1,#6a6a71 82%,#4c4c52);box-shadow:inset 1.5px 1.5px 1px #fffffff2,inset -1.5px -1.5px 2px #0009,inset 0 0 0 1px #0006,0 1px 4px #0000008c}.cell.locked .die{width:82%;height:82%;border:1px solid rgba(0,0,0,.5);box-shadow:inset 0 0 0 1px #0000004d,inset 0 2px 5px #0006,inset 0 0 7px 1px #00000052,0 0 0 1px #0006,0 1px 3px #00000080}.cell.supply .die{box-shadow:inset 0 0 0 1px #0000004d,inset 0 2px 5px #0006,inset 0 0 7px 1px #00000052,0 2px 4px #0000008c}.score-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;height:48px;padding:0 18px;border-radius:8px;background:repeating-linear-gradient(0deg,rgba(0,0,0,.4) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.4) 0 1px,transparent 1px 3px),var(--lcd-bg);border:2px solid #000;box-shadow:inset 0 0 14px #7dfb4f33,inset 0 0 0 1px #16331a,0 2px 5px #0009}.score-label{padding:5px 14px;border-radius:6px;font-family:var(--ui-font);font-weight:700;font-size:21px;letter-spacing:1px;color:#2a2008;text-shadow:0 1px 0 rgba(255,255,255,.45);background:linear-gradient(180deg,#ecd07a,#c6a44e 48%,#8a6c2a);border:1px solid #4a3a12;box-shadow:inset 0 2px #fff9,inset 0 -2px 3px #0000004d,0 1px 3px #0000008c}.score{font-family:VT323,Share Tech Mono,monospace;font-size:34px;letter-spacing:3px;color:var(--lcd-on);text-shadow:0 0 6px var(--lcd-on),0 0 14px #2f9e2f}.footer{display:flex;align-items:center;justify-content:flex-end;gap:10px}.info-btn{font-family:var(--ui-font);font-weight:700;letter-spacing:1px;color:#3c2410;border:1px solid #2a1808;border-radius:8px;cursor:pointer;text-shadow:0 1px 0 rgba(255,255,255,.35);font-size:18px;padding:7px 20px;background:linear-gradient(180deg,#c8824a,var(--info) 55%,#7a4420);box-shadow:inset 0 2px #fff6,0 4px #5e3216,0 6px 7px #00000080}.info-btn:active{box-shadow:inset 0 2px #fff6,0 1px #5e3216}.ghost{position:fixed;width:60px;height:60px;transform:translate(-50%,-50%) scale(1.1) rotate(-4deg);pointer-events:none;z-index:50;filter:drop-shadow(0 6px 6px rgba(0,0,0,.5))}.ghost .die{width:100%;height:100%}.gameover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border-radius:12px;background:#0c06069e;z-index:20}.gameover-text{font-family:Alfa Slab One,serif;font-size:44px;letter-spacing:1px;color:var(--die-red);-webkit-text-stroke:2px #2a0a08;text-shadow:0 2px 0 #2a0a08,0 3px 6px rgba(0,0,0,.7)}.gameover-hint{font-family:var(--ui-font);font-weight:600;font-size:14px;letter-spacing:1px;color:var(--cream);text-shadow:0 1px 2px #000}.pixel-btn{font-family:Alfa Slab One,serif;letter-spacing:1px;color:#fff;border:2px solid #2a1c08;border-radius:9px;cursor:pointer;padding:12px 26px;text-shadow:0 2px 2px rgba(0,0,0,.5);transition:transform .05s}.pixel-btn:active:not(:disabled){transform:translateY(2px)}.restart{justify-self:center;font-size:16px;background:linear-gradient(180deg,var(--die-green-c),var(--die-green) 55%,var(--die-green-e));box-shadow:inset 0 2px #fff6,0 5px #1c5222}.continue{justify-self:center;font-size:14px;color:#3a2c0e;text-shadow:0 1px 0 rgba(255,255,255,.4);background:linear-gradient(180deg,#ecd07a,var(--gold) 55%,#6e5421);box-shadow:inset 0 2px #ffffff80,0 5px #4a3a12}.info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse 92% 76% at 50% 44%,transparent 50%,rgba(0,0,0,.7) 100%),var(--tex-leather),radial-gradient(ellipse at center,var(--bg-leather) 36%,var(--bg-leather-edge) 100%);background-size:cover,100px 100px,cover;background-blend-mode:normal,multiply,normal}.info-card{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:12px}.info-logo{transform:scale(.92);margin-bottom:2px}.hi-score{width:100%;display:flex;align-items:center;justify-content:space-between;padding:6px 16px;border-radius:8px;background:repeating-linear-gradient(0deg,rgba(0,0,0,.4) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.4) 0 1px,transparent 1px 3px),var(--lcd-bg);border:2px solid #000;box-shadow:inset 0 0 14px #7dfb4f33,inset 0 0 0 1px #16331a}.hi-label{font-family:var(--ui-font);font-weight:600;font-size:16px;letter-spacing:2px;color:#4fae45}.hi-num{font-family:VT323,monospace;font-size:28px;color:var(--lcd-on);text-shadow:0 0 6px var(--lcd-on)}.info-menu{width:100%;display:flex;flex-direction:column;gap:10px}.plaque-btn{width:100%;padding:12px;border-radius:8px;font-family:var(--ui-font);font-weight:700;font-size:19px;letter-spacing:1px;color:#3a2c0e;cursor:pointer;text-shadow:0 1px 0 rgba(255,255,255,.4);background:var(--tex-wood),linear-gradient(180deg,#e0bb63,var(--gold) 50%,#6e5421);background-size:200px 80px,cover;background-blend-mode:soft-light,normal;border:2px solid #4a3a12;box-shadow:inset 0 2px #ffffff80,0 3px #4a3a12,0 5px 7px #00000080}.plaque-btn:active{transform:translateY(2px);box-shadow:inset 0 2px #ffffff80,0 1px #4a3a12}.plaque-btn.back{font-size:14px;margin-top:6px}.info-text{width:100%;display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:8px;background:#00000059;border:1px solid rgba(255,255,255,.08);color:#efe7d6;font-family:Share Tech Mono,monospace;font-size:13px;line-height:1.5}.info-text p{margin:0}.credits-title{font-family:Alfa Slab One,serif;font-size:18px;color:var(--gold-hi)}.rules{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.rules-page{width:100%;max-height:52vh;overflow-y:auto;padding:14px;border-radius:8px;background:#00000059;border:1px solid rgba(255,255,255,.08)}.rules-title{margin:0 0 12px;font-family:var(--ui-font);font-weight:700;font-size:18px;letter-spacing:.5px;text-align:center;color:var(--cream)}.rules-list{display:flex;flex-direction:column;gap:9px}.rule-row{display:flex;align-items:center;gap:12px}.rule-dice{display:flex;gap:3px;flex:0 0 auto}.rule-die{width:24px;height:24px;display:grid;place-items:center;position:relative}.rule-die.big{width:46px;height:46px}.rule-meta{display:flex;flex-direction:column;line-height:1.15}.rule-pts{font-family:VT323,monospace;font-size:22px;color:var(--lcd-on);text-shadow:0 0 5px rgba(125,251,79,.6)}.rule-label{font-family:Share Tech Mono,monospace;font-size:11px;letter-spacing:.5px;color:#cfc6b4}.rules-joker{display:flex;justify-content:center;margin-bottom:12px}.rules-page p{margin:0 0 9px;font-family:Share Tech Mono,monospace;font-size:13px;line-height:1.5;color:#efe7d6}.rules-sub{font-family:var(--ui-font);font-weight:700;font-size:16px;color:var(--gold-hi);margin-top:2px}.rules-pager{display:flex;align-items:center;justify-content:center;gap:16px}.pager-num{font-family:var(--ui-font);font-weight:600;font-size:15px;letter-spacing:1px;color:var(--cream)}.pager-arrow{font-size:16px;line-height:1;padding:6px 14px;border-radius:8px;cursor:pointer;color:#3a2c0e;border:1px solid #4a3a12;background:linear-gradient(180deg,#ecd07a,var(--gold) 55%,#6e5421);box-shadow:inset 0 2px #ffffff80,0 2px #4a3a12}.pager-arrow:active:not(:disabled){transform:translateY(1px)}.pager-arrow:disabled{opacity:.4;cursor:default;box-shadow:none}.info-actions{width:100%;display:flex;gap:12px;margin-top:4px}.over-btn{flex:1;padding:13px;border-radius:9px;font-family:var(--ui-font);font-weight:700;font-size:20px;letter-spacing:2px;color:#fff;cursor:pointer;border:2px solid #1c1208;text-shadow:0 2px 2px rgba(0,0,0,.5)}.over-btn:active{transform:translateY(2px)}.over-btn.reset{background:linear-gradient(180deg,#ef6e5f,var(--die-red) 55%,var(--die-red-e));box-shadow:inset 0 2px #ffffff59,0 4px #6e1c16}.over-btn.done{background:linear-gradient(180deg,var(--die-green-c),var(--die-green) 55%,var(--die-green-e));box-shadow:inset 0 2px #ffffff59,0 4px #1c5222}