:root{color:#f6fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a1a;font-family:Orbitron,system-ui,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#16f4ff0d 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#16f4ff0a 1px,#0000 1px) 0 0/34px 34px,radial-gradient(circle at 22% 18%,#ff3fd533,#0000 34%),radial-gradient(circle at 80% 78%,#37f0ff29,#0000 34%),#0a0a1a;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{font:inherit}#app{min-height:100vh}.gacha-stage{place-items:center;min-height:100vh;padding:28px;display:grid;position:relative;overflow:hidden}.gacha-stage:before{pointer-events:none;content:"";mix-blend-mode:screen;background:linear-gradient(90deg,#0000,#39ffec14,#0000),repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 4px);position:absolute;inset:0}.start-screen{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:28px;display:flex;position:relative;overflow:hidden}.start-screen:before{z-index:0;pointer-events:none;content:"";mix-blend-mode:screen;background:linear-gradient(90deg,#0000,#39ffec14,#0000),repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 4px);position:absolute;inset:0}.brand-lockup{z-index:2;text-align:center;position:relative}.brand-lockup p{color:#44f7ff;letter-spacing:4px;text-shadow:0 0 18px #44f7ffcc;margin:0 0 10px;font-size:13px;font-weight:700}.brand-lockup h1{color:#fff;letter-spacing:0;text-shadow:0 0 12px #ffffffe6,0 0 44px #ff2ad5bf,0 0 82px #40f1ff85;margin:0;font-size:clamp(42px,8vw,104px);font-weight:900}.draw-button{z-index:2;color:#faffff;cursor:pointer;background:linear-gradient(120deg,#17ffec38,#ff2dd52e),#11142e;border:1px solid #59fff6d9;border-radius:8px;place-items:center;min-width:240px;min-height:86px;animation:1.45s ease-in-out infinite draw-pulse;display:inline-grid;position:relative;box-shadow:0 0 22px #38f7ffad,inset 0 0 26px #ffffff1a,0 0 80px #ff2dd557}.draw-button span{letter-spacing:3px;font-size:34px;font-weight:900}.draw-button:hover{border-color:#fff;transform:translateY(-2px)}.draw-button:focus-visible,.secondary-action:focus-visible,.retry-button:focus-visible,.gacha-card:focus-visible{outline-offset:4px;outline:2px solid #fff}.start-rings{z-index:0;aspect-ratio:1;pointer-events:none;border:1px solid #4dfffc52;border-radius:50%;width:min(76vmin,680px);animation:18s linear infinite slow-spin;position:absolute;box-shadow:inset 0 0 50px #3ffff624,0 0 90px #ff2cd62e}.start-rings:before,.start-rings:after{content:"";border:1px dashed #ffffff2e;border-radius:50%;position:absolute;inset:12%}.start-rings:after{border-color:#ff3ae052;animation:9s linear infinite reverse slow-spin;inset:27%}.pack-core{z-index:4;color:#fff;transform-origin:50%;background:linear-gradient(135deg,#4bfff629,#0000 42%),linear-gradient(315deg,#ff2ad452,#0000 48%),#101631;border:2px solid #55f8ff;border-radius:18px;place-items:center;width:190px;height:260px;display:grid;position:absolute;box-shadow:0 0 38px #50f8ffd1,inset 0 0 42px #ffffff1a}.pack-core:before{content:"";border:1px solid #ffffff3d;border-radius:12px;position:absolute;inset:12px}.pack-emblem{aspect-ratio:1;color:#0a0a1a;background:#50faff;border-radius:50%;place-items:center;width:90px;font-size:38px;font-weight:900;display:grid;box-shadow:0 0 34px #50faffe6}.pack-title{color:#ffeb70;letter-spacing:2px;align-self:start;font-size:14px;font-weight:900}.flash-overlay{z-index:5;pointer-events:none;opacity:0;background:#fff;position:absolute;inset:0}.particle{z-index:6;pointer-events:none;border-radius:50%;width:8px;height:8px;position:absolute;transform:translate(-50%,-50%)}.pack-particle{background:#5ffaff;box-shadow:0 0 18px #5ffaff}.gold-particle{background:#ffe65d;box-shadow:0 0 18px #ffbd26}.reveal-toolbar{z-index:2;justify-content:space-between;align-self:end;align-items:center;gap:18px;width:min(780px,100%);margin-top:18px;display:flex}.reveal-toolbar h1{color:#fff;letter-spacing:0;text-shadow:0 0 22px #49f8ffb8;margin:0;font-size:clamp(24px,5vw,46px);font-weight:900}.secondary-action,.retry-button{color:#fff;cursor:pointer;background:#091025d1;border:1px solid #57f6ffb8;border-radius:8px;box-shadow:0 0 22px #51f4ff3d}.secondary-action{min-width:136px;min-height:44px;padding:0 18px;font-size:13px;font-weight:800}.secondary-action:disabled{cursor:default;opacity:.46}.card-grid{--card-width:120px;z-index:2;grid-template-columns:repeat(5, var(--card-width));perspective:1200px;justify-content:center;align-self:center;gap:18px;display:grid}.gacha-card{aspect-ratio:2/3;color:#fff;cursor:pointer;width:100%;height:auto;transform-style:preserve-3d;will-change:transform, opacity, box-shadow;background:#071023;border:2px solid #6786b29e;border-radius:12px;padding:0;position:relative;box-shadow:0 14px 40px #00000075}.gacha-card:disabled{cursor:default}.gacha-card.rarity-r{border-color:#2fc0ffc7}.gacha-card.rarity-sr{border-color:#ffcf4a}.gacha-card.rarity-ssr{border-color:#0000}.card-face{backface-visibility:hidden;border-radius:10px;width:100%;height:100%;overflow:hidden}.card-face svg{width:100%;height:100%;display:block}.card-back-pattern{background:linear-gradient(135deg,#2ff4ff29,#0000 40%),linear-gradient(315deg,#ff2ed629,#0000 44%),#08142b;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.card-back-pattern:before{content:"";border:1px solid #5afff757;border-radius:8px;position:absolute;inset:12px}.card-back-pattern span{aspect-ratio:1;border:1px solid #5ff5ff47;width:74px;position:absolute;transform:rotate(45deg)}.card-back-pattern span:nth-child(2){border-color:#ff48d861;width:48px}.card-back-pattern span:nth-child(3){background:#ffffff1f;width:22px}.card-back-pattern strong{z-index:1;color:#faffff;letter-spacing:3px;text-shadow:0 0 18px #59faffe6;font-size:12px}.is-revealed.rarity-r{box-shadow:0 0 28px #29beffc7,0 14px 42px #00000080}.is-revealed.rarity-sr,.sr-shine{animation:1.6s linear infinite gold-shimmer;box-shadow:0 0 26px #ffd44cd1,0 0 72px #ffa72257}.ssr-rainbow{background:linear-gradient(#071023,#071023) padding-box padding-box,linear-gradient(90deg,#ff32d2,#30f7ff,#fff065,#5fff92,#9d65ff,#ff32d2) border-box;border:2px solid #0000;animation:1.1s linear infinite hue-rainbow;box-shadow:0 0 36px #ffffffb8,0 0 92px #ff2fdc6b}.ssr-anticipation{box-shadow:0 0 48px #ffffffdb,0 0 110px #ff34da94}.summary-bar{z-index:2;color:#eafcff;text-align:center;background:#030816c7;border:1px solid #56fff661;border-radius:8px;align-self:start;width:min(780px,100%);min-height:48px;padding:12px 18px;font-size:clamp(14px,3vw,20px);font-weight:800;box-shadow:inset 0 0 22px #46f6ff1f}.retry-button{z-index:2;color:#0a0a1a;background:linear-gradient(90deg,#56f7ff,#fff06a);align-self:start;min-width:172px;min-height:52px;padding:0 24px;font-size:16px;font-weight:900;box-shadow:0 0 34px #55f7ff7a}.retry-button[hidden]{display:none}@keyframes draw-pulse{0%,to{box-shadow:0 0 22px #38f7ffad,inset 0 0 26px #ffffff1a,0 0 80px #ff2dd557}50%{box-shadow:0 0 38px #38f7fff2,inset 0 0 34px #ffffff29,0 0 116px #ff2dd585}}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes hue-rainbow{to{filter:hue-rotate(360deg)}}@keyframes gold-shimmer{0%,to{border-color:#ffca36}50%{border-color:#fff4a4}}@media (width<=760px){.gacha-stage,.start-screen{min-height:100svh;padding:18px 12px}.brand-lockup p{letter-spacing:2px;font-size:10px}.draw-button{min-width:202px;min-height:74px}.draw-button span{font-size:28px}.reveal-toolbar{align-self:start;margin-top:8px}.secondary-action{min-width:116px;padding:0 12px;font-size:11px}.card-grid{grid-template-columns:repeat(2,120px);gap:12px;padding:6px 0}.summary-bar{margin-bottom:4px}}@media (width<=600px) and (orientation:portrait){#app{min-height:100svh}.gacha-stage{grid-template-rows:auto minmax(0,1fr) auto auto;place-items:center;gap:8px;height:100dvh;min-height:100dvh;padding:12px 16px}.reveal-toolbar{align-self:center;gap:8px;width:100%;margin-top:0}.reveal-toolbar h1{font-size:18px;line-height:1}.secondary-action{min-width:96px;min-height:34px;padding:0 10px;font-size:10px}.card-grid{--card-width:calc((100vw - 32px - 32px) / 5);grid-template-columns:repeat(5,minmax(0,1fr));align-self:center;gap:8px;width:calc(100vw - 32px);padding:0}.gacha-card{border-width:1px;border-radius:8px;box-shadow:0 8px 22px #0000006b}.card-face{border-radius:7px}.card-back-pattern:before{border-radius:5px;inset:6px}.card-back-pattern span{width:50%}.card-back-pattern span:nth-child(2){width:34%}.card-back-pattern span:nth-child(3){width:18%}.card-back-pattern strong{letter-spacing:1px;font-size:8px}.summary-bar{align-self:center;width:100%;min-height:34px;margin-bottom:0;padding:8px 10px;font-size:12px;line-height:1.2}.retry-button{align-self:center;min-width:126px;min-height:38px;padding:0 16px;font-size:13px}}@media (width>=761px) and (height<=720px){.gacha-stage{padding-block:14px}.card-grid{gap:12px}.reveal-toolbar h1{font-size:30px}}.guide-button{z-index:2;color:#fff9;letter-spacing:2px;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:6px;padding:10px 28px;font-family:Orbitron,sans-serif;font-size:12px;transition:border-color .2s,color .2s;position:relative}.guide-button:hover{color:#fff;border-color:#fff9}.guide-screen{flex-direction:column;max-width:720px;min-height:100vh;margin:0 auto;padding:0 20px 60px;display:flex}.guide-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:20px;margin-bottom:8px;padding:28px 0 24px;display:flex}.guide-back{color:#fff9;letter-spacing:1px;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #fff3;border-radius:6px;padding:8px 16px;font-family:Orbitron,sans-serif;font-size:11px;transition:color .2s,border-color .2s}.guide-back:hover{color:#fff;border-color:#ffffff80}.guide-title{letter-spacing:3px;background:linear-gradient(90deg,#33f4ff,#ff3df2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:22px;font-weight:900}.guide-body{flex-direction:column;gap:36px;padding-top:12px;display:flex}.guide-section h2{letter-spacing:3px;color:#ffffff73;text-transform:uppercase;margin:0 0 16px;font-size:13px}.guide-section p{color:#ffffffbf;margin:0;font-family:system-ui,sans-serif;font-size:15px;line-height:1.7}.guide-section p strong{color:#fff}.rarity-table{flex-direction:column;gap:12px;display:flex}.rarity-row{align-items:center;gap:14px;display:flex}.rarity-badge{text-align:center;border:1px solid;border-radius:4px;min-width:44px;padding:3px 8px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:900}.rarity-label{color:#fff9;min-width:90px;font-family:system-ui,sans-serif;font-size:13px}.rarity-bar-wrap{background:#ffffff14;border-radius:3px;flex:1;height:6px;overflow:hidden}.rarity-bar{opacity:.85;border-radius:3px;height:100%}.rarity-rate{text-align:right;min-width:36px;font-family:Orbitron,sans-serif;font-size:13px;font-weight:700}.guarantee-box{background:#ffbd2614;border:1px solid #ffbd264d;border-radius:12px;align-items:flex-start;gap:18px;padding:20px 24px;display:flex}.guarantee-icon{color:#ffbd26;flex-shrink:0;font-size:28px;line-height:1}.guarantee-box p{color:#ffffffbf;margin:0;font-family:system-ui,sans-serif;font-size:14px;line-height:1.7}.guarantee-box p strong{color:#ffbd26}.effect-list{flex-direction:column;gap:12px;display:flex}.effect-row{color:#ffffffb3;align-items:center;gap:16px;font-family:system-ui,sans-serif;font-size:14px;display:flex}.effect-badge{text-align:center;border:1px solid;border-radius:4px;min-width:44px;padding:3px 10px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:900}.ssr-text{color:#ff3df2;border-color:#ff3df2}.sr-text{color:#ffbd26;border-color:#ffbd26}.r-text{color:#0eb5ff;border-color:#0eb5ff}.n-text{color:#9299a8;border-color:#9299a8}.card-preview-grid{flex-wrap:wrap;gap:20px;display:flex}.card-preview-item{flex-direction:column;align-items:center;gap:8px;display:flex}.card-preview-name{color:#ffffff80;letter-spacing:1px;text-align:center;max-width:120px;font-family:Orbitron,sans-serif;font-size:9px}.ssr-video-overlay{z-index:9999;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ssr-video-overlay video{object-fit:contain;width:100%;height:100%}.ssr-video-skip{color:#fff;letter-spacing:2px;cursor:pointer;background:#ffffff26;border:1px solid #fff6;border-radius:4px;padding:8px 20px;font-family:Orbitron,sans-serif;font-size:12px;transition:background .2s;position:absolute;bottom:32px;right:32px}.ssr-video-skip:hover{background:#ffffff47}.card-grid--single{grid-template-columns:1fr;justify-items:center}.hud-panel{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050a1ed9;border:1px solid #44f7ff59;border-radius:16px;flex-direction:column;gap:16px;width:min(420px,92vw);padding:20px 24px;display:flex;position:relative;box-shadow:0 0 40px #44f7ff1a,inset 0 0 30px #ffffff08}.hud-tickets{align-items:baseline;gap:6px;display:flex}.hud-ticket-icon{color:#44f7ff;font-size:22px}.hud-ticket-count{color:#44f7ff;font-family:Orbitron,sans-serif;font-size:32px;font-weight:900;line-height:1}.hud-ticket-max{color:#fff6;font-family:Orbitron,sans-serif;font-size:16px}.hud-regen{color:#ffffff73;letter-spacing:1px;margin-left:auto;font-family:Orbitron,sans-serif;font-size:12px}.hud-pity{align-items:center;gap:10px;display:flex}.hud-pity-label{color:#ffffff73;letter-spacing:2px;white-space:nowrap;font-size:11px}.hud-pity-bar-wrap{background:#ffffff14;border-radius:3px;flex:1;height:6px;overflow:hidden}.hud-pity-bar{background:linear-gradient(90deg,#ff39e6,#46f7ff,#fff166);border-radius:3px;height:100%;transition:width .4s}.hud-pity-num{color:#ffffff73;white-space:nowrap;font-family:Orbitron,sans-serif;font-size:11px}.hud-actions{gap:12px;display:flex}.btn-single{color:#fff;cursor:pointer;background:#17ffec14;border:1px solid #44f7ff80;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:14px 10px;transition:opacity .2s,transform .15s;display:flex}.btn-single:hover:not(:disabled){border-color:#44f7ff;transform:translateY(-2px)}.btn-single:disabled{opacity:.35;cursor:not-allowed}.btn-single .btn-label{letter-spacing:2px;font-size:18px;font-weight:900}.btn-single .btn-cost{color:#ffffff8c;letter-spacing:1px;font-size:11px}.btn-ten{min-height:unset;min-width:unset;flex-direction:column;flex:2;justify-content:center;align-items:center;gap:4px;padding:14px 10px;animation:1.45s ease-in-out infinite draw-pulse;display:flex}.btn-ten:disabled{opacity:.35;cursor:not-allowed;animation:none}.btn-ten .btn-label{letter-spacing:2px;font-size:22px;font-weight:900}.btn-ten .btn-cost{color:#ffffffb3;letter-spacing:1px;font-size:11px}.hud-footer{border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;padding-top:4px;display:flex}.recharge-link{color:#ffbd26b3;letter-spacing:1px;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;font-family:Orbitron,sans-serif;font-size:11px;text-decoration:underline;transition:color .2s}.recharge-link:hover{color:#ffbd26}.modal-overlay{z-index:9998;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:#080d1e;border:1px solid #44f7ff59;border-radius:16px;flex-direction:column;align-items:center;gap:16px;width:min(360px,100%);padding:28px 24px 24px;display:flex;position:relative;box-shadow:0 0 60px #44f7ff26}.modal-close{color:#fff6;cursor:pointer;background:0 0;border:none;font-size:18px;transition:color .2s;position:absolute;top:14px;right:16px}.modal-close:hover{color:#fff}.modal-title{letter-spacing:3px;color:#44f7ff;margin:0;font-size:18px;font-weight:900}.modal-tabs{border:1px solid #ffffff26;border-radius:8px;gap:0;width:100%;display:flex;overflow:hidden}.modal-tab{color:#ffffff80;letter-spacing:1px;cursor:pointer;background:0 0;border:none;flex:1;padding:8px;font-family:Orbitron,sans-serif;font-size:11px;transition:background .2s,color .2s}.modal-tab.active{color:#44f7ff;background:#44f7ff26}.modal-pane{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.modal-pane.hidden{display:none}.modal-hint{color:#ffffff8c;text-align:center;margin:0;font-family:system-ui,sans-serif;font-size:13px}.qr-wrap{background:#fff;border-radius:12px;padding:12px;display:inline-flex}.code-input{color:#fff;letter-spacing:4px;text-align:center;background:#ffffff0f;border:1px solid #fff3;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:Orbitron,sans-serif;font-size:20px;transition:border-color .2s}.code-input:focus{border-color:#44f7ff}.code-submit{color:#fff;letter-spacing:2px;cursor:pointer;background:linear-gradient(120deg,#17ffec38,#ff2dd52e),#11142e;border:1px solid #59fff6d9;border-radius:8px;width:100%;padding:12px;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;transition:opacity .2s}.code-submit:hover{opacity:.85}.code-msg{min-height:20px;margin:0;font-family:system-ui,sans-serif;font-size:14px;font-weight:700}