:root{--tg-bg: #ffffff;--tg-text: #000000;--tg-button: #2ea6ff;--tg-button-text: #ffffff;--tg-hint: #8e8e93;--tg-link: #2ea6ff;--tg-secondary-bg: #f0f0f0;--spin-glow: 70}*{box-sizing:border-box}body{margin:0;font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--tg-bg);color:var(--tg-text);-webkit-font-smoothing:antialiased}.page{max-width:480px;margin:0 auto;padding:20px 16px}.center{text-align:center}h2,h3,h4{margin:0 0 12px}.game-title{font-size:34px;font-weight:900;line-height:1.15;letter-spacing:.3px;margin:10px 0 8px;background:linear-gradient(120deg,#ffd54a,#ff9d00 55%,#ff5f00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}p{line-height:1.45}.hint{color:var(--tg-hint);font-size:14px}.error{color:#ff3b30;font-size:14px}.ok{color:#34c759;font-size:14px}.btn{display:inline-block;width:100%;padding:14px;margin:8px 0;border:none;border-radius:12px;background:var(--tg-secondary-bg);color:var(--tg-text);font-size:16px;font-weight:600;cursor:pointer}.btn.primary{background:var(--tg-button);color:var(--tg-button-text)}.btn,.tab,.toggle,.chip,.nav-btn{font-family:var(--btn-font, inherit)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.small{width:auto;padding:8px 14px;font-size:14px}.input{width:100%;padding:12px;margin:6px 0;border:1px solid var(--tg-secondary-bg);border-radius:10px;background:var(--tg-secondary-bg);color:var(--tg-text);font-size:15px}.input.small{width:auto;flex:1}.textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.4}.section{margin-top:28px;padding-top:20px;border-top:1px solid rgba(128,128,128,.2)}.row{display:flex;gap:8px;align-items:center}.cups{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px auto;max-width:320px}.cup{position:relative;aspect-ratio:.72;border:none;background:transparent;cursor:pointer;transition:transform .1s;padding:0;display:block}.cup:active{transform:scale(.94)}.cup-lid{position:absolute;top:0;left:7%;right:7%;height:20%;background:linear-gradient(180deg,#2b2b2b,#0d0d0d);border-radius:5px 5px 0 0;z-index:2}.cup-lid:after{content:"";position:absolute;top:-7px;left:50%;transform:translate(-50%);width:26%;height:7px;background:#141414;border-radius:4px}.cup-body{position:absolute;top:18%;bottom:0;left:3%;right:3%;background:linear-gradient(180deg,#fdf9ef,#ece0c4);border-radius:0 0 18px 18px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -5px 10px #00000014}.cup-prize{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:46px;background:var(--tg-secondary-bg);border-radius:14px}.cup.open.win .cup-prize{background:transparent}.cup.open.empty .cup-prize{background:#ffe0de;opacity:.6}.cup:disabled{cursor:default}.cup-fallback{font-size:30px}.cup-svg{width:100%;height:100%;display:block}.cup-photo{width:100%;height:100%;object-fit:contain;display:block}.cup-prize-img{width:72%;height:72%;object-fit:contain}.cup-preview{max-width:90px;max-height:130px}.prize-overlay{animation:overlayFade .3s ease}.prize-modal{position:relative;animation:modalPop .45s cubic-bezier(.34,1.56,.64,1);overflow:visible;border:2px solid var(--tg-button);box-shadow:0 0 24px color-mix(in srgb,var(--tg-button) 35%,transparent)}.celebrate{position:relative;display:inline-block;padding:12px 20px}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.prize-emoji{font-size:64px;line-height:1;margin:4px 0;animation:emojiPop .8s cubic-bezier(.34,1.56,.64,1) .1s both}.prize-icon-img{width:84px;height:84px;object-fit:contain;margin:6px auto;display:block;animation:emojiPop .8s cubic-bezier(.34,1.56,.64,1) .1s both}.code-prize-img{width:20px;height:20px;object-fit:contain;vertical-align:middle;margin-right:6px;border-radius:4px}@keyframes emojiPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:1}}.prize-title{display:block;font-size:18px;margin-bottom:12px}.fireworks{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none}.fw{position:absolute;font-size:22px;opacity:0;animation:burst 1.2s ease-out .15s forwards}.fw1{--dx: -70px;--dy: -40px;--rot: -30deg}.fw2{--dx: 70px;--dy: -40px;--rot: 30deg}.fw3{--dx: -82px;--dy: 8px;--rot: -10deg}.fw4{--dx: 82px;--dy: 8px;--rot: 10deg}.fw5{--dx: -42px;--dy: -72px;--rot: 20deg}.fw6{--dx: 42px;--dy: -72px;--rot: -20deg}@keyframes burst{0%{transform:translate(0) scale(.4);opacity:0}20%{opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(1.1);opacity:0}}.result{margin-top:16px;padding:16px;border-radius:14px;background:var(--tg-secondary-bg);text-align:center}.code{font-size:30px;font-weight:800;letter-spacing:3px;padding:12px;margin:8px 0;border-radius:10px;background:var(--tg-bg);color:var(--tg-link)}.final-code{font-size:30px;font-weight:800;letter-spacing:3px;padding:12px;margin:8px auto;border-radius:10px;background:transparent;color:var(--tg-link);max-width:62%;border:2px dashed var(--tg-button)}.burn-timer{font-size:15px;font-weight:600;color:var(--tg-button);margin:4px 0}.final-modal{padding:26px 20px 22px}.final-modal .final-code{font-size:32px;letter-spacing:4px;margin:14px auto 6px}.attempts-left{font-size:14px;color:var(--tg-hint);margin:6px 0 2px}.tabs{display:flex;gap:6px;margin-bottom:16px}.tab{flex:1;padding:12px;border:none;border-radius:10px;background:var(--tg-secondary-bg);color:var(--tg-text);font-size:14px;font-weight:600;cursor:pointer}.tab.active{background:var(--tg-button);color:var(--tg-button-text)}.admin-tabs{display:flex;gap:6px;margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-tabs .tab{flex:0 0 auto;white-space:nowrap;padding:10px 14px}.card{padding:14px;margin:10px 0;border-radius:12px;background:var(--tg-secondary-bg)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.stat{padding:12px;border-radius:12px;background:var(--tg-secondary-bg);text-align:center}.stat b{display:block;font-size:22px}.stat span{font-size:12px;color:var(--tg-hint)}.top{margin:8px 0;padding-left:20px}.label{display:block;margin-top:12px;font-size:13px;color:var(--tg-hint)}.period-row{display:flex;gap:6px;margin:10px 0}.chip{flex:1;padding:9px 4px;border:none;border-radius:10px;background:var(--tg-secondary-bg);color:var(--tg-text);font-size:13px;font-weight:600;cursor:pointer}.chip.active{background:var(--tg-button);color:var(--tg-button-text)}.chart{display:flex;gap:6px;align-items:flex-end;height:140px;padding:8px 4px;margin:8px 0;background:var(--tg-secondary-bg);border-radius:12px;overflow-x:auto}.bar-col{flex:1;min-width:22px;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.bars{display:flex;gap:2px;align-items:flex-end;height:100px}.bar{width:9px;border-radius:3px 3px 0 0;min-height:2px}.bar.won{background:#8e8e93}.bar.act{background:#34c759}.bar-label{margin-top:4px;font-size:10px;color:var(--tg-hint)}.legend{display:flex;gap:14px;font-size:12px;color:var(--tg-hint);margin:4px 0 12px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:4px}.dot.act{background:#34c759}.dot.won{background:#8e8e93}.progress{height:8px;margin-top:8px;border-radius:6px;background:var(--tg-secondary-bg);overflow:hidden}.progress-fill{height:100%;border-radius:6px;background:var(--tg-button);transition:width .3s}.top-toggle{display:flex;gap:6px;max-width:480px;margin:8px auto;padding:0 16px}.toggle{flex:1;padding:10px;border:none;border-radius:10px;background:var(--tg-secondary-bg);color:var(--tg-text);font-size:14px;font-weight:700;cursor:pointer}.toggle.active{background:var(--tg-button);color:var(--tg-button-text)}.admin{min-height:100vh;display:flex;flex-direction:column}.admin-content{flex:1;padding-bottom:76px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--tg-secondary-bg);border-top:1px solid rgba(128,128,128,.2);padding-bottom:env(safe-area-inset-bottom);z-index:10}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 10px;border:none;background:transparent;color:var(--tg-hint);cursor:pointer}.nav-btn.active{color:var(--tg-button)}.nav-icon{font-size:20px}.nav-label{font-size:11px;font-weight:600}.theme-card{display:flex;align-items:center;gap:12px;padding:14px;margin:8px 0;border-radius:12px;background:var(--tg-secondary-bg);cursor:pointer}.theme-card.active{outline:2px solid var(--tg-button)}.swatch{width:32px;height:32px;border-radius:50%;flex-shrink:0}.theme-meta{flex:1;display:flex;flex-direction:column}.theme-name{font-weight:700}.check{font-size:20px;color:var(--tg-button)}.case-machine{position:relative;max-width:560px;margin:16px auto 18px}.case-window{position:relative;overflow:hidden;padding:34px 0}.case-strip{display:flex;gap:10px;will-change:transform}.case-card{flex:0 0 auto;width:var(--card-w, 96px);box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 8px;border-radius:12px;border:5px solid transparent;transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .2s ease,box-shadow .3s ease}.case-card.is-center,.case-card.is-final{border-color:var(--tg-button)}.case-card.is-center{transform:scale(1.22);z-index:3}.case-card.is-center:before,.case-card.is-center:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:16px;height:8px;background:var(--tg-button);z-index:4}.case-card.is-center:before{top:-11px;clip-path:polygon(0 0,100% 0,50% 100%)}.case-card.is-center:after{bottom:-11px;clip-path:polygon(50% 0,0 100%,100% 100%)}.hiding-arrows .case-card.is-center:before,.hiding-arrows .case-card.is-center:after{display:none}.case-card.is-final{animation:final-pop .55s cubic-bezier(.22,1,.36,1);z-index:3}@keyframes final-pop{0%{transform:scale(1.22)}45%{transform:scale(1.42)}to{transform:scale(1.22)}}.case-img{width:56px;height:56px;object-fit:contain;border-radius:6px}.case-name{font-size:14px;font-weight:600;text-align:center;color:inherit;word-break:break-word}.spin-page{background:#0b0e14;color:#e8eaf0}.spin-page .hint{color:#8a93a5}.spin-btn{background-image:linear-gradient(90deg,var(--spin-btn-from, #ff9500),var(--spin-btn-to, #ffd54a),var(--spin-btn-from, #ff9500))!important;background-size:250% 100%!important;color:#4a3000!important;font-family:var(--spin-font, var(--btn-font, inherit));font-weight:600;letter-spacing:1px;border-radius:14px;max-width:280px;width:100%;margin:0 auto;animation:btn-shimmer 3s linear infinite}@keyframes btn-shimmer{0%{background-position:0% 50%}to{background-position:250% 50%}}.spin-btn:disabled{opacity:.5;box-shadow:none}.cooldown-block{margin:8px 0}.cooldown-label{font-size:15px;color:var(--tg-button);margin:0 0 4px}.cooldown-timer{font-size:28px;font-weight:800;letter-spacing:2px;color:var(--tg-button);margin:0}.spin-text{font-size:14px;text-align:center;color:#8a93a5;margin:8px 0 0}.attempts-dots{display:flex;gap:6px;justify-content:center;margin:8px 0 12px}.attempt-dot{width:10px;height:10px;border-radius:50%;background:var(--tg-hint);opacity:.35}.attempt-dot.used{background:#34c759;opacity:1}.app-header{display:flex;align-items:center;gap:10px;max-width:480px;margin:0 auto;padding:12px 16px 4px}.brand-logo{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.brand-logo.placeholder{display:flex;align-items:center;justify-content:center;background:var(--tg-secondary-bg);font-size:20px}.brand-name{font-weight:700;font-size:16px}.brand-info{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0}.brand-address{font-size:12px;color:var(--tg-hint)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal{background:var(--tg-bg);color:var(--tg-text);border-radius:16px;padding:22px;max-width:340px;width:100%;text-align:center}.modal-text{margin:8px 0 16px}.btn.link{background:transparent;color:var(--tg-link);font-weight:500}.player-toggle{margin-left:auto;flex-shrink:0}.notif-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff3b30;margin-left:6px;vertical-align:middle}.activated-banner{background:#34c759;color:#fff;padding:12px 16px;border-radius:10px;margin:8px 0;font-weight:700;text-align:center;animation:banner-pop .4s ease}@keyframes banner-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.range{width:100%;max-width:320px;accent-color:var(--tg-button)}.cup-logo{width:54%;aspect-ratio:1;border-radius:50%;object-fit:cover;border:2px solid rgba(0,0,0,.05)}.brand-preview{max-width:120px;max-height:120px;margin:10px 0;border-radius:12px;display:block}.bg-preview{max-width:200px;max-height:120px;object-fit:cover}.prize-icon-preview{width:34px;height:34px;object-fit:contain;border-radius:6px;background:var(--tg-secondary-bg)}.admin-content .btn:not(.small){width:auto;min-width:140px;padding:10px 20px;font-size:15px;margin:8px 8px 8px 0}.admin-content .input{padding:10px 12px;font-size:14px}.admin-content .label{margin-top:10px;font-size:12px}.admin-content .section{margin-top:20px;padding-top:16px}.admin-content .card{padding:12px;margin:8px 0}.admin-content .theme-card{padding:12px}.admin-content .stat{padding:10px}input[type=file]{color:transparent;font-size:0;line-height:0;width:auto;padding:0;margin:8px 0;background:transparent;border:none;display:inline-block}input[type=file]::file-selector-button{font-size:14px;line-height:normal;font-weight:600;color:var(--tg-text);background:var(--tg-bg);border:1px solid var(--tg-button);border-radius:8px;padding:9px 16px;cursor:pointer}