:root{color:#201b18;background:#080807;font-family:system-ui,-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--safe-bottom: max(34px, env(safe-area-inset-bottom));--content-max: 390px;--ink: #201b18;--paper: #fff5df;--paper-deep: #f4dfb7;--cream: #fff9eb;--red: #ef3f61;--red-dark: #a91736;--yellow: #ffc94b;--gold: #f4a51c;--green: #3bc97a;--blue: #2381d6;--sky: #55b6e8;--pink: #ff5f8f;--nav: #202936}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100dvh;overflow-x:hidden}button,a{font:inherit}button{border:0}a{color:inherit;text-decoration:none}.app-shell{position:relative;min-height:100dvh;padding:22px 12px calc(var(--safe-bottom) + 74px);background:radial-gradient(circle at 12% 8%,rgba(255,201,75,.14),transparent 24%),radial-gradient(circle at 88% 28%,rgba(255,95,143,.12),transparent 22%),#050504}.phone-stage{width:min(100%,var(--content-max));min-height:calc(100dvh - var(--safe-bottom) - 96px);margin:0 auto;border:2px solid #000;border-radius:18px;background:linear-gradient(90deg,rgba(129,91,44,.09) 1px,transparent 1px),linear-gradient(rgba(129,91,44,.08) 1px,transparent 1px),radial-gradient(circle at 50% 0,rgba(255,255,255,.9),transparent 34%),var(--paper);background-size:18px 18px,18px 18px,auto,auto;box-shadow:0 0 0 3px #f7ead0 inset,0 14px 30px #00000057;overflow:hidden}.app-chrome{display:grid;grid-template-columns:44px 1fr 88px;align-items:center;min-height:56px;padding:0 12px;border-bottom:2px solid rgba(32,27,24,.58);background:linear-gradient(#fffaf0,#fff0d2)}.app-chrome h1{margin:0;font-size:18px;font-weight:950;line-height:1;text-align:center}.chrome-button{width:34px;height:34px;border:0;background:transparent;color:var(--ink);font-size:30px;font-weight:900;line-height:1;cursor:pointer}.chrome-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;font-size:22px;font-weight:850}.player-strip{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:9px;padding:10px 12px;border-bottom:2px solid rgba(32,27,24,.26);background:#fff9ebb8}.avatar{position:relative;width:42px;height:42px;border:3px solid var(--ink);background:#ffd7c6;box-shadow:2px 2px 0 var(--ink);overflow:hidden}.avatar__hair{position:absolute;inset:0 0 auto;height:22px;background:linear-gradient(90deg,transparent 0 8px,#e64e84 8px 14px,transparent 14px),#ff76a8}.avatar__face{position:absolute;left:11px;bottom:5px;width:20px;height:22px;border:3px solid var(--ink);background:#ffd7c6}.player-meta{display:grid;gap:5px;min-width:0}.player-meta strong{font-size:14px;font-weight:950}.xp-bar{display:block;width:min(105px,100%);height:12px;border:3px solid var(--ink);background:#2f2d2d;box-shadow:1px 1px 0 var(--ink)}.xp-bar span{display:block;width:58%;height:100%;background:var(--yellow)}.coin-pill{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:5px 5px 5px 9px;border:3px solid #8b5a20;border-radius:6px;background:#fff3d6;box-shadow:2px 2px 0 var(--ink);font-size:15px;font-weight:950;white-space:nowrap}.coin-pill span,.coin-mark{display:inline-block;width:18px;height:18px;border:3px solid #a76300;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff59c 0 18%,var(--yellow) 19% 58%,var(--gold) 59%)}.coin-pill button{display:grid;place-items:center;width:26px;height:26px;border:2px solid var(--red-dark);border-radius:4px;background:var(--pink);color:#fff;font-size:20px;font-weight:950;line-height:1;cursor:pointer}.hero{position:relative;display:grid;grid-template-columns:1fr;gap:2px;min-height:584px;padding:16px 22px 18px;background:linear-gradient(180deg,transparent 0 72%,rgba(188,219,242,.52) 72% 100%),var(--cream);overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;pointer-events:none}.hero:before{left:-30px;right:-30px;bottom:124px;height:64px;background:linear-gradient(135deg,transparent 0 38%,#cdeafa 39% 55%,transparent 56%) 0 24px / 86px 42px,linear-gradient(135deg,transparent 0 42%,#d5c8ff 43% 58%,transparent 59%) 20px 32px / 110px 48px;opacity:.9}.hero:after{top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,#f4a51c 0 2px,transparent 3px) 34px 74px / 92px 92px,radial-gradient(circle,#3ba7ff 0 2px,transparent 3px) 286px 156px / 88px 88px,radial-gradient(circle,#ff5f8f 0 2px,transparent 3px) 302px 76px / 104px 104px}.hero>*{position:relative;z-index:1}.sparkles{position:absolute;inset:64px 18px auto;height:260px;z-index:0;pointer-events:none}.sparkles span{position:absolute;width:14px;height:14px}.sparkles span:before,.sparkles span:after{content:"";position:absolute;background:currentColor}.sparkles span:before{left:5px;top:0;width:4px;height:14px}.sparkles span:after{left:0;top:5px;width:14px;height:4px}.sparkles span:nth-child(1){left:0;top:20px;color:var(--gold)}.sparkles span:nth-child(2){right:4px;top:88px;color:var(--sky)}.sparkles span:nth-child(3){left:22px;bottom:38px;color:var(--blue)}.sparkles span:nth-child(4){right:48px;bottom:20px;color:var(--green)}.sparkles span:nth-child(5){left:74px;top:4px;color:var(--pink)}.sparkles span:nth-child(6){right:18px;top:12px;color:var(--gold)}.hero__copy{display:grid;justify-items:center;gap:2px;text-align:center}.hero__copy p:last-child{margin:0;padding:4px 10px;border:2px solid rgba(32,27,24,.38);border-radius:999px;background:#ffffffad;color:#5e4632;font-size:13px;font-weight:950;line-height:1.25}.pixel-logo{margin:0;color:#f6495e;font-size:52px;font-weight:950;line-height:.92;text-shadow:3px 0 #fff,-3px 0 #fff,0 3px #fff,0 -3px #fff,5px 5px 0 var(--ink)}.hero h2{margin:0;color:#fff;font-size:27px;font-weight:950;line-height:1;text-shadow:3px 0 var(--ink),-3px 0 var(--ink),0 3px var(--ink),0 -3px var(--ink),3px 3px 0 var(--ink)}.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end;margin-top:-34px}.hero-actions{display:grid;grid-template-columns:1fr .84fr;gap:12px;align-items:end;margin-top:0}.home-actions .button--cta{grid-column:1 / -1}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 14px;border:3px solid var(--ink);border-radius:4px;color:var(--ink);font-size:15px;font-weight:950;line-height:1;cursor:pointer;box-shadow:0 5px 0 var(--ink);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.button:active{transform:translateY(5px);box-shadow:0 0 0 var(--ink)}.button:disabled{cursor:not-allowed;opacity:.58}.button--primary{background:linear-gradient(#ff6d98,var(--red));color:#fff}.button--secondary{background:linear-gradient(#fff8e8,#f7dfad);color:var(--ink)}.button--ghost{background:#fff}.button--wide{width:100%}.button--cta{display:grid;gap:2px;min-height:54px;font-size:21px}.button--cta small{display:inline-flex;align-items:center;gap:6px;min-width:100px;justify-content:center;padding:2px 10px;border-radius:5px;background:#8612346b;font-size:14px;font-weight:950}.status-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px}.status-strip div{min-width:0;padding:9px 7px;border:2px solid #8f704b;border-radius:7px;background:#fff9ebe6;text-align:center}.status-strip span{display:block;margin-bottom:3px;color:#6c5a42;font-size:10px;font-weight:900}.status-strip strong{display:block;font-size:15px}.liff-banner,.config-error{margin:12px;padding:10px 12px;border:2px solid #8f704b;border-radius:7px;background:#fff8e8;font-size:12px;font-weight:800;line-height:1.45}.liff-banner--ready{background:#e7fff0}.liff-banner--error,.config-error{background:#ffe5e9}.liff-debug{margin:12px;padding:10px 12px;border:2px solid #6f5638;border-radius:7px;background:#fff8e8f0;color:var(--ink);font-size:12px;font-weight:850}.liff-debug summary{cursor:pointer;font-weight:950}.liff-debug dl{display:grid;gap:7px;margin:10px 0 0}.liff-debug div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:10px;align-items:start}.liff-debug dt{color:#7b5a32}.liff-debug dd{min-width:0;margin:0;overflow-wrap:anywhere;text-align:right}.section{margin:14px 12px 0}.page-stack{display:grid;gap:14px;padding-bottom:18px}.section__heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.section__heading time{color:#6c5a42;font-size:11px;font-weight:900;white-space:nowrap}.eyebrow{margin:0 0 3px;color:#8b5a20;font-size:11px;font-weight:950;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h2{margin-bottom:8px;font-size:22px;line-height:1.1}.prize-pool{padding:12px;border:2px solid #8f704b;border-radius:9px;background:#fff9ebd6}.prize-pool .section__heading{position:relative;justify-content:center;margin-bottom:10px}.prize-pool .section__heading>div{position:relative;min-width:178px;padding:8px 24px;border:3px solid #8b5a20;border-radius:5px;background:linear-gradient(#ffe9be,#ffc982);box-shadow:3px 3px 0 var(--ink);text-align:center}.prize-pool .section__heading>div:before,.prize-pool .section__heading>div:after{content:"";position:absolute;top:12px;width:22px;height:22px;border:3px solid #8b5a20;background:#fff1ce;transform:rotate(45deg);z-index:-1}.prize-pool .section__heading>div:before{left:-15px}.prize-pool .section__heading>div:after{right:-15px}.prize-pool .section__heading time{position:absolute;right:2px;bottom:-22px}.prize-pool .eyebrow{display:none}.prize-pool h2{margin:0;font-size:18px}.tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(38px,1fr));gap:6px;margin:26px 0 10px}.tab{min-height:34px;padding:6px 4px;border:2px solid #8f704b;border-radius:7px;background:#fff8e8;color:#6c5a42;font-size:12px;font-weight:950;cursor:pointer}.tab--active{border-color:var(--ink);background:var(--yellow);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.prize-list{display:grid;gap:0;overflow:hidden;border:2px solid #8f704b;border-radius:9px;background:#fff8e8}.prize-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:86px;padding:10px 11px;border-bottom:2px solid #8f704b;background:#fff8e8eb}.prize-card:last-child{border-bottom:0}.prize-card__body{min-width:0}.prize-card__topline{display:flex;align-items:center;gap:7px;min-width:0}.prize-card__topline strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.prize-card p{margin:5px 0 0;color:#6c5a42;font-size:11px;font-weight:800;line-height:1.35}.prize-card__meta{display:grid;gap:5px;justify-items:end;min-width:56px}.prize-card__meta span{font-size:23px;font-weight:950}.prize-card__meta small{color:#6c5a42;font-size:10px;font-weight:900}.rarity{display:inline-grid;place-items:center;min-width:28px;height:22px;padding:0 6px;border-radius:5px;color:#fff;font-size:11px;font-weight:950}.rarity--s{background:#ef3f61}.rarity--sss{background:#ff3f83}.rarity--ss{background:#f0712f}.rarity--a{background:#ec6a37}.rarity--b{background:var(--blue)}.rarity--c{background:#768391}.how-to{padding:12px;border:2px solid #8f704b;border-radius:9px;background:#fff9ebd6}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.step-grid article{min-height:118px;padding:8px;border:2px solid #c49b62;border-radius:7px;background:#fff7e6}.step-grid span{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:4px;border:2px solid #8f704b;border-radius:4px;background:#ffd98b;font-size:13px;font-weight:950}.step-grid strong{display:inline;font-size:11px;font-weight:950}.step-art{position:relative;width:62px;height:56px;margin:14px auto 0}.step-art--coins:before,.step-art--coins:after,.step-art--box:before,.step-art--box:after,.step-art--machine:before,.step-art--machine:after{content:"";position:absolute;border:3px solid var(--ink);box-shadow:2px 2px #201b1852}.step-art--coins:before{left:4px;bottom:8px;width:18px;height:18px;border-radius:50%;background:var(--yellow)}.step-art--coins:after{right:8px;bottom:18px;width:22px;height:22px;border-radius:50%;background:var(--yellow)}.step-art--machine:before{left:16px;top:0;width:32px;height:26px;background:#9ee7ff}.step-art--machine:after{left:10px;bottom:0;width:44px;height:31px;background:var(--red)}.step-art--box:before{left:10px;top:8px;width:42px;height:38px;background:var(--yellow)}.step-art--box:after{left:26px;top:17px;width:11px;height:20px;border:0;box-shadow:none;background:var(--ink)}.rules{margin-bottom:18px;padding:14px;border:2px solid #8f704b;border-radius:9px;background:#fff9ebd6}.rules p:not(.eyebrow){margin-bottom:12px;color:#5e4632;font-size:13px;font-weight:800;line-height:1.6}.legal-links{display:flex;flex-wrap:wrap;gap:8px}.legal-links a{padding:7px 9px;border:2px solid #8f704b;border-radius:6px;background:#fff8e8;font-size:12px;font-weight:950}.bottom-tabbar{position:fixed;z-index:20;left:50%;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;align-items:center;width:min(100%,var(--content-max));padding:7px 9px calc(var(--safe-bottom) + 7px);border:2px solid #000;border-bottom:0;border-radius:14px 14px 0 0;background:var(--nav);color:#fff5df;box-shadow:0 -4px 18px #00000047;transform:translate(-50%)}.bottom-tab{display:grid;justify-items:center;gap:2px;min-height:48px;padding:4px 2px;border:0;background:transparent;color:#f4dfb7;font-size:10px;font-weight:950;cursor:pointer}.bottom-tab span{font-size:22px;line-height:1}.bottom-tab--active{color:var(--pink)}.modal-backdrop{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#050504ad}.modal{width:min(100%,350px);padding:18px;border:3px solid var(--ink);border-radius:8px;background:#fff8e8;box-shadow:6px 6px 0 var(--ink)}.modal__copy,.notice{color:#5e4632;font-size:14px;font-weight:850;line-height:1.55}.notice{padding:10px;border:2px solid #8f704b;border-radius:7px;background:#fff}.modal__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.result-modal h2{color:var(--red);font-size:36px;text-shadow:2px 0 #fff,-2px 0 #fff,0 2px #fff,0 -2px #fff,4px 4px 0 var(--ink)}.result-prize{display:grid;justify-items:center;gap:8px;padding:14px;border:3px solid var(--ink);border-radius:6px;background:radial-gradient(circle at 50% 50%,rgba(255,201,75,.38),transparent 50%),#fff}.result-prize strong{font-size:20px}.result-prize p{margin:0;color:#6c5a42;font-size:13px;font-weight:850;text-align:center}.draw-id{display:block;margin-top:10px;color:#6c5a42;font-weight:850;text-align:center}.gacha-scene{position:relative;display:grid;justify-items:center;align-content:center;gap:18px;min-height:664px;padding:18px;background:linear-gradient(90deg,rgba(255,95,143,.12) 0 6px,transparent 6px 20px),radial-gradient(circle at 20% 15%,rgba(255,201,75,.36),transparent 15%),linear-gradient(180deg,#422170,#15162d 70%,#37264c);color:#fff;overflow:hidden}.gacha-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0 47%,rgba(59,201,188,.48) 48% 52%,transparent 53%) 0 0 / 70px 70px,radial-gradient(circle,rgba(255,201,75,.9) 0 3px,transparent 4px) 18px 40px / 86px 86px;opacity:.58}.gacha-scene>*{position:relative;z-index:1}.gacha-scene .machine{scale:1.16;margin-top:32px}.gacha-scene h2{display:inline-grid;place-items:center;min-width:184px;min-height:50px;border:4px solid var(--red);border-radius:9px;background:#1c2431;color:#ffe66d;box-shadow:4px 4px 0 var(--ink);font-size:25px}.skip-button{justify-self:end;margin-right:6px;padding:8px 12px;border:3px solid #f0712f;border-radius:5px;background:#1c2431;color:#ffc94b;font-weight:950;cursor:pointer}.result-page{position:relative;display:grid;justify-items:center;gap:15px;min-height:664px;padding:32px 28px 28px;background:var(--cream);overflow:hidden}.result-page:before{content:"";position:absolute;inset:98px 0 auto;height:250px;background:repeating-conic-gradient(from 0deg,rgba(255,201,75,.28) 0 10deg,transparent 10deg 20deg)}.result-page>*{position:relative;z-index:1}.get-title{margin:0;color:var(--red);font-size:66px;font-weight:950;line-height:1;text-shadow:4px 0 #fff,-4px 0 #fff,0 4px #fff,0 -4px #fff,7px 7px 0 var(--ink)}.reward-card{display:grid;justify-items:center;gap:10px;width:100%;padding:20px 14px;border:3px solid #8f704b;border-radius:12px;background:#fff9ebdb}.reward-card strong{font-size:21px;font-weight:950}.reward-card p{margin:0;color:#6c5a42;font-size:13px;font-weight:850;text-align:center}.coin-balance-card,.profile-card,.empty-card{margin:14px 12px 0;padding:14px;border:2px solid #8f704b;border-radius:10px;background:#fff9ebe6}.coin-balance-card{display:flex;align-items:center;justify-content:space-between}.coin-balance-card span,.coin-balance-card strong{display:inline-flex;align-items:center;gap:7px;font-weight:950}.purchase-list{display:grid;gap:10px;margin:0 12px}.purchase-option{position:relative;display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:11px;min-height:78px;padding:10px 14px;border:2px solid #8f704b;border-radius:10px;background:#fff9ebe6}.purchase-option strong{font-size:20px;font-weight:950}.purchase-option em{position:absolute;right:12px;top:-8px;padding:3px 10px;border-radius:5px;background:var(--pink);color:#fff;font-size:11px;font-style:normal;font-weight:950}.purchase-price{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:2px solid #d69a3b;border-radius:7px;background:#ffe5ae;font-weight:950}.purchase-art{position:relative;width:58px;height:48px}.purchase-art:before,.purchase-art:after{content:"";position:absolute;border:3px solid var(--ink);border-radius:999px;background:linear-gradient(#ef3f61 0,#ef3f61 50%,#fff 50%)}.purchase-art:before{left:4px;top:10px;width:34px;height:28px}.purchase-art:after{right:2px;top:16px;width:28px;height:24px;background:linear-gradient(#3bc97a 0,#3bc97a 50%,#fff 50%)}.purchase-art--thirty:before{border-radius:5px;background:#d08b42}.demo-note{margin:0 12px;color:#6c5a42;font-size:12px;font-weight:800}.profile-card{display:grid;grid-template-columns:76px 1fr;gap:13px;align-items:center}.avatar--large{width:68px;height:68px}.profile-card h2{margin:0 0 4px}.profile-card small{display:block;margin-top:6px;font-size:11px;font-weight:850}.menu-list{margin:0 12px;overflow:hidden;border:2px solid #8f704b;border-radius:10px;background:#fff9ebe6}.menu-row{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:50px;padding:0 14px;border:0;border-bottom:2px solid #d7b782;background:transparent;color:var(--ink);font-size:15px;font-weight:950;cursor:pointer}.menu-row:last-child{border-bottom:0}@media (orientation: landscape){.app-shell{padding-left:44px;padding-right:44px;padding-bottom:21px}}@media (min-width: 720px){.app-shell{padding-top:22px}}@media (max-width: 374px){.app-chrome{grid-template-columns:36px 1fr 74px}.hero{padding-left:12px;padding-right:12px}.pixel-logo{font-size:43px}.hero-actions{grid-template-columns:1fr}.home-actions{grid-template-columns:1fr 1fr}.button--cta{min-height:72px}.prize-card{grid-template-columns:50px minmax(0,1fr)}.prize-card__meta{grid-column:2;grid-template-columns:auto auto;justify-content:start;justify-items:start}.bottom-tab{font-size:9px}}.machine{position:relative;width:min(80vw,292px);height:300px;margin:0 auto;image-rendering:pixelated;filter:none}.machine--reference{display:grid;place-items:center;width:min(76vw,286px);height:auto;min-height:0;background:transparent}.machine__reference-image{display:block;width:100%;height:auto;image-rendering:pixelated;-webkit-user-select:none;user-select:none}.machine--rolling.machine--reference{animation:machineShake .14s steps(2) infinite}.machine--reference-v2{display:grid;place-items:center;width:min(64vw,236px);height:auto;min-height:0;margin:-22px auto -24px;background:transparent;image-rendering:pixelated;overflow:visible}.machine__reference-v2-image{display:block;width:100%;height:auto;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none}.machine--rolling.machine--reference-v2{animation:machineShake .14s steps(2) infinite}.machine__rolling-label{position:absolute;z-index:3;top:10%;left:50%;display:grid;place-items:center;min-width:142px;min-height:38px;padding:0 14px;border:4px solid #2a211c;background:#202936;color:#ffe66d;box-shadow:0 0 0 4px #ef3f61,5px 5px #2a211c;font-size:17px;font-weight:950;text-shadow:3px 3px 0 #7a5a10;transform:translate(-50%)}.machine,.machine *{image-rendering:pixelated}.machine-pixel-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.machine-pixel-sparkles span{position:absolute;width:18px;height:18px;color:var(--gold)}.machine-pixel-sparkles span:before,.machine-pixel-sparkles span:after{content:"";position:absolute;background:currentColor}.machine-pixel-sparkles span:before{left:7px;top:0;width:4px;height:18px}.machine-pixel-sparkles span:after{left:0;top:7px;width:18px;height:4px}.machine-pixel-sparkles span:nth-child(1){left:0;top:42px}.machine-pixel-sparkles span:nth-child(2){right:6px;top:76px;color:var(--blue)}.machine-pixel-sparkles span:nth-child(3){left:18px;bottom:86px;color:var(--pink)}.machine-pixel-sparkles span:nth-child(4){right:20px;bottom:112px;color:var(--green)}.machine__top-cap{position:absolute;left:50%;top:6px;z-index:5;width:164px;height:38px;background:linear-gradient(90deg,transparent 0 12px,#ff6b78 12px 28px,transparent 28px 100%),linear-gradient(#f05a64 0,#f05a64 14px,#c72a38 14px,#c72a38);border:4px solid #3b241c;box-shadow:0 -6px #3b241c,0 6px #3b241c,8px 8px #3b241cfa;clip-path:polygon(8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% 100%,0 100%,0 8px,8px 8px);transform:translate(-50%)}.machine__sign{position:absolute;left:50%;top:0;z-index:6;display:none;place-items:center;width:132px;height:38px;border:4px solid #3b241c;background:linear-gradient(90deg,#2d3744 0 8px,transparent 8px calc(100% - 8px),#121923 calc(100% - 8px)),#18202b;color:#ffe66d;box-shadow:0 0 0 4px #e83b53,6px 6px #3b241c;font-size:18px;font-weight:950;line-height:1;text-shadow:3px 3px 0 #7a5a10;transform:translate(-50%)}.machine__glass{position:absolute;left:50%;top:42px;width:222px;height:174px;border:6px solid #3b241c;background:linear-gradient(90deg,rgba(255,255,255,.5) 0 8px,transparent 8px 100%),linear-gradient(#9be7ff 0,#9be7ff 12px,#6fc8e9 12px,#6fc8e9);box-shadow:inset 0 0 0 6px #e8fbff,inset 12px 0 #ffffff70,inset -10px -10px #26526f52,8px 8px #3b241c;clip-path:polygon(70px 0,calc(100% - 70px) 0,calc(100% - 70px) 8px,calc(100% - 48px) 8px,calc(100% - 48px) 16px,calc(100% - 32px) 16px,calc(100% - 32px) 28px,calc(100% - 20px) 28px,calc(100% - 20px) 44px,calc(100% - 10px) 44px,calc(100% - 10px) 72px,100% 72px,100% calc(100% - 10px),calc(100% - 10px) calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,10px calc(100% - 10px),0 calc(100% - 10px),0 72px,10px 72px,10px 44px,20px 44px,20px 28px,32px 28px,32px 16px,48px 16px,48px 8px,70px 8px);transform:translate(-50%);overflow:hidden}.machine__glass:before,.machine__glass:after{content:"";position:absolute;z-index:3;pointer-events:none}.machine__glass:before{left:18px;top:24px;width:18px;height:58px;background:linear-gradient(#fff 0 18px,transparent 18px 28px,#fff 28px 46px,transparent 46px)}.machine__glass:after{right:24px;top:30px;width:10px;height:10px;background:#fff;box-shadow:0 18px #fff,-16px 60px #fff}.machine__glass-highlight{position:absolute;z-index:4;background:#ffffffd1}.machine__glass-highlight--a{left:42px;top:18px;width:22px;height:8px;box-shadow:0 8px #ffffffd1,-10px 20px #ffffff9e}.machine__glass-highlight--b{right:44px;top:24px;width:12px;height:12px}.machine__body{position:absolute;left:50%;top:198px;z-index:6;width:238px;height:90px;border:6px solid #3b241c;background:linear-gradient(90deg,#ff7880 0 10px,transparent 10px 100%),linear-gradient(#f44552 0,#f44552 22px,#d62f3f 22px,#d62f3f);box-shadow:inset -8px -8px #60121a5c,8px 8px #3b241c;clip-path:polygon(10px 0,calc(100% - 10px) 0,calc(100% - 10px) 8px,100% 8px,100% 100%,0 100%,0 8px,10px 8px);transform:translate(-50%)}.machine__price-frame{position:absolute;left:18px;top:22px;width:78px;height:42px;border:5px solid #3b241c;background:linear-gradient(#fff2c8 0,#fff2c8 24px,#e2bb79 24px,#e2bb79)}.machine__screen{position:absolute;left:32px;top:31px;z-index:2;width:48px;height:22px;display:grid;place-items:center;border:3px solid #3b241c;background:#fff8dc;color:#3b241c;font-size:13px;font-weight:950}.machine__knob{position:absolute;left:111px;top:23px;width:58px;height:58px;border:6px solid #3b241c;background:linear-gradient(135deg,transparent 0 38%,#ede9e2 38% 48%,transparent 48% 100%),linear-gradient(#d7d1d0 0,#d7d1d0 18px,#908a95 18px,#908a95);box-shadow:inset -6px -6px #4b4858;clip-path:polygon(14px 0,calc(100% - 14px) 0,calc(100% - 14px) 8px,100% 8px,100% calc(100% - 14px),calc(100% - 8px) calc(100% - 14px),calc(100% - 8px) 100%,14px 100%,14px calc(100% - 8px),0 calc(100% - 8px),0 14px,8px 14px,8px 0)}.machine__knob span{position:absolute;left:50%;top:50%;width:13px;height:48px;border:3px solid #3b241c;background:#eee7dc;transform:translate(-50%,-50%) rotate(48deg)}.machine__slot{position:absolute;right:14px;bottom:8px;width:42px;height:54px;border:5px solid #3b241c;background:#8b1730;overflow:hidden;clip-path:polygon(10px 0,calc(100% - 10px) 0,calc(100% - 10px) 8px,100% 8px,100% 100%,0 100%,0 8px,10px 8px)}.machine__slot:before{content:"";position:absolute;left:9px;top:14px;width:18px;height:31px;border:4px solid #56101f;border-bottom:0;background:#a51d35}.machine__drop{position:absolute;left:50%;top:-34px;width:26px;height:26px;border:4px solid #3b241c;background:linear-gradient(#ff5f8f 0,#ff5f8f 50%,#ffd166 50%);clip-path:polygon(7px 0,calc(100% - 7px) 0,calc(100% - 7px) 4px,100% 4px,100% calc(100% - 7px),calc(100% - 4px) calc(100% - 7px),calc(100% - 4px) 100%,7px 100%,7px calc(100% - 4px),0 calc(100% - 4px),0 7px,4px 7px,4px 0);transform:translate(-50%)}.machine__base{position:absolute;left:50%;bottom:0;z-index:5;width:206px;height:45px;border:6px solid #3b241c;background:linear-gradient(90deg,#ff7880 0 13px,transparent 13px 100%),#c7283d;box-shadow:inset -8px -8px #60121a6b,8px 8px #3b241c;clip-path:polygon(8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% 100%,0 100%,0 8px,8px 8px);transform:translate(-50%)}.capsule{position:absolute;width:45px;height:38px;border:4px solid #3b241c;border-radius:0;box-shadow:none;clip-path:polygon(9px 0,calc(100% - 9px) 0,calc(100% - 9px) 4px,100% 4px,100% calc(100% - 9px),calc(100% - 4px) calc(100% - 9px),calc(100% - 4px) 100%,9px 100%,9px calc(100% - 4px),0 calc(100% - 4px),0 9px,4px 9px,4px 0);animation:capsuleFloat 2.5s steps(4) infinite}.capsule:before{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:4px;background:#3b241c;transform:translateY(-50%)}.capsule:after{content:"";position:absolute;left:8px;top:5px;width:8px;height:8px;background:#fff;box-shadow:10px 0 #ffffff85}.capsule--red{background:linear-gradient(#ef3f61 0,#ef3f61 50%,#f4f8ff 50%)}.capsule--yellow{background:linear-gradient(#ffc94b 0,#ffc94b 50%,#f4f8ff 50%)}.capsule--blue{background:linear-gradient(#2381d6 0,#2381d6 50%,#f4f8ff 50%)}.capsule--green{background:linear-gradient(#3bc97a 0,#3bc97a 50%,#f4f8ff 50%)}.capsule--pink{background:linear-gradient(#ff5f8f 0,#ff5f8f 50%,#f4f8ff 50%)}.capsule--line{background:linear-gradient(#3bc97a 0,#3bc97a 50%,#ffc94b 50%)}.capsule--1{left:25px;top:76px;transform:rotate(-12deg)}.capsule--2{left:83px;top:56px;animation-delay:.18s;transform:rotate(4deg)}.capsule--3{right:24px;top:78px;animation-delay:.32s;transform:rotate(12deg)}.capsule--4{left:48px;bottom:22px;animation-delay:.51s;transform:rotate(18deg)}.capsule--5{right:48px;bottom:20px;animation-delay:.74s;transform:rotate(-18deg)}.capsule--6{left:96px;bottom:48px;animation-delay:.92s;transform:rotate(7deg)}.machine--rolling{animation:machineShake .14s linear infinite}.machine--rolling .machine__sign{display:grid;color:#ffe66d;animation:signFlash .42s steps(2) infinite}.machine--rolling .machine__knob{animation:knobSpin .6s steps(8) infinite}.machine--rolling .machine__drop{animation:dropCapsule 1.1s .42s steps(8) forwards}.pixel-icon{position:relative;display:inline-block;flex:0 0 auto;width:48px;height:48px;border:2px solid #8f704b;border-radius:7px;background:#fff;overflow:hidden}.pixel-icon--large{width:96px;height:96px;border:4px solid var(--ink);border-radius:6px;box-shadow:4px 4px 0 var(--ink)}.pixel-icon--s{background:radial-gradient(circle at 50% 50%,rgba(255,201,75,.55),transparent 55%),#fff0b8}.pixel-icon--a{background:#ffe6ef}.pixel-icon--b{background:#e3f5ff}.pixel-icon--c{background:#fff1d0}.pixel-dot,.pixel-petal,.pixel-bottle,.pixel-bubble,.pixel-paper{position:absolute;border:3px solid var(--ink)}.dot-a{left:14%;top:18%;width:54%;height:52%;background:#ffb000}.dot-b{right:13%;top:34%;width:30%;height:44%;background:#fff}.dot-c,.dot-d{top:37%;width:9%;height:9%;background:var(--ink)}.dot-c{left:31%}.dot-d{right:31%}.petal-a,.petal-b,.petal-c,.petal-d{width:24%;height:24%;background:#ff5c8a}.petal-a{left:38%;top:12%}.petal-b{right:17%;top:38%}.petal-c{left:38%;bottom:13%}.petal-d{left:17%;top:38%}.bottle-a{left:32%;top:16%;width:36%;height:64%;background:#3ba7ff}.bottle-b{left:40%;top:5%;width:20%;height:20%;background:#fff}.bubble-a,.bubble-b{background:#fff}.bubble-a{right:16%;top:18%;width:16%;height:16%}.bubble-b{left:14%;bottom:18%;width:13%;height:13%}.paper-a{left:18%;top:18%;width:58%;height:58%;background:#fff}.paper-b{right:15%;top:15%;width:22%;height:22%;background:#ffd166}.paper-c{left:29%;top:43%;width:32%;height:9%;background:#06c755}@keyframes capsuleFloat{0%,to{translate:0 0}50%{translate:0 -6px}}@keyframes machineShake{0%,to{transform:translate(0)}50%{transform:translate(2px)}}@keyframes knobSpin{to{transform:rotate(360deg)}}@keyframes dropCapsule{to{top:12px}}@keyframes signFlash{50%{filter:brightness(1.45)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.machine--native{position:relative;display:block;width:min(78vw,292px);height:318px;margin:-2px auto 0;image-rendering:pixelated}.machine--native,.machine--native *{image-rendering:pixelated}.native-machine__sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.native-machine__sparkles span{position:absolute;width:16px;height:16px;color:var(--gold)}.native-machine__sparkles span:before,.native-machine__sparkles span:after{content:"";position:absolute;background:currentColor}.native-machine__sparkles span:before{left:6px;top:0;width:4px;height:16px}.native-machine__sparkles span:after{left:0;top:6px;width:16px;height:4px}.native-machine__sparkles span:nth-child(1){left:8px;top:48px}.native-machine__sparkles span:nth-child(2){right:6px;top:82px;color:var(--blue)}.native-machine__sparkles span:nth-child(3){left:12px;bottom:92px;color:var(--pink)}.native-machine__sparkles span:nth-child(4){right:18px;bottom:116px;color:var(--green)}.native-machine__top{position:absolute;z-index:6;left:50%;top:17px;width:164px;height:43px;border:4px solid #2a211c;background:linear-gradient(90deg,transparent 0 16px,#ff7680 16px 32px,transparent 32px 100%),linear-gradient(#ff5360 0,#ff5360 14px,#d72f3c 14px,#d72f3c 30px,#a91e2d 30px);box-shadow:0 -5px #2a211c,0 5px #2a211c,7px 7px #2a211cf2;clip-path:polygon(10px 0,calc(100% - 10px) 0,calc(100% - 10px) 7px,100% 7px,100% 100%,0 100%,0 7px,10px 7px);transform:translate(-50%)}.native-machine__status{position:absolute;z-index:9;left:50%;top:12px;display:grid;place-items:center;width:156px;height:42px;border:4px solid #2a211c;background:#202936;color:#ffe66d;box-shadow:0 0 0 4px #ef3f61,6px 6px #2a211c;font-size:18px;font-weight:950;text-shadow:3px 3px 0 #7a5a10;transform:translate(-50%)}.native-machine__globe{position:absolute;z-index:4;left:50%;top:47px;width:218px;height:190px;border:6px solid #2a211c;border-radius:47% 47% 10px 10px;background:linear-gradient(90deg,rgba(255,255,255,.62) 0 9px,transparent 9px 100%),linear-gradient(#a9efff 0,#a9efff 17px,#7fd6ee 17px,#7fd6ee);box-shadow:inset 0 0 0 6px #e7fbff,inset 12px 0 #ffffff6b,inset -12px -10px #235e7947,7px 7px #2a211c;overflow:hidden;transform:translate(-50%)}.native-machine__globe:before,.native-machine__globe:after{content:"";position:absolute;z-index:4;pointer-events:none}.native-machine__globe:before{left:-6px;top:46px;width:12px;height:72px;background:#2a211c;box-shadow:218px 0 #2a211c}.native-machine__globe:after{left:16px;top:36px;width:18px;height:18px;background:#fff;box-shadow:0 24px #fff,20px -6px #ffffffb8,152px -2px #ffffffdb,174px 22px #ffffffb3}.native-machine__shine{position:absolute;z-index:5;background:#ffffffb8}.native-machine__shine--large{left:28px;top:28px;width:18px;height:54px;box-shadow:12px -10px #ffffff85}.native-machine__shine--small{right:35px;top:38px;width:10px;height:10px;box-shadow:18px 18px #ffffff9e}.native-machine__capsules{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.native-capsule{position:absolute;width:51px;height:43px;border:4px solid #2a211c;border-radius:45%;background:linear-gradient(#ef3f61 0,#ef3f61 49%,#f7fbff 50%);box-shadow:inset 7px 0 #ffffff8f,inset -5px -5px #2a211c2e;animation:nativeCapsuleFloat 2.6s steps(4) infinite}.native-capsule:before{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:4px;background:#2a211c;transform:translateY(-50%)}.native-capsule:after{content:"";position:absolute;left:10px;top:7px;width:10px;height:10px;background:#fff;box-shadow:12px 0 #ffffff7a}.native-capsule--red{background:linear-gradient(#e93c59 0,#e93c59 49%,#f7fbff 50%)}.native-capsule--blue{background:linear-gradient(#2e9be4 0,#2e9be4 49%,#f7fbff 50%)}.native-capsule--yellow,.native-capsule--gold{background:linear-gradient(#ffc94b 0,#ffc94b 49%,#f7fbff 50%)}.native-capsule--white{background:linear-gradient(#f7fbff 0,#f7fbff 49%,#d5dce8 50%)}.native-capsule--pink{background:linear-gradient(#ff5f8f 0,#ff5f8f 49%,#f7fbff 50%)}.native-capsule--purple{background:linear-gradient(#8c7bd6 0,#8c7bd6 49%,#f7fbff 50%)}.native-capsule--green{background:linear-gradient(#5ac95f 0,#5ac95f 49%,#f7fbff 50%)}.native-capsule--1{left:32px;top:74px;rotate:-18deg}.native-capsule--2{left:72px;top:44px;rotate:-8deg;animation-delay:.15s}.native-capsule--3{right:30px;top:60px;rotate:18deg;animation-delay:.26s}.native-capsule--4{left:65px;top:92px;rotate:14deg;animation-delay:.38s}.native-capsule--5{left:98px;top:74px;rotate:-14deg;animation-delay:.47s}.native-capsule--6{right:55px;top:104px;rotate:4deg;animation-delay:.59s}.native-capsule--7{left:112px;bottom:14px;rotate:-8deg;animation-delay:.69s}.native-capsule--8{right:26px;bottom:28px;rotate:16deg;animation-delay:.78s}.native-machine__body{position:absolute;z-index:7;left:50%;top:210px;width:222px;height:76px;border:6px solid #2a211c;background:linear-gradient(90deg,#ff747c 0 12px,transparent 12px 100%),linear-gradient(#ef3f4d 0,#ef3f4d 26px,#cf2a3d 26px,#cf2a3d);box-shadow:inset -7px -7px #5f121a61,7px 7px #2a211c;transform:translate(-50%)}.native-machine__price{position:absolute;left:18px;top:18px;display:grid;place-items:center;width:72px;height:38px;border:4px solid #2a211c;background:linear-gradient(#fff7d7 0,#fff7d7 24px,#dfbc77 24px)}.native-machine__price span{display:grid;place-items:center;width:42px;height:18px;border:3px solid #2a211c;background:#fffbe6;color:#2a211c;font-size:13px;font-weight:950}.native-machine__handle{position:absolute;left:98px;top:18px;width:54px;height:54px;border:5px solid #2a211c;background:linear-gradient(135deg,transparent 0 37%,#f7f4ef 37% 50%,transparent 50%),linear-gradient(#dad7dc 0,#dad7dc 20px,#8c8892 20px);box-shadow:inset -6px -6px #4b4858;border-radius:2px}.native-machine__handle span{position:absolute;left:50%;top:50%;width:12px;height:44px;border:3px solid #2a211c;background:#eee7dc;transform:translate(-50%,-50%) rotate(48deg)}.native-machine__exit{position:absolute;right:14px;bottom:8px;width:42px;height:52px;border:5px solid #2a211c;background:#8b1730;overflow:hidden}.native-machine__exit:before{content:"";position:absolute;left:9px;top:15px;width:18px;height:30px;border:4px solid #56101f;border-bottom:0;background:#a51d35}.native-machine__drop{position:absolute;left:50%;top:-32px;width:26px;height:26px;border:4px solid #2a211c;border-radius:45%;background:linear-gradient(#ff5f8f 0,#ff5f8f 50%,#ffd166 50%);transform:translate(-50%)}.native-machine__base{position:absolute;z-index:8;left:50%;bottom:12px;width:218px;height:31px;border:6px solid #2a211c;background:linear-gradient(90deg,#ff747c 0 12px,transparent 12px 100%),#c7283d;box-shadow:inset -8px -8px #5f121a6b,7px 7px #2a211c;transform:translate(-50%)}.native-machine__shadow{position:absolute;z-index:1;left:50%;bottom:2px;width:230px;height:18px;background:linear-gradient(90deg,transparent 0 18px,rgba(74,67,57,.24) 18px calc(100% - 18px),transparent calc(100% - 18px));transform:translate(-50%)}.machine--rolling .native-machine__handle{animation:nativeHandleSpin .6s steps(8) infinite}.machine--rolling .native-machine__drop{animation:nativeDropCapsule 1.1s .42s steps(8) forwards}@keyframes nativeCapsuleFloat{0%,to{translate:0 0}50%{translate:0 -5px}}@keyframes nativeHandleSpin{to{rotate:360deg}}@keyframes nativeDropCapsule{to{top:10px}}