:root{--bg: #070d1c;--bg2: #0d1830;--panel: rgba(255, 255, 255, .05);--line: rgba(255, 255, 255, .12);--text: #e9eef7;--muted: #8d99ad;--gold: #d9b45b;--latin: "Barlow";--sans: var(--latin), "Noto Sans JP", sans-serif;--numeric: var(--latin), "Noto Sans JP", sans-serif;--display: "Anton", var(--latin), "Noto Sans JP", sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:var(--sans);color:var(--text);background:var(--bg);min-height:100dvh}body{--bg-veil: .8;--poster-w: min(100vw, 760px);--poster-h: calc(var(--poster-w) * 1.0071)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(7,13,28,calc(var(--bg-veil) - .08)),rgba(7,13,28,var(--bg-veil)) 55%,#070d1cf7 88%,#070d1c) center top / var(--poster-w) var(--poster-h) no-repeat,url(/assets/team_poster.webp) center top / var(--poster-w) var(--poster-h) no-repeat,#070d1c;z-index:-1}#app{max-width:430px;margin:0 auto;min-height:100dvh;padding:20px 18px calc(84px + env(safe-area-inset-bottom))}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer}img{max-width:100%}#tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(430px,100%);display:flex;background:#0a1123eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:50}.tab{flex:1;padding:10px 0 12px;font-size:12px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:2px;letter-spacing:.06em}.tab-icon{font-size:20px;filter:grayscale(1) opacity(.6)}.tab.active{color:var(--gold)}.tab.active .tab-icon{filter:none}.home{display:flex;flex-direction:column;align-items:center;gap:22px}.home-header{text-align:center;padding-top:6px}.home-logo{width:150px;margin-bottom:10px}.home-title{font-family:var(--display);font-weight:400;font-size:clamp(40px,14vw,58px);line-height:.94;letter-spacing:.015em;text-transform:uppercase;transform:skew(-9deg);background:linear-gradient(180deg,#fff8e8,#e7ca7f 38%,#a37f2c 63%,#f5e4ae);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.55)) drop-shadow(0 8px 22px rgba(217,180,91,.4))}.home-sub{margin-top:10px;font-size:12px;font-weight:500;letter-spacing:.14em;color:#e9eef7b8}.home-note{font-size:10px;color:var(--muted);text-align:center;line-height:1.7;max-width:300px}.pack{position:relative;width:min(62vw,248px);aspect-ratio:3 / 4.1;perspective:950px}.pack-body{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:packTilt 8s ease-in-out infinite}@keyframes packTilt{0%,to{transform:rotateY(-14deg) rotateX(3deg)}50%{transform:rotateY(10deg) rotateX(-2deg)}}.pack-edge{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:13px;background:linear-gradient(90deg,#05080f,#16233f 45%,#05080f);transform:translateZ(-22px);box-shadow:0 0 0 1px #d9b45b4d}.pack-side{position:absolute;top:3px;bottom:3px;width:22px;background:linear-gradient(90deg,#070d1c,#1a2842 50%,#090f20);box-shadow:inset 0 1px #d9b45b59,inset 0 -1px #0009}.pack-side-l{left:0;transform-origin:left center;transform:rotateY(90deg)}.pack-side-r{right:0;transform-origin:right center;transform:rotateY(-90deg)}.pack-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:13px;overflow:hidden;background:repeating-linear-gradient(93deg,rgba(255,248,230,.07) 0 1px,rgba(56,40,12,.08) 1px 2px,transparent 2px 4px),linear-gradient(156deg,#fff8e8,#c9ac74,#f2e3c2 22%,#8e7442 41%,#dec897,#705b31 73%,#ebdeb8 87%,#9c8250);box-shadow:0 26px 54px #000000ad,inset 0 1px #fffae8a6,inset 0 -2px 3px #30220a8c}.pack-inner{position:absolute;left:9px;right:9px;top:27px;bottom:27px;border-radius:7px;overflow:hidden;background:radial-gradient(115% 92% at 50% 0%,#16233d,#080e1c 58%,#04070e);box-shadow:inset 0 0 0 1px #d9b45b8c,inset 0 0 0 2px #000c,inset 0 5px 14px #000000e6}.pack-brush{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-conic-gradient(from 0deg at 50% 44%,#ffffff0a,#ffffff0a .5deg,#0000000b .5deg,#0000000b 1deg);pointer-events:none}.pack-rivet{position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fffaf0,#d3b57c 45%,#6d5729);box-shadow:0 1px 1px #000000b3,inset 0 -1px 1px #2d200880}.pack-rivet.tl{top:8px;left:8px}.pack-rivet.tr{top:8px;right:8px}.pack-rivet.bl{bottom:8px;left:8px}.pack-rivet.br{bottom:8px;right:8px}.pack-prism{position:absolute;left:50%;top:44%;width:108%;aspect-ratio:1;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,#ff4f86,#ff9f4a,#ffe08a,#6cf07f,#4bb8ff,#a44bff,#ff4f86);-webkit-mask-image:radial-gradient(circle,#000 2%,rgba(0,0,0,.65) 26%,transparent 47%);mask-image:radial-gradient(circle,#000 2%,rgba(0,0,0,.65) 26%,transparent 47%);opacity:.95;filter:saturate(1.7) brightness(1.15);animation:prismSpin 20s linear infinite;pointer-events:none}.pack-prism:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,255,255,.95) 0%,transparent 16%)}.pack-grid{position:absolute;left:50%;top:44%;width:108%;aspect-ratio:1;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 2deg,rgba(6,11,24,.9) 0deg 2.4deg,transparent 2.4deg 6.5deg);-webkit-mask-image:radial-gradient(circle,#000 2%,rgba(0,0,0,.7) 28%,transparent 50%);mask-image:radial-gradient(circle,#000 2%,rgba(0,0,0,.7) 28%,transparent 50%);animation:prismSpin 30s linear infinite reverse;pointer-events:none}.pack-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 48% 30% at 50% 52%,rgba(5,10,22,.86),transparent 74%),radial-gradient(circle at 50% 44%,transparent 38%,rgba(5,10,22,.92) 72%);pointer-events:none}@keyframes prismSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}.pack-micro{position:absolute;left:9px;right:9px;height:12px;overflow:hidden;display:flex;align-items:center;border-radius:2px;background:linear-gradient(180deg,#0a0f1a,#161e2c);box-shadow:inset 0 1px 2px #000000e6,0 1px #ffffff59}.pack-micro-top{top:11px}.pack-micro-bottom{bottom:11px}.pack-micro span{white-space:nowrap;font-size:6px;font-weight:700;letter-spacing:.14em;color:#d9b45b;animation:microScroll 24s linear infinite}.pack-micro-bottom span{animation-direction:reverse}@keyframes microScroll{to{transform:translate(-33.33%)}}.pack-brand{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.pack-logo{width:58%;filter:drop-shadow(0 1px 0 rgba(255,255,255,.4)) drop-shadow(0 -1px 0 rgba(0,0,0,.7)) drop-shadow(0 4px 12px rgba(0,0,0,.9))}.pack-series{display:flex;flex-direction:column;align-items:center;gap:1px;font-family:var(--numeric);font-weight:700;font-size:9px;letter-spacing:.36em;text-indent:.36em;color:#ffffffd9;text-shadow:0 2px 10px rgba(0,0,0,.9)}.pack-series span{font-size:15px;letter-spacing:.3em;text-indent:.3em;background:linear-gradient(180deg,#fff3d0,#e2c273 38%,#a37f2c 62%,#f2dfa6);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 1px rgba(0,0,0,.9))}.pack-badge{position:absolute;right:8px;bottom:8px;width:30px;height:30px;border-radius:50%;background:linear-gradient(160deg,#f7e2a4,#b8912f);color:#14190b;font-weight:900;font-size:14px;line-height:1;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 3px 9px #000000a6,inset 0 1px #ffffffb3}.pack-badge small{font-size:6px;letter-spacing:.05em}.pack-corner{position:absolute;width:15px;height:15px;border:2px solid rgba(217,180,91,.8);pointer-events:none}.pack-corner.tl{top:7px;left:7px;border-right:0;border-bottom:0}.pack-corner.tr{top:7px;right:7px;border-left:0;border-bottom:0}.pack-corner.bl{bottom:7px;left:7px;border-right:0;border-top:0}.pack-corner.br{bottom:7px;right:7px;border-left:0;border-top:0}.pack-side{background:linear-gradient(90deg,#4a3d20,#d3b57c 45%,#5c4a26)}.pack-edge{background:linear-gradient(90deg,#2a2210,#8e7442 45%,#2a2210)}.pack-sheen{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:13px;background:linear-gradient(112deg,transparent 38%,rgba(255,246,224,.5) 46%,rgba(255,252,240,.88) 48.5%,rgba(255,246,224,.4) 51%,transparent 60%);background-size:260% 100%;animation:packShine 4.2s ease-in-out infinite;mix-blend-mode:overlay;pointer-events:none}@keyframes packShine{0%,55%{background-position:120% 0}to{background-position:-130% 0}}.pack-floor{position:absolute;left:50%;bottom:-7%;width:88%;height:15%;transform:translate(-50%);background:radial-gradient(ellipse at center,rgba(217,180,91,.45),transparent 70%);filter:blur(10px);pointer-events:none}.pack-waiting{filter:grayscale(.6) brightness(.6)}.pack-ready{animation:packFloat 3.2s ease-in-out infinite}@keyframes packFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.draw-btn{font-family:var(--sans);font-weight:700;font-size:17px;letter-spacing:.14em;color:#1c1608;background:linear-gradient(160deg,#f3d98c,#d9b45b 55%,#a9822f);padding:15px 44px;border-radius:999px;box-shadow:0 6px 22px #d9b45b66,inset 0 1px #ffffff8c;animation:btnPulse 2s ease-in-out infinite;transition:transform .15s}.draw-btn:active{transform:scale(.96)}@keyframes btnPulse{0%,to{box-shadow:0 6px 22px #d9b45b59,inset 0 1px #ffffff8c}50%{box-shadow:0 6px 34px #d9b45ba6,inset 0 1px #ffffff8c}}.countdown-box{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 38px}.countdown-label{font-size:11px;color:var(--muted);letter-spacing:.14em;margin-bottom:4px}.countdown{font-family:var(--numeric);font-weight:600;font-size:38px;letter-spacing:.06em;color:var(--gold);font-variant-numeric:tabular-nums}.home-stats{display:flex;gap:10px;width:100%}.stat{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:3px}.stat-num{font-family:var(--numeric);font-weight:700;font-size:18px;color:var(--text)}.stat-num small{font-size:11px;color:var(--muted)}.stat-label{font-size:10px;color:var(--muted);letter-spacing:.08em}.debug-panel{width:100%;border:1px dashed rgba(255,120,120,.5);border-radius:12px;padding:10px;display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.debug-title{width:100%;text-align:center;font-size:10px;color:#ff9c9c;letter-spacing:.2em}.btn{font-size:13px;font-weight:700;letter-spacing:.06em;padding:11px 20px;border-radius:999px;transition:transform .15s}.btn:active{transform:scale(.95)}.btn-share{color:#10151f;background:#e9eef7}.btn-ghost{color:var(--text);border:1px solid var(--line);background:#ffffff0a}.tcg{width:100%;aspect-ratio:63 / 88;container-type:inline-size;position:relative;border-radius:4.5cqw;padding:2.6cqw;background:var(--metal, linear-gradient(160deg, #c8d0da, #77828f));box-shadow:0 8px 26px #00000080,inset 0 .4cqw #ffffff80,inset 0 -.5cqw .6cqw #0000006b;-webkit-user-select:none;user-select:none}.tcg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4.5cqw;background:linear-gradient(112deg,transparent 30%,rgba(255,255,255,.38) 42%,rgba(255,255,255,.7) 45%,rgba(255,255,255,.28) 48%,transparent 58%),repeating-linear-gradient(93deg,rgba(255,255,255,.07) 0 1px,rgba(0,0,0,.07) 1px 2px,transparent 2px 4px);pointer-events:none}.rarity-N{--rc: #aab4c4;--metal: linear-gradient( 156deg, #ffffff 0%, #97a2b1 11%, #e2e8f0 22%, #616c7a 41%, #bcc6d3 57%, #4b5563 73%, #d5dde8 87%, #78828f 100% )}.rarity-R{--rc: #4da3ff;--metal: linear-gradient( 156deg, #e8f4ff 0%, #4a86c9 11%, #bcdcff 22%, #1d4f8f 41%, #7ab4ec 57%, #143c72 73%, #a8d0f7 87%, #2f649f 100% )}.rarity-SR{--rc: #f0c33c;--metal: linear-gradient( 156deg, #fff8e8 0%, #c9ac74 11%, #f2e3c2 22%, #8e7442 41%, #dec897 57%, #705b31 73%, #ebdeb8 87%, #9c8250 100% )}.rarity-UR{--rc: #ff5f8f;--metal: linear-gradient( 120deg, #ff5f8f, #ffb45f, #ffe08a, #7cff8f, #5fc8ff, #b45fff, #ff5f8f );background-size:300% 300%;animation:urFrame 5s linear infinite}@keyframes urFrame{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.tcg-inner{position:relative;width:100%;height:100%;border-radius:3cqw;background:linear-gradient(180deg,#101c38,#0a1226);overflow:hidden;display:flex;flex-direction:column;box-shadow:inset 0 0 0 .35cqw #000c,inset 0 1.2cqw 3cqw #0009}.tcg-photo{position:relative;flex:1 1 62%;background:linear-gradient(180deg,#0a122626 40%,#0a1226f2),url(/assets/bridge_background.webp) center / cover no-repeat;display:flex;align-items:center;justify-content:center}.tcg-num{font-family:var(--numeric);font-weight:800;font-size:38cqw;line-height:1;color:#ffffffeb;text-shadow:0 3cqw 8cqw rgba(0,0,0,.65)}.tcg.has-photo .tcg-num{position:absolute;left:4cqw;bottom:3cqw;font-size:13cqw;color:#fffffff2;text-shadow:0 1cqw 4cqw rgba(0,0,0,.8)}.tcg-pos{position:absolute;top:4cqw;left:4cqw;font-size:5cqw;font-weight:700;letter-spacing:.1em;color:#0c1220;background:#e9eef7eb;border-radius:999px;padding:1.2cqw 4cqw}.tcg-rarity{position:absolute;top:4cqw;right:4cqw;font-family:var(--numeric);font-weight:800;font-size:7cqw;letter-spacing:.06em;color:var(--rc);background:#080c18c7;border:.6cqw solid var(--rc);border-radius:2cqw;padding:.8cqw 2.8cqw;z-index:2}.tcg-sign{position:absolute;right:4cqw;bottom:3cqw;width:44cqw;transform:rotate(-7deg);opacity:.95;filter:drop-shadow(0 1cqw 2cqw rgba(0,0,0,.6))}.tcg-info{padding:3cqw 5cqw 2cqw;text-align:center}.tcg-name{font-family:var(--sans);font-weight:700;font-size:9cqw;letter-spacing:.1em}.tcg-roman{margin-top:1cqw;font-size:4.2cqw;letter-spacing:.22em;color:var(--muted)}.tcg-note{letter-spacing:.06em}.tcg-type{margin-top:auto;text-align:center;font-size:4.6cqw;font-weight:700;letter-spacing:.16em;color:#0c1220;background:var(--rc);padding:2cqw 0}.rarity-UR .tcg-type{background:linear-gradient(90deg,#ff5f8f,#ffb45f,#7cff8f,#5fc8ff,#b45fff)}.tcg-holo{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 20%,rgba(255,95,143,.25) 35%,rgba(124,255,143,.22) 48%,rgba(95,200,255,.25) 62%,transparent 80%);background-size:300% 100%;animation:holoShift 3.2s linear infinite;mix-blend-mode:screen;pointer-events:none}@keyframes holoShift{0%{background-position:130% 0}to{background-position:-130% 0}}.tcg.locked{background:linear-gradient(160deg,#3a4356,#232a38);opacity:.75}.tcg.locked:before{opacity:.25}.tcg.locked .tcg-photo{background:linear-gradient(180deg,#131b2e,#0a1020)}.tcg.locked .tcg-num{color:#fff3}.tcg-lock{position:absolute;bottom:4cqw;left:50%;transform:translate(-50%);font-size:4.4cqw;font-weight:700;letter-spacing:.18em;color:#ffffff6b;border:.5cqw solid rgba(255,255,255,.22);border-radius:999px;padding:1cqw 4cqw;white-space:nowrap}.tcg.locked .tcg-name{color:#ffffff80}.tcg.locked .tcg-roman{color:#ffffff4d}.tcg.locked .tcg-type{background:#3a4356;color:#ffffff80}.tcg.locked .tcg-rarity{color:#ffffff73;border-color:#ffffff4d}.tcg-back{padding:2.6cqw;background:linear-gradient(160deg,#d9b45b,#7a5c1e)}.tcg-back-inner{width:100%;height:100%;border-radius:3cqw;background:repeating-linear-gradient(45deg,rgba(217,180,91,.06) 0 2cqw,transparent 2cqw 6cqw),radial-gradient(100% 80% at 50% 40%,#14264a,#0a1226 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5cqw}.tcg-back-logo{width:60%}.tcg-back-text{font-size:3.6cqw;letter-spacing:.3em;color:var(--gold)}#reveal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#040812fc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}#reveal[hidden]{display:none}.reveal-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px;width:100%;max-width:430px;min-height:100dvh;justify-content:center;padding:24px;cursor:pointer}.reveal-hint{font-size:14px;letter-spacing:.2em;color:var(--gold);animation:hintBlink 1.4s ease-in-out infinite}@keyframes hintBlink{0%,to{opacity:1}50%{opacity:.35}}.pity-note{font-size:13px;font-weight:700;color:#ffd66b;background:#d9b45b1f;border:1px solid rgba(217,180,91,.5);border-radius:999px;padding:7px 18px}.reveal-stage{--glow: #ffffff;--glow-strength: 0}.reveal-stage[data-tier="0"]{--glow: #ffffff;--glow-strength: 1}.reveal-stage[data-tier="1"]{--glow: #4da3ff;--glow-strength: 1.6}.reveal-stage[data-tier="2"]{--glow: #f0c33c;--glow-strength: 2.4}.reveal-stage[data-tier="3"]{--glow: #ff5f8f;--glow-strength: 3.4}.reveal-arena{position:relative;display:flex;align-items:center;justify-content:center;width:min(78vw,320px);aspect-ratio:3 / 4.1}.aura{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;border-radius:50%;opacity:calc(var(--glow-strength) * .22);background:repeating-conic-gradient(from 0deg,var(--glow) 0deg 6deg,transparent 6deg 20deg);mask-image:radial-gradient(circle,#000 12%,rgba(0,0,0,.5) 42%,transparent 68%);-webkit-mask-image:radial-gradient(circle,#000 12%,rgba(0,0,0,.5) 42%,transparent 68%);animation:auraSpin 9s linear infinite;transition:opacity .45s ease,background .45s ease;pointer-events:none}.reveal-stage[data-tier="-1"] .aura{opacity:0}.reveal-stage[data-tier="3"] .aura{background:repeating-conic-gradient(from 0deg,#ff5f8f 0deg 5deg,transparent 5deg 12deg,#ffb45f 12deg 17deg,transparent 17deg 24deg,#7cff8f 24deg 29deg,transparent 29deg 36deg,#5fc8ff 36deg 41deg,transparent 41deg 48deg,#b45fff 48deg 53deg,transparent 53deg 60deg);animation-duration:3.5s}@keyframes auraSpin{to{transform:rotate(360deg)}}.rings{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.ring{position:absolute;width:60%;aspect-ratio:1;border:3px solid var(--glow);border-radius:50%;opacity:0;animation:ringOut .9s cubic-bezier(.16,.8,.3,1) forwards}@keyframes ringOut{0%{transform:scale(.35);opacity:.95}to{transform:scale(2.6);opacity:0}}.reveal-arena .pack{width:76%;filter:brightness(calc(1 + var(--glow-strength) * .1));transition:filter .45s ease}.reveal-arena .pack-face{box-shadow:0 26px 54px #0000009e,inset 0 0 44px #081026d9,0 0 calc(var(--glow-strength) * 22px) var(--glow),0 0 calc(var(--glow-strength) * 55px) var(--glow);transition:box-shadow .45s ease}.reveal-arena .pack-floor{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--glow) 55%,transparent),transparent 70%);opacity:calc(.3 + var(--glow-strength) * .22);transition:background .45s ease,opacity .45s ease}.reveal-arena.trembling .pack{animation:packTremble calc(.5s/max(var(--glow-strength),1)) ease-in-out infinite}@keyframes packTremble{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-1.5px,1px) rotate(-.5deg)}75%{transform:translate(1.5px,-1px) rotate(.5deg)}}.reveal-arena.surge .pack{animation:packSurge .42s cubic-bezier(.2,1.6,.4,1)}@keyframes packSurge{0%{transform:scale(1)}35%{transform:scale(1.14) rotate(-1.5deg)}to{transform:scale(1)}}.reveal-arena.peak .pack{animation:packPeak .09s linear infinite}@keyframes packPeak{0%,to{transform:translate(-4px,2px) rotate(-1.6deg) scale(1.04)}50%{transform:translate(4px,-2px) rotate(1.6deg) scale(1.04)}}.reveal-arena.bursting .pack{animation:packBurst .3s ease-in forwards}@keyframes packBurst{0%{transform:scale(1.04);opacity:1}40%{transform:scale(1.3);opacity:1;filter:brightness(3)}to{transform:scale(1.9);opacity:0;filter:brightness(4)}}.tier-caption{min-height:26px;font-family:var(--sans);font-weight:700;font-size:19px;letter-spacing:.1em;color:var(--glow);text-shadow:0 0 18px var(--glow);opacity:0}.tier-caption.show{animation:captionIn .5s cubic-bezier(.2,1.5,.4,1) forwards}@keyframes captionIn{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.sound-toggle{position:absolute;top:max(14px,env(safe-area-inset-top));right:16px;font-size:20px;line-height:1;padding:8px;border-radius:50%;background:#ffffff12;border:1px solid var(--line);z-index:3}@media(prefers-reduced-motion:reduce){.aura{animation:none}.reveal-arena .pack{animation:none!important}}.flash{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,#fff 0%,rgba(255,255,255,.9) 35%,transparent 75%);z-index:110;animation:flashFade .6s ease-out forwards;pointer-events:none}@keyframes flashFade{0%{opacity:1}to{opacity:0}}.flip{width:min(72vw,300px);perspective:1200px}.flip-inner{position:relative;width:100%;aspect-ratio:63 / 88;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.7,.25,1)}.flip.flipped .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-face .tcg{height:100%}.flip-front{transform:rotateY(180deg)}.reveal-result{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;animation:resultIn .5s ease-out}@keyframes resultIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.result-rarity{font-family:var(--sans);font-weight:700;font-size:22px;letter-spacing:.12em}.result-sub{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.badge-new{font-weight:900;font-size:12px;color:#10151f;background:linear-gradient(160deg,#ffe08a,#d9b45b);border-radius:999px;padding:3px 12px;animation:hintBlink 1.2s ease-in-out infinite}.badge-dup{font-weight:700;font-size:12px;color:var(--text);background:#ffffff1a;border-radius:999px;padding:3px 12px}.reveal-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}.collection{display:flex;flex-direction:column;gap:16px}.col-title{font-family:var(--display);font-weight:400;font-size:30px;letter-spacing:.06em;text-transform:uppercase;transform:skew(-9deg);transform-origin:left center;color:var(--gold)}.col-stats{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:8px}.col-stats b{color:var(--text);font-size:14px}.col-bar{margin-top:8px;height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.col-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#d9b45b,#ffe08a);transition:width .6s ease}.chips{display:flex;gap:8px}.chip{--rc: var(--gold);font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:6px 16px}.chip.active{color:#0c1220;background:var(--rc);border-color:var(--rc)}.col-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cell{position:relative}.count-badge{position:absolute;right:-4px;bottom:-4px;z-index:2;font-size:11px;font-weight:900;color:#10151f;background:linear-gradient(160deg,#ffe08a,#d9b45b);border-radius:999px;padding:2px 8px;box-shadow:0 2px 8px #00000080}#modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center}#modal[hidden]{display:none}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#040812e0}.modal-body{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px;animation:resultIn .35s ease-out}.modal-card{width:min(88vw,340px)}.modal-info{text-align:center}.modal-rarity{font-family:var(--sans);font-weight:700;font-size:15px;letter-spacing:.08em}.modal-meta{margin-top:5px;font-size:12px;color:var(--muted)}.modal-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.modal-actions .btn{white-space:nowrap;padding:11px 16px}.profile-back .tcg-inner{background:linear-gradient(180deg,#121f3c,#0a1226)}.pf{position:relative;width:100%;height:100%;padding:5cqw 5cqw 4cqw;display:flex;flex-direction:column;gap:3.4cqw}.pf-head{display:flex;align-items:center;gap:3cqw;padding-bottom:3.5cqw;border-bottom:.5cqw solid var(--rc)}.pf-num{font-family:var(--numeric);font-weight:800;font-size:14cqw;line-height:1;color:var(--rc)}.pf-name{flex:1;min-width:0}.pf-name-ja{font-weight:700;font-size:7.2cqw;letter-spacing:.04em;white-space:nowrap}.pf-name-en{font-size:3.6cqw;letter-spacing:.14em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-pos{font-size:4.1cqw;font-weight:700;letter-spacing:.08em;color:#0c1220;background:var(--rc);border-radius:999px;padding:1cqw 3cqw}.pf-body{display:flex;flex-direction:column;gap:2.4cqw}.pf-row{display:flex;gap:3cqw;font-size:4.5cqw;line-height:1.4}.pf-row dt{flex:0 0 30cqw;color:var(--muted);letter-spacing:0;white-space:nowrap}.pf-row dd{flex:1;min-width:0;color:var(--text);word-break:break-word}.pf-career{margin-top:auto;padding-top:2.4cqw;border-top:1px solid rgba(255,255,255,.14)}.pf-career-title{font-size:3.7cqw;letter-spacing:.14em;color:var(--muted);margin-bottom:1.6cqw}.pf-career ul{list-style:none;display:flex;flex-direction:column;gap:.9cqw}.pf-career li{font-size:4.2cqw;line-height:1.35;color:#e9eef7e6;padding-left:3.4cqw;position:relative}.pf-career li:before{content:"";position:absolute;left:0;top:1.7cqw;width:1.6cqw;height:1.6cqw;border-radius:50%;background:var(--rc)}.pf-logo{position:absolute;right:5cqw;bottom:4cqw;width:16cqw;opacity:.16}.modal-card .flip{width:100%;perspective:1200px;cursor:pointer}.modal-card .flip-inner{position:relative;width:100%;aspect-ratio:63 / 88;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.25,1)}.modal-card .flip.flipped .flip-inner{transform:rotateY(180deg)}.flip-hint{font-size:11px;letter-spacing:.12em;color:var(--muted)}.ap-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:12px;background:#d9b45b14;border:1px solid rgba(217,180,91,.35)}.ap-main{display:flex;align-items:baseline;gap:5px}.ap-icon{font-size:15px;color:var(--gold)}.ap-value{font-family:var(--numeric);font-weight:700;font-size:22px;color:var(--gold)}.ap-unit{font-size:11px;letter-spacing:.1em;color:var(--gold)}.ap-hint{font-size:10px;line-height:1.5;color:var(--muted);text-align:right}.ap-bar .btn{padding:9px 14px;font-size:12px;white-space:nowrap}.exchange-badge{position:absolute;left:50%;bottom:-5px;transform:translate(-50%);z-index:2;font-size:10px;font-weight:700;white-space:nowrap;color:#14190b;background:linear-gradient(160deg,#f7e2a4,#d9b45b);border-radius:999px;padding:3px 9px;box-shadow:0 2px 8px #0009}.btn[disabled]{opacity:.45;cursor:default}.site-links{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:16px;border-top:1px solid var(--line)}.site-links-title{font-size:10px;letter-spacing:.18em;color:var(--muted)}.site-links-row{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 6px}.site-links-row a{font-size:12px;color:var(--gold);text-decoration:none;padding:10px 12px;border-radius:999px;border:1px solid rgba(217,180,91,.3)}.site-links-row a:active{background:#d9b45b26}.fortune{width:100%;max-width:340px;border-radius:14px;padding:13px 16px 15px;text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--fc) 12%,transparent),transparent),#ffffff0a;border:1px solid color-mix(in srgb,var(--fc) 45%,transparent);box-shadow:0 0 22px color-mix(in srgb,var(--fc) 18%,transparent)}.fortune-head{display:flex;align-items:baseline;justify-content:center;gap:10px}.fortune-label{font-size:10px;letter-spacing:.2em;color:var(--muted)}.fortune-rank{font-family:var(--sans);font-weight:700;font-size:26px;letter-spacing:.12em;color:var(--fc);text-shadow:0 0 16px color-mix(in srgb,var(--fc) 55%,transparent)}.fortune-quote{margin-top:8px;font-size:13px;line-height:1.75;color:#e9eef7e6}.reveal-result .fortune{margin-top:4px}.link-btn{font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;padding:12px 16px}.link-btn:active{color:var(--text)}.modal-body.transfer{width:min(100%,400px);max-height:88dvh;overflow-y:auto;align-items:stretch;gap:18px;background:linear-gradient(180deg,#101c38,#0a1226);border:1px solid var(--line);border-radius:16px}.transfer-title{font-family:var(--sans);font-weight:700;font-size:18px;letter-spacing:.14em;color:var(--gold);text-align:center}.transfer-lead{font-size:12px;line-height:1.8;color:var(--muted)}.transfer-sec{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid var(--line)}.transfer-h3{font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--text)}.transfer-code,.transfer-input{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.5;color:var(--text);background:#00000059;border:1px solid var(--line);border-radius:8px;padding:10px;resize:vertical;word-break:break-all}.transfer-input::placeholder{color:#5c6880}.transfer-actions{display:flex;gap:8px;justify-content:center}.transfer-note{font-size:11px;line-height:1.7;color:var(--muted)}.transfer-msg:empty{display:none}.transfer-msg{font-size:12px;line-height:1.6;color:var(--muted)}.transfer-msg.is-error{color:#ff9c9c}#confetti{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:120}