@font-face{font-family:PappuNumbers;src:url(/reference/fonts/Awesome-wL23.ttf)format("truetype");font-display:swap}:root{color:#f4ffe9;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gold:#ffe36b;--green:#087f40;background:#063b2c;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 50% 25%,#229848 0,#065735 52%,#032e25 100%);min-width:300px;min-height:100svh;margin:0}body:before{content:"";pointer-events:none;opacity:.7;background:repeating-linear-gradient(90deg,#ffffff02 0 1px,#0000 1px 5px);position:fixed;inset:0}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #fff4aa}button{color:inherit}button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}button:disabled{opacity:.43}button:hover:not(:disabled){filter:brightness(1.12)}[hidden]{display:none!important}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}output{font-variant-numeric:tabular-nums}button,input{border-radius:6px}.game-shell{width:min(100%,680px);margin:0 auto;padding:6px 12px 10px}.toolbar{align-items:center;gap:7px;height:36px;padding:0 2px 5px;display:flex}.player{color:#ecf9d8;text-overflow:ellipsis;white-space:nowrap;max-width:135px;font-size:12px;overflow:hidden}.virtual-label{letter-spacing:1.5px;color:#b4d7bb;margin-left:auto;font-size:9px}.icon-button{background:#03452780;border:1px solid #6ba47160;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.icon-button svg{width:17px;height:17px}.table{background:radial-gradient(at 50% 15%,#168b42,#076435 65%,#085b35);border:1px solid #80c66880;border-radius:9px;padding:0 7px;position:relative;overflow:hidden;box-shadow:0 15px 50px #00241fa0,inset 0 1px #b6e48950}.table-header{background:radial-gradient(#36964540,#0000 75%);grid-template-columns:1fr 1.45fr 1fr;align-items:center;gap:8px;min-height:99px;padding:8px 8px 5px;display:grid}.logo{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.logo strong{letter-spacing:-2px;color:#ffdf42;-webkit-text-stroke:1px #9f3b04;text-shadow:0 2px #9d2f00,1px 4px #fff5c2,0 6px #023b28,0 7px 5px #00261d90;font-family:Arial Black,Impact,Arial,sans-serif;font-size:clamp(35px,8vw,57px);font-weight:1000;line-height:.92;transform:rotate(-3deg)}.extra-label{color:#fff6c7;background:linear-gradient(#a76c24,#66320d);border:1px solid #d9a24e;border-radius:12px;margin:0 0 4px 34px;padding:1px 9px;font:700 10px/1 Georgia,serif;position:relative;box-shadow:0 1px 2px #022b1f}.logo-caption{color:#f9eeff;letter-spacing:.7px;text-shadow:1px 2px #573570,-1px -1px #573570;margin-top:6px;font-size:13px;font-weight:900;transform:rotate(-3deg)}.small-label{letter-spacing:1.6px;color:#c0db9b;font-size:8px;font-weight:700;display:block}.extra-panel{text-align:center}.extra-panel .small-label{margin-bottom:6px}#extra-pay{justify-content:center;align-items:center;gap:5px;min-height:47px;display:flex}.extra-token{background:#024c32a0;border:1px solid #d1e08380;border-radius:5px;justify-content:center;align-items:center;width:48px;height:46px;display:flex;position:relative}.extra-token img{object-fit:contain;filter:drop-shadow(0 1px 1px #0005);width:32px;height:32px;transform:translateY(-4px)}.extra-token b{color:#5c2901;background:linear-gradient(#ffe571,#f4af2e);border:1px solid #ffec9f;border-radius:8px;padding:1px 5px;font-size:11px;position:absolute;bottom:-5px;right:-2px;box-shadow:0 2px 4px #003e30}.countdown{--progress:100%;background:conic-gradient(#ffeb8e var(--progress),#084927 var(--progress));isolation:isolate;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:67px;height:67px;margin-left:auto;display:flex;position:relative;box-shadow:0 0 0 2px #043b27,0 0 0 3px #5a9d55}.countdown:before{content:"";z-index:-1;background:radial-gradient(#0a7240,#033f2d);border-radius:50%;position:absolute;inset:4px}.countdown output{color:#fff8b9;text-shadow:0 2px #002a19;font-size:28px;font-weight:900;line-height:1}.countdown>span{letter-spacing:.8px;color:#d3e6ae;margin-top:5px;font-size:6px}.countdown[data-phase=locked]{background:conic-gradient(#ffb95b var(--progress),#084927 var(--progress))}.countdown[data-phase=locked] output{color:#ffca7a}.countdown[data-phase=result] output{color:#aeffac}.round-strip{color:#cde9b7;letter-spacing:.5px;border-top:1px solid #a9d87c40;justify-content:space-between;align-items:center;gap:6px;padding:6px 4px;font-size:9px;display:flex}.round-strip #round-status{color:#ffb;font-size:9px;font-weight:700}.round-strip #round-status[data-phase=locked]{color:#ffcf8b}.round-strip #round-status[data-phase=result]{color:#e3ff9a}.text-button{color:#ecf4cb;text-underline-offset:3px;background:0 0;border:0;padding:3px;font-size:10px;text-decoration:underline}.scratch-board{aspect-ratio:1.19;background:linear-gradient(#004e2d70,#08733c70);border:1px solid #9ece8440;grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;width:100%;max-height:max(180px,100svh - 580px);padding:4px;display:grid;overflow:hidden}.scratch-card{clip-path:polygon(0 0,100% 0,100% 84%,50% 100%,0 84%);isolation:isolate;background:linear-gradient(145deg,#a895ce,#66518b);border:1px solid #b6a2d5;justify-content:center;align-items:center;min-width:0;min-height:0;padding:6px 7px 12px;display:flex;position:relative;overflow:hidden}.scratch-card:after{content:"";z-index:-1;background:#d5d6da;border:1px solid #e8e3f570;position:absolute;inset:4px 4px 13px}.scratch-card img{object-fit:contain;filter:drop-shadow(0 2px 1px #0004);width:100%;max-width:70px;height:100%}.card-number{color:#ded7ed;z-index:2;font-size:7px;line-height:1;position:absolute;bottom:4px;right:5px}.silver{background:repeating-linear-gradient(130deg,#e2dfdfaa 0 2px,#b8c4c9aa 2px 4px),radial-gradient(#ebe4e2,#96adbe);position:absolute;inset:5px 5px 13px;box-shadow:inset 0 0 8px #4b69794d}.card-pattern{opacity:.14;z-index:1;filter:grayscale();background:url(/reference/images/titali.png) 50%/60% no-repeat;position:absolute;inset:5px 5px 13px}.next-tag{color:#234c26;text-align:center;z-index:2;letter-spacing:1px;background:#e8f2caeb;border:1px solid #b8d18c;padding:3px 1px;font-size:9px;font-weight:800;position:absolute;inset:auto 12% 28%}.scratch-card.current{background:linear-gradient(135deg,#ffeb94,#dfb138);border-color:#fff5a4}.scratch-card.current:after{background:#f0ecc9;border-color:#ffe984}.scratch-card.revealed:not(.current){background:linear-gradient(135deg,#9c82c1,#5e448a)}.scratch-card.current.revealed{background:linear-gradient(135deg,#fff3a0,#cb9b31)}.card-extra{color:#582604;background:#fecc4d;border-radius:5px;padding:1px 4px;font-size:10px;font-weight:900;position:absolute;bottom:10px;right:4px;box-shadow:0 1px 3px #0004}.scratch-cover{touch-action:none;background:0 0;border:0;border-radius:0;padding:0;position:absolute;inset:5px 5px 13px;overflow:hidden}.scratch-cover canvas{touch-action:none;width:100%;height:100%;transition:opacity .15s;display:block}.scratch-cover canvas.scratched{opacity:0;animation:none}.scratch-card.revealing{box-shadow:inset 0 0 12px #fff587}.roadmap{color:#b4dbb0;letter-spacing:.4px;border-bottom:1px solid #78b75f80;justify-content:space-between;align-items:center;gap:5px;height:24px;font-size:8px;font-weight:700;display:flex}.roadmap .base-pay{color:#ffe66e}.pictures{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;padding:6px 0;display:grid}.picture-card{color:#fff;background:linear-gradient(145deg,#89aaa1,#5e8179);border:1px solid #d3e4d5a0;border-radius:4px;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;height:89px;padding:5px 3px 4px;display:flex;position:relative;box-shadow:inset 0 1px 3px #f0ffdd40}.picture-card>img{object-fit:contain;filter:drop-shadow(0 2px 1px #152f2b77);width:85%;max-width:64px;height:45px}.picture-name{white-space:nowrap;color:#f5ffef;text-shadow:0 1px 1px #032d1d;margin:2px 0;font-size:8px;line-height:1.3}.pay-tag{z-index:2;color:#163f2e;background:#ddebd5d0;border-radius:3px;padding:1px 3px;font-size:8px;line-height:1.1;position:absolute;top:2px;right:2px}.bet-display{color:#e6f5da;text-overflow:ellipsis;background:#123b2eaa;border-radius:10px;min-width:35px;max-width:100%;padding:1px 5px;font-size:10px;font-weight:700;line-height:1.1;display:block;overflow:hidden}.picture-card:disabled{opacity:1}.picture-card:disabled>img{filter:brightness(.85)drop-shadow(0 2px 1px #152f2b77)}.picture-card.has-bet{background:linear-gradient(145deg,#7a9d58,#3a734c);border:2px solid #ffe66a;padding:4px 2px 3px;box-shadow:inset 0 0 12px #ffe58040}.has-bet .bet-display{color:#463003;background:#ffdf6f}.extra-pay .pay-tag{color:#4e2500;background:#ffcc47;font-size:10px;font-weight:900;box-shadow:0 1px 4px #0006}.picture-card.is-winner{background:linear-gradient(135deg,#f7d773,#759e47);border:2px solid #fffaca;padding:4px 2px 3px;box-shadow:inset 0 0 20px #fff6a288,0 0 8px #fff99860}.is-winner .picture-name{color:#183b21;text-shadow:none;font-weight:700}.ledger{border-bottom:1px solid #9bd37350;justify-content:space-between;align-items:center;gap:8px;min-height:38px;padding:5px 2px 7px;display:flex}.ledger>div{align-items:baseline;gap:6px;min-width:0;display:flex}.ledger span{color:#b1d7b4;white-space:nowrap;font-size:8px}.ledger output{letter-spacing:-.6px;color:#fff6c2;text-overflow:ellipsis;min-width:0;font-size:20px;font-weight:800;overflow:hidden}.ledger>div:last-child output{color:#ffe166}.control-deck{justify-content:space-between;align-items:center;gap:12px;padding:10px 0 7px;display:flex}.chips{align-items:center;gap:7px;display:flex}.chip{background:conic-gradient(#ca292b 0 25%,#ffe7ba 25% 29%,#ca292b 29% 50%,#ffe7ba 50% 54%,#ca292b 54% 75%,#ffe7ba 75% 79%,#ca292b 79%);border:2px dashed #f6f8de;border-radius:50%;width:42px;height:42px;padding:4px;box-shadow:0 3px #013522,0 0 0 2px #9b9f6970}.chip span{color:#77312b;background:#fff0c9;border:1px solid #66301640;border-radius:50%;place-items:center;width:100%;height:100%;font-size:13px;font-weight:900;display:grid}.chip-20{filter:hue-rotate(215deg)}.chip-50{filter:hue-rotate(80deg)}.chip-100{filter:hue-rotate(145deg)}.chip[aria-pressed=true]{outline-offset:3px;outline:2px solid #fff59c;transform:translateY(-3px)}.chip:disabled{opacity:.6}.bet-controls{align-items:center;gap:7px;display:flex}.round-button{color:#efffdf;background:linear-gradient(#36ba4b,#087c36);border:1px solid #91de99;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:55px;height:55px;display:flex;box-shadow:inset 0 0 0 3px #86e37538,0 3px #024a2e}.round-button svg{width:23px;height:23px}.round-button>strong{letter-spacing:-1px;font-size:25px;line-height:24px}.round-button>span{font-size:9px;line-height:1.2}.round-button:disabled{opacity:.42}.clear-button svg{color:#ffe5d3}.message-line{text-align:center;color:#f5f8cc;justify-content:center;align-items:center;min-height:31px;padding:4px 3px 7px;font-size:11px;line-height:1.35;display:flex}.message-line.error-message{color:#ffe0b5;background:#80392540;border-radius:4px}.game-footer{color:#a2c7ac;justify-content:space-between;align-items:center;gap:8px;padding:9px 3px 0;font-size:8px;display:flex}.game-footer button{color:#e7e9b9;background:0 0;border:0;padding:2px;font-size:9px}.game-footer>span:last-child{letter-spacing:1px;font-size:7px}.lobby{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:500px;min-height:100svh;margin:auto;padding:30px 22px;display:flex}.edition{letter-spacing:4px;color:#b9e7ab;margin-bottom:25px;font-size:10px}.lobby .logo strong{font-size:94px}.lobby .extra-label{margin-bottom:9px;padding:3px 14px;font-size:13px}.welcome-art{justify-content:center;align-items:center;gap:10px;height:110px;margin:35px 0 10px;display:flex}.welcome-art img{object-fit:contain;filter:drop-shadow(0 5px 5px #01362677);width:80px;height:80px}.welcome-art img:nth-child(2){width:110px;height:110px;transform:rotate(-7deg)}.lobby h1{color:#fff4af;letter-spacing:-1px;margin:15px 0 0;font-size:26px}.lobby p{color:#c5e0b9;margin:12px 0;font-size:12px;line-height:1.7}#entry-form{flex-direction:column;gap:9px;width:min(290px,100%);margin:20px 0 0;display:flex}#entry-form label{text-align:left;letter-spacing:1.6px;color:#bad7b0;font-size:9px}#player-name{color:#fff9d7;outline-offset:3px;background:#023e2ac0;border:1px solid #b3d29a70;width:100%;padding:12px 15px}.primary,.secondary{color:#4e3606;background:linear-gradient(#ffe279,#d7a635);border:1px solid #ffe288;min-height:42px;padding:11px 18px;font-size:13px;font-weight:700}.secondary{color:#e9f6d9;background:#236846;border-color:#91b97b}.lobby .welcome-foot{color:#add0a8;font-size:10px}.lobby .text-button{margin-top:12px}.modal{color:#e1f3d7;background:linear-gradient(140deg,#0f6b3c,#033c2c);border:1px solid #bed58c;border-radius:12px;width:min(460px,100vw - 30px);max-height:85svh;padding:28px 25px;position:fixed;overflow:auto;box-shadow:0 15px 80px #001b20aa}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#001e22c9}.modal h2{color:#ffed9e;letter-spacing:-1px;margin:9px 25px 18px 0;font-size:28px}.modal-close{color:#f4f3ca;background:0 0;border:0;padding:1px 8px;font-size:26px;position:absolute;top:10px;right:10px}.modal ol{padding-left:19px;font-size:12px;line-height:1.65}.modal li{margin-bottom:12px;padding-left:4px}.modal b{color:#fff1b3}.help-note{color:#c2ddbb;font-size:11px;line-height:1.7}.modal .primary{width:100%;margin-top:14px}.dialog-actions{gap:10px;margin-top:22px;display:flex}.dialog-actions .primary{margin:0}.dialog-actions button{flex:1}.history-row{border-bottom:1px solid #8abc8140;align-items:center;gap:12px;padding:10px 0;display:flex}.history-row img{object-fit:contain;width:35px;height:35px}.history-row div{flex-direction:column;gap:5px;display:flex}.history-row b{font-size:12px}.history-row span{color:#bedbb3;font-size:10px}@media (width<=480px){.game-shell{padding:3px 5px 10px}.toolbar{gap:5px;height:33px}.virtual-label{letter-spacing:1px;font-size:7px}.player{max-width:92px;font-size:10px}.fullscreen-button{display:none}.table{border-radius:5px;padding:0 5px}.table-header{gap:6px;min-height:83px;padding:6px 5px 4px}.logo strong{font-size:42px}.logo-caption{letter-spacing:0;font-size:10px}.extra-label{padding:2px 6px;font-size:8px}.extra-panel .small-label{letter-spacing:1px;margin-bottom:4px;font-size:6px}.extra-token{width:35px;height:36px}.extra-token img{width:26px;height:26px}.extra-token b{padding:1px 3px;font-size:9px}.countdown{width:54px;height:54px}.countdown output{font-size:24px}.countdown>span{letter-spacing:.4px;font-size:5px}.round-strip{padding:5px 2px;font-size:8px}.round-strip #round-status{letter-spacing:0;font-size:8px}.round-strip .text-button{font-size:9px}.scratch-board{gap:3px;max-height:max(180px,100svh - 352px);padding:3px}.scratch-card{padding:5px 5px 10px}.scratch-card:after{inset:3px 3px 10px}.silver,.card-pattern,.scratch-cover{inset:4px 4px 10px}.card-number{font-size:6px;bottom:3px;right:4px}.next-tag{letter-spacing:.5px;padding:2px 0;font-size:6px}.card-extra{padding:1px 3px;font-size:8px;bottom:7px}.roadmap{letter-spacing:.1px;height:23px;font-size:6px}.pictures{gap:4px;padding:5px 0}.picture-card{height:74px;padding:5px 1px 3px}.picture-card>img{max-width:48px;height:37px}.picture-name{margin:2px 0;font-size:6px}.pay-tag{padding:1px 2px;font-size:6px;top:2px;right:2px}.extra-pay .pay-tag{font-size:8px}.bet-display{min-width:30px;padding:1px 4px;font-size:9px}.picture-card.has-bet,.picture-card.is-winner{padding:4px 0 2px}.ledger{gap:5px;min-height:35px;padding:4px 2px 5px}.ledger>div{gap:4px}.ledger span{font-size:6px}.ledger output{letter-spacing:-.5px;font-size:16px}.control-deck{gap:8px;padding:10px 1px 7px}.chips{gap:6px}.chip{border-width:1px;width:33px;height:33px;padding:3px}.chip span{font-size:10px}.bet-controls{gap:5px}.round-button{width:41px;height:41px}.round-button svg{width:18px;height:18px}.round-button>strong{font-size:21px;line-height:20px}.round-button>span{font-size:7px}.message-line{min-height:30px;font-size:9px}.game-footer{gap:5px;padding-top:7px;font-size:7px}.game-footer button{font-size:8px}.game-footer>span:last-child{letter-spacing:0;font-size:6px}}@media (width<=350px){.table-header{grid-template-columns:1fr 1.3fr 1fr}.logo strong{font-size:36px}.logo-caption{font-size:9px}.extra-token{width:29px;height:33px}.extra-token img{width:23px;height:23px}.countdown{width:49px;height:49px}.chips{gap:5px}.chip{width:28px;height:28px;padding:2px}.round-button{width:36px;height:38px}.bet-controls{gap:4px}.ledger>div{flex-direction:column;align-items:flex-start;gap:1px}.ledger output{font-size:16px}.control-deck{gap:8px}.lobby .logo strong{font-size:80px}}@media (height<=500px) and (orientation:landscape){.game-shell{max-width:620px}.lobby{min-height:550px;padding:20px}.scratch-board{max-height:220px}.table-header{min-height:85px}.logo strong{font-size:43px}.picture-card{height:75px}.picture-card>img{height:37px}}@media (width>=701px) and (height>=501px) and (height<=850px){.game-shell{max-width:540px}.toolbar{height:32px}.table-header{min-height:82px;padding:5px 7px}.logo strong{font-size:44px}.logo-caption{font-size:11px}.countdown{width:56px;height:56px}.extra-token{width:40px;height:39px}.extra-token img{width:28px;height:28px}.extra-panel .small-label{font-size:7px}.round-strip{padding:4px;font-size:8px}.round-strip #round-status{font-size:8px}.scratch-board{max-height:max(200px,100svh - 474px)}.pictures{gap:4px;padding:4px 0}.picture-card{height:64px;padding:4px 2px 3px}.picture-card>img{max-width:45px;height:30px}.picture-name{margin:1px 0;font-size:6px}.pay-tag{font-size:6px}.extra-pay .pay-tag{font-size:8px}.picture-card.has-bet,.picture-card.is-winner{padding:3px 1px 2px}.bet-display{font-size:9px}.ledger{min-height:32px;padding:4px 2px}.ledger output{font-size:18px}.ledger span{font-size:7px}.control-deck{padding:7px 0}.round-button{width:46px;height:46px}.round-button>span{font-size:8px}.chip{width:36px;height:36px}.chip span{font-size:11px}.message-line{min-height:26px;font-size:10px}}@media (width>=351px) and (width<=480px){.round-button{width:44px;height:44px}}@media (width<=350px){.control-deck{flex-direction:column;gap:10px;padding:10px 0}.chip{width:35px;height:35px}.chips{gap:15px}.round-button{width:49px;height:44px}.bet-controls{gap:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.scratch-cover canvas{opacity:1}}
