@font-face{font-family:Baloo;src:url(/fonts/Baloo2.ttf)format("truetype");font-weight:400 800;font-display:swap}*{box-sizing:border-box}html,body{color:#fff6c8;overscroll-behavior:none;background:#04100a;height:100%;margin:0;font-family:Baloo,system-ui,sans-serif}#app{min-height:100%;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(#00150b8c,#00150bd9),url(/assets/bg_stadium.webp) 50%/cover fixed;flex-direction:column;align-items:center;display:flex}.top{justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:760px;display:flex}.logo{height:64px}.legal{opacity:.85;text-align:center;max-width:760px;font-size:12px}.btn{font:inherit;color:#fff;cursor:pointer;background:#1f8a4c;border:2px solid #ffd23a;border-radius:999px;padding:6px 14px;font-weight:700}.btn:disabled{opacity:.45;cursor:default}.btn.alt{background:#0a2a18}.jp{gap:6px;width:100%;max-width:760px;margin:6px 0;display:flex}.jp div{text-align:center;background:#0a2a18;border:1px solid #7a6a22;border-radius:10px;flex:1;padding:2px 4px;font-size:12px}.jp b{color:#ffe27a;font-size:15px;display:block}.match{background:#04130be6;border:2px solid #d9a72b;border-radius:14px;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;width:100%;max-width:760px;padding:6px 10px;display:grid}.match .sc{color:#ffe27a;text-align:center;font-size:28px;font-weight:800}.match .m{text-align:center;font-size:12px}.badge{color:#fff;background:#c96a00;border-radius:6px;padding:0 6px;font-size:11px;font-weight:700;display:inline-block}.ladder{gap:4px;width:100%;max-width:760px;margin:6px 0;display:flex}.ladder span{text-align:center;background:#0a2a18;border:1px solid #335;border-radius:8px;flex:1;padding:2px 0;font-weight:800}.ladder span.on{color:#3a2400;background:#ffd23a}.ladder span.cur{outline:3px solid #6dffb0}.boost{text-align:center;color:#6dffb0;min-height:18px;font-size:13px}.reels{aspect-ratio:5/4;background:#03150bd9;border:4px solid #d9a72b;border-radius:14px;grid-template-columns:repeat(5,1fr);width:100%;max-width:760px;display:grid;position:relative;overflow:hidden}.col{border-left:1px solid #ffd23a33;position:relative;overflow:hidden}.col:first-child{border:0}.strip{flex-direction:column;display:flex;position:absolute;top:0;left:0;right:0}.cell{height:calc(var(--h));justify-content:center;align-items:center;display:flex}.cell img{object-fit:contain;width:88%;height:88%;transition:transform .2s}.cell.win img{filter:drop-shadow(0 0 10px #ffe36a);animation:.5s ease-in-out 3 pulse}.col.stacked{box-shadow:inset 0 0 0 4px #ffe36a}@keyframes pulse{50%{transform:scale(1.15)}}.spinning .strip{filter:blur(2px)}.hud{grid-template-columns:1fr 1fr 1fr;gap:6px;width:100%;max-width:760px;margin-top:8px;display:grid}.panel{text-align:center;background:#0a2a18;border:2px solid #7a6a22;border-radius:12px;padding:2px}.panel small{color:#9fe3b0;font-size:12px;display:block}.panel b{color:#ffe27a;font-size:22px}.ctrl{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:8px 0;display:flex}.spin{background:radial-gradient(#3fcf7a,#1f8a4c);border:4px solid #ffd23a;border-radius:50%;width:96px;height:96px;font-size:22px}.fs{color:#ffe27a;text-align:center;min-height:22px;font-weight:800}.toast{text-align:center;pointer-events:none;z-index:30;background:#120a00e6;border:3px solid #ffd23a;border-radius:16px;padding:10px 22px;font-size:28px;font-weight:800;animation:.3s pop;position:fixed;top:30%;left:50%;transform:translate(-50%,-50%)}.toast small{font-size:15px;font-weight:600;display:block}@keyframes pop{0%{transform:translate(-50%,-50%)scale(.6)}}.feed{opacity:.9;text-align:center;width:100%;max-width:760px;min-height:16px;font-size:12px}.ov{z-index:20;background:#000a05eb;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.card{background:#0a2a18;border:3px solid #d9a72b;border-radius:18px;width:100%;max-width:560px;max-height:90vh;padding:16px;overflow:auto}.card h2{color:#ffe27a;margin:.2em 0}.tabs{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.tabs .btn{padding:4px 10px;font-size:13px}table{border-collapse:collapse;width:100%}td{border-bottom:1px solid #234;padding:3px}td img{width:36px}.goal{justify-content:center;gap:8px;margin:12px 0;display:flex}.goal .btn{flex:1;padding:16px 0;font-size:18px}@media (width>=900px){.reels{max-width:640px}}html,body{height:100dvh;overflow:hidden}#app{box-sizing:border-box;height:100dvh;min-height:0;overflow:hidden}#app>*{flex-shrink:0}.reels{width:min(100%,760px,calc((100dvh - var(--chrome,320px)) * 1.25));box-sizing:border-box;max-width:none}@media (width>=900px){.reels{width:min(100%,640px,calc((100dvh - var(--chrome,320px)) * 1.25))}}.cell{overflow:hidden}.cell img{max-width:88%;max-height:88%}.card.info3{flex-direction:column;width:94%;max-width:680px;padding:0;display:flex;overflow:hidden}.info3 .ih{background:linear-gradient(90deg,#0b5d2a,#c9a227);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.info3 .ih h2{color:#fff;margin:0;font-size:20px}.info3 .ix{color:#fff;cursor:pointer;background:#0008;border:0;border-radius:50%;width:34px;height:34px;font-size:18px}.tabs3{background:#0004;gap:6px;padding:8px 12px;display:flex}.tabs3 button{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:999px;flex:1;padding:7px 4px;font-size:12px;font-weight:800}.tabs3 button.on{color:#111;background:#ffe27a}.info3 .ipage{text-align:left;max-height:62vh;padding:12px 14px;overflow:auto}.info3 .pnote{opacity:.75;font-size:13px}.info3 .pgrid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.info3 .pc{text-align:center;background:#ffffff10;border:1px solid #fff2;border-radius:14px;padding:8px}.info3 .pc img{object-fit:contain;width:64px;height:64px}.info3 .pn{opacity:.85;font-size:12px}.info3 .pr{justify-content:space-between;padding:1px 6px;font-size:14px;display:flex}.info3 .pr b{color:#ffe27a}.info3 .feat{background:#ffffff0d;border-radius:12px;align-items:center;gap:12px;margin:8px 0;padding:8px;font-size:14px;display:flex}.info3 .feat img{object-fit:contain;flex:none;width:56px;height:56px}.info3 .feat b{color:#ffe27a}.info3 .inav{background:#0005;justify-content:center;align-items:center;gap:18px;padding:10px;display:flex}.info3 .inav button{cursor:pointer;background:#ffe27a;border:0;border-radius:10px;width:44px;height:36px;font-size:22px}.info3 .inav button:disabled{opacity:.3}
