.holo-stage[data-astro-cid-m34abtqb]{position:relative;width:min(380px,80vw);height:min(460px,70vh);display:grid;place-items:center}.holo-head[data-astro-cid-m34abtqb]{position:relative;width:100%;filter:drop-shadow(0 0 14px var(--holo)) drop-shadow(0 0 40px var(--holo-deep));animation:bob 5s ease-in-out infinite;transform-origin:center;transition:filter .6s ease}@keyframes bob{0%,to{transform:translateY(-8px) rotate(-.6deg)}50%{transform:translateY(8px) rotate(.6deg)}}.holo-floor[data-astro-cid-m34abtqb]{position:absolute;bottom:4%;width:70%;height:26px;background:radial-gradient(ellipse at center,var(--holo) 0%,transparent 70%);opacity:.45;filter:blur(6px);animation:pulse 5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.25}50%{opacity:.5}}.face[data-astro-cid-m34abtqb]{width:100%;height:auto;display:block}.skin[data-astro-cid-m34abtqb],.hair[data-astro-cid-m34abtqb],.line[data-astro-cid-m34abtqb],.eye-white[data-astro-cid-m34abtqb],.pupil[data-astro-cid-m34abtqb],.glasses[data-astro-cid-m34abtqb],.mouth[data-astro-cid-m34abtqb],.pipe-stem[data-astro-cid-m34abtqb],.pipe-bowl[data-astro-cid-m34abtqb]{transition:stroke .6s ease,fill .6s ease}.skin[data-astro-cid-m34abtqb]{fill:var(--holo);fill-opacity:.07;stroke:var(--holo);stroke-width:1.6}.hair[data-astro-cid-m34abtqb]{fill:var(--holo);fill-opacity:.22;stroke:var(--holo);stroke-width:1.4}.line[data-astro-cid-m34abtqb]{fill:none;stroke:var(--holo);stroke-width:2.4;stroke-linecap:round}.eye-white[data-astro-cid-m34abtqb]{fill:var(--holo);fill-opacity:.12;stroke:var(--holo);stroke-width:1.4}.pupil[data-astro-cid-m34abtqb]{fill:var(--holo)}.glasses[data-astro-cid-m34abtqb]{fill:none;stroke:var(--holo);stroke-width:2;opacity:.85}.mouth[data-astro-cid-m34abtqb]{fill:var(--holo);fill-opacity:.18;stroke:var(--holo);stroke-width:2.2;transition:ry .08s ease,transform .3s ease,stroke .6s ease,fill .6s ease;transform-box:fill-box;transform-origin:center}.eyes[data-astro-cid-m34abtqb]{transform-box:fill-box;transform-origin:center;animation:blink 6s infinite}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.08)}}.holo-head[data-astro-cid-m34abtqb].talking #mouth[data-astro-cid-m34abtqb]{animation:talk .22s ease-in-out infinite}@keyframes talk{0%,to{ry:3px}50%{ry:13px}}.scanlines[data-astro-cid-m34abtqb]{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,color-mix(in srgb,var(--holo) 10%,transparent) 3px,transparent 4px);mix-blend-mode:screen;animation:scan 6s linear infinite}.flicker[data-astro-cid-m34abtqb]{position:absolute;inset:0;pointer-events:none;background:var(--holo);mix-blend-mode:overlay;opacity:0;animation:flick 4s steps(1) infinite}@keyframes flick{0%,97%,to{opacity:0}97.5%{opacity:.1}98.5%{opacity:.04}}.pipe-stem[data-astro-cid-m34abtqb]{fill:none;stroke:var(--holo);stroke-width:4;stroke-linecap:round;opacity:.9}.pipe-bowl[data-astro-cid-m34abtqb]{fill:#38e8ff24;stroke:var(--holo);stroke-width:2;stroke-linejoin:round}.smoke-live[data-astro-cid-m34abtqb],.head-steam[data-astro-cid-m34abtqb],.exhale[data-astro-cid-m34abtqb]{filter:blur(2.6px);pointer-events:none}.puff[data-astro-cid-m34abtqb],.exhale[data-astro-cid-m34abtqb] circle[data-astro-cid-m34abtqb],.live-puff[data-astro-cid-m34abtqb]{fill:#d4f6ff99;transform-box:fill-box;transform-origin:center}.ember[data-astro-cid-m34abtqb]{fill:#ff8a2a;opacity:0;filter:blur(2.2px) drop-shadow(0 0 5px #ff7a1a);mix-blend-mode:screen}#pipe-bowl[data-astro-cid-m34abtqb]{transform-box:fill-box;transform-origin:bottom}#pipe-bowl[data-astro-cid-m34abtqb].tamp{animation:tamp .32s ease}@keyframes tamp{0%,to{transform:scaleY(1)}45%{transform:scaleY(.82)}}.puff[data-astro-cid-m34abtqb]{animation:rise 3.4s ease-out infinite;opacity:0}.puff[data-astro-cid-m34abtqb].p2{animation-delay:1.1s}.puff[data-astro-cid-m34abtqb].p3{animation-delay:2.2s}@keyframes rise{0%{opacity:0;transform:translate(0) scale(.6)}20%{opacity:.55}to{opacity:0;transform:translate(4px,-28px) scale(1.7)}}.exhale[data-astro-cid-m34abtqb] circle[data-astro-cid-m34abtqb]{opacity:0}.holo-head[data-astro-cid-m34abtqb].exhaling .exhale[data-astro-cid-m34abtqb] circle[data-astro-cid-m34abtqb]{animation:blow .85s ease-out forwards}.holo-head[data-astro-cid-m34abtqb].exhaling .exhale[data-astro-cid-m34abtqb] circle[data-astro-cid-m34abtqb]:nth-child(2){animation-delay:.05s}.holo-head[data-astro-cid-m34abtqb].exhaling .exhale[data-astro-cid-m34abtqb] circle[data-astro-cid-m34abtqb]:nth-child(3){animation-delay:.08s}.holo-head[data-astro-cid-m34abtqb].exhaling .exhale[data-astro-cid-m34abtqb] circle[data-astro-cid-m34abtqb]:nth-child(4){animation-delay:.12s}@keyframes blow{0%{opacity:0;transform:translateY(0) scale(.4)}18%{opacity:.7}to{opacity:0;transform:translateY(14px) scale(2.6)}}.brow[data-astro-cid-m34abtqb],.brow-angry[data-astro-cid-m34abtqb],.smile[data-astro-cid-m34abtqb]{transform-box:fill-box;transform-origin:center;transition:opacity .4s ease,transform .4s ease}.brow-angry[data-astro-cid-m34abtqb],.smile[data-astro-cid-m34abtqb]{opacity:0}.head-steam[data-astro-cid-m34abtqb]{opacity:0;transition:opacity .45s ease}.holo-head[data-astro-cid-m34abtqb][data-mood=angry] .brow[data-astro-cid-m34abtqb]{opacity:0}.holo-head[data-astro-cid-m34abtqb][data-mood=angry] .brow-angry[data-astro-cid-m34abtqb]{opacity:1}.holo-head[data-astro-cid-m34abtqb][data-mood=angry] #mouth[data-astro-cid-m34abtqb]{transform:scale(1.35)}.holo-head[data-astro-cid-m34abtqb][data-mood=angry] .head-steam[data-astro-cid-m34abtqb]{opacity:1}.holo-head[data-astro-cid-m34abtqb][data-mood=angry] .puff[data-astro-cid-m34abtqb]{animation-duration:2s}.holo-head[data-astro-cid-m34abtqb][data-mood=pleased] .smile[data-astro-cid-m34abtqb]{opacity:1}.holo-head[data-astro-cid-m34abtqb][data-mood=pleased] .brow[data-astro-cid-m34abtqb]{transform:translateY(-3px)}.head-steam[data-astro-cid-m34abtqb] .puff[data-astro-cid-m34abtqb]:nth-child(2){animation-delay:.7s}.head-steam[data-astro-cid-m34abtqb] .puff[data-astro-cid-m34abtqb]:nth-child(3){animation-delay:1.5s}.head-steam[data-astro-cid-m34abtqb] .puff[data-astro-cid-m34abtqb]:nth-child(4){animation-delay:.4s}.head-steam[data-astro-cid-m34abtqb] .puff[data-astro-cid-m34abtqb]:nth-child(5){animation-delay:1.1s}.head-steam[data-astro-cid-m34abtqb] .puff[data-astro-cid-m34abtqb]:nth-child(6){animation-delay:1.9s}@media(prefers-reduced-motion:reduce){.holo-head[data-astro-cid-m34abtqb],.holo-floor[data-astro-cid-m34abtqb],.scanlines[data-astro-cid-m34abtqb],.flicker[data-astro-cid-m34abtqb],.eyes[data-astro-cid-m34abtqb],.puff[data-astro-cid-m34abtqb]{animation:none}.puff[data-astro-cid-m34abtqb]{opacity:.4}}:root{--holo: #38e8ff;--holo-deep: #0a8fae;--bg: #02060c;color-scheme:dark;transition:--holo .6s ease}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(circle at 50% 30%,#07212e 0%,var(--bg) 60%),var(--bg);color:#cdeefb;font-family:ui-sans-serif,system-ui,PingFang SC,Microsoft YaHei,sans-serif;display:flex;justify-content:center}main{position:relative;z-index:1;width:min(640px,92vw);min-height:100vh;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem 3rem;text-align:center}.song-btn{position:fixed;top:14px;right:14px;z-index:50;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .95rem;border-radius:999px;border:1px solid var(--holo);background:color-mix(in srgb,var(--holo) 12%,transparent);color:#eaf7ff;font:inherit;font-size:.85rem;letter-spacing:.03em;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s ease,box-shadow .2s ease,border-color .6s ease}.song-btn:hover{background:color-mix(in srgb,var(--holo) 24%,transparent)}.song-btn.playing{box-shadow:0 0 18px var(--holo)}.song-icon{font-size:.9em}.song-btn,.pong-btn{display:none!important}.phone{position:fixed;right:16px;bottom:84px;z-index:60;width:min(290px,82vw);height:min(540px,78vh);transform:translate(135%) rotate(7deg);transform-origin:bottom right;transition:transform .5s cubic-bezier(.2,.9,.25,1);pointer-events:none}.phone.open{transform:translate(0) rotate(-2deg);pointer-events:auto}.phone-body{position:relative;width:100%;height:100%;display:flex;border-radius:30px;padding:26px 14px 46px;background:linear-gradient(160deg,#08323f,#02121a 70%);border:2px solid var(--holo);box-shadow:0 0 34px color-mix(in srgb,var(--holo) 38%,transparent),inset 0 0 28px #0009,inset 0 2px color-mix(in srgb,var(--holo) 40%,transparent)}.phone-antenna{position:absolute;top:-16px;right:30px;width:7px;height:20px;border-radius:4px 4px 0 0;background:var(--holo);box-shadow:0 0 10px var(--holo)}.phone-speaker{position:absolute;top:12px;left:50%;transform:translate(-50%);width:44px;height:5px;border-radius:3px;background:color-mix(in srgb,var(--holo) 45%,transparent)}.phone-home-btn{position:absolute;bottom:11px;left:50%;transform:translate(-50%);width:30px;height:30px;border-radius:50%;border:2px solid color-mix(in srgb,var(--holo) 60%,transparent);background:#38e8ff14;cursor:pointer}.phone-home-btn:hover{background:color-mix(in srgb,var(--holo) 22%,transparent)}.phone-screen{position:relative;flex:1;overflow:hidden;border-radius:14px;padding:10px;background:radial-gradient(circle at 50% 16%,#062835,#02141d);border:1px solid color-mix(in srgb,var(--holo) 50%,transparent);box-shadow:inset 0 0 22px #38e8ff24;font-family:ui-monospace,Courier New,monospace;color:#bdf0ff}.phone-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0 2px,color-mix(in srgb,var(--holo) 9%,transparent) 3px,transparent 4px);mix-blend-mode:screen}.phone-status{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;letter-spacing:.1em;opacity:.8;padding-bottom:8px;border-bottom:1px solid color-mix(in srgb,var(--holo) 25%,transparent)}.phone-view{position:absolute;inset:46px 10px 10px}.phone-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.app{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;aspect-ratio:1 / 1;border-radius:14px;cursor:pointer;font-family:inherit;font-size:.72rem;letter-spacing:.08em;color:#d6f7ff;background:#38e8ff0f;border:1px solid color-mix(in srgb,var(--holo) 40%,transparent);transition:transform .12s ease,background .15s ease,box-shadow .15s ease}.app:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--holo) 18%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--holo) 35%,transparent)}.app-ic{font-size:1.8rem;line-height:1;filter:drop-shadow(0 0 6px var(--holo))}.phone-tag{text-align:center;font-size:.66rem;opacity:.5;margin-top:18px;letter-spacing:.15em}.phone-back{background:none;border:none;color:#8fdcef;font:inherit;font-size:.75rem;cursor:pointer;padding:0;margin-bottom:12px}.phone-back:hover{color:var(--holo)}.app-screen{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding-top:12px}.album{width:92px;height:92px;display:grid;place-items:center;border-radius:12px;font-size:1.9rem;font-weight:700;color:#ffe;background:radial-gradient(circle at 40% 35%,#ff8a3a,#c01717);box-shadow:0 0 22px #ff5a2899}.track{font-size:.8rem;opacity:.85;margin:0}.big-btn{width:100%;padding:.7rem;border-radius:10px;cursor:pointer;font:inherit;font-size:.85rem;letter-spacing:.05em;color:#d6f7ff;background:#38e8ff14;border:1px solid var(--holo);transition:background .15s ease,transform .05s ease}.big-btn:hover{background:color-mix(in srgb,var(--holo) 20%,transparent)}.big-btn:active{transform:scale(.98)}.big-btn.on,.big-btn.flash{background:var(--holo);color:#00222c;font-weight:700}.soon{font-size:.66rem;opacity:.5;margin:0}.fortune-out{font-size:.78rem;line-height:1.5;opacity:.9;margin:4px 0 0}.phone-toggle{position:fixed;right:16px;bottom:18px;z-index:61;width:54px;height:54px;border-radius:16px;border:1px solid var(--holo);background:color-mix(in srgb,var(--holo) 14%,transparent);color:#eaf7ff;font-size:1.5rem;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 18px color-mix(in srgb,var(--holo) 35%,transparent);transition:transform .15s ease,background .15s ease}.phone-toggle:hover{transform:translateY(-2px)}.pong-btn{position:fixed;top:14px;left:14px;z-index:50;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:999px;border:1px solid var(--holo);background:color-mix(in srgb,var(--holo) 12%,transparent);color:#eaf7ff;font:inherit;font-size:.85rem;letter-spacing:.03em;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s ease,border-color .6s ease}.pong-btn:hover{background:color-mix(in srgb,var(--holo) 24%,transparent)}body.pong-open{overflow:hidden}.pong-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 28%,#07212ef7,#02060cfc);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pong-overlay[hidden]{display:none}.pong-ui{position:relative;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem;max-width:96vw}.pong-close{position:absolute;top:-.2rem;right:-.2rem;width:38px;height:38px;border-radius:50%;border:1px solid rgba(56,232,255,.4);background:#38e8ff0f;color:#cdeefb;font-size:1rem;cursor:pointer;z-index:2}.pong-score{display:flex;align-items:center;gap:.6rem;font-size:1rem;letter-spacing:.05em}.pong-score .num{font-size:1.7rem;font-weight:700;min-width:1.2em;text-align:center;text-shadow:0 0 12px var(--holo)}.pong-score .lbl{opacity:.65;font-size:.78rem}.pong-score .dash{opacity:.5}.pong-stage{display:flex;align-items:center;justify-content:center;gap:.8rem;width:min(480px,92vw);height:184px}.pong-head-slot{flex:0 0 auto;height:180px;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;transition:transform .08s linear}.pong-head-slot .holo-stage{width:150px!important;height:180px!important}.pong-say{flex:0 1 230px;max-width:240px;align-self:center;font-size:.95rem;padding:.8rem 1rem}.pong-field{width:min(480px,92vw);height:min(54vh,600px)}#pong-canvas{display:block;width:100%;height:100%;border:1px solid color-mix(in srgb,var(--holo) 50%,transparent);border-radius:14px;box-shadow:0 0 28px color-mix(in srgb,var(--holo) 28%,transparent),inset 0 0 30px #38e8ff0d;background:#020a1080;touch-action:none;cursor:none}.pong-hint{margin:.25rem 0 0;font-size:.8rem;opacity:.6;text-align:center}.yt-hidden{position:fixed;left:-9999px;top:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.red-sun{position:fixed;top:-150px;left:-150px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#ffe08a,#ff7a2a 34%,#e01b1b 62%,#e01b1b00 72%);opacity:0;transform:translate(-40px,-40px) scale(.6);transition:opacity 1.2s ease,transform 1.6s cubic-bezier(.2,.8,.2,1);pointer-events:none;z-index:0;animation:sun-pulse 5s ease-in-out infinite}body.anthem .red-sun{opacity:1;transform:translate(70px,70px) scale(1)}@keyframes sun-pulse{0%,to{filter:blur(2px) drop-shadow(0 0 50px #ff3b30)}50%{filter:blur(2px) drop-shadow(0 0 95px #ff5a2a)}}@media(prefers-reduced-motion:reduce){.red-sun{animation:none}}.title{margin:0;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:700;letter-spacing:.04em;text-shadow:0 0 12px var(--holo)}.title span{opacity:.6;font-weight:400;font-size:.6em}.subtitle{margin:0;opacity:.8;min-height:1.4em}.chat{display:flex;gap:.5rem;width:100%;max-width:460px;margin-top:.5rem}.chat input{flex:1;padding:.75rem 1rem;border-radius:999px;border:1px solid rgba(56,232,255,.4);background:#38e8ff0f;color:inherit;font-size:1rem;outline:none}.chat input:focus{border-color:var(--holo);box-shadow:0 0 0 3px #38e8ff2e}.chat button{padding:.75rem 1.4rem;border-radius:999px;border:none;background:var(--holo);color:#00222c;font-weight:700;font-size:1rem;cursor:pointer;transition:filter .15s,transform .05s}.chat button:hover{filter:brightness(1.1)}.chat button:active{transform:scale(.97)}.chat button:disabled{opacity:.5;cursor:wait}.stage-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(.5rem,3vw,2rem);width:100%}.stage-row .holo-stage{flex:0 0 auto}.speech{position:relative;flex:1 1 240px;max-width:340px;align-self:center;margin:0;padding:1.2rem 1.5rem;font-size:1.1rem;line-height:1.55;text-align:left;color:#eafaff;background:#38e8ff14;border:2px solid var(--holo);border-radius:42px 42px 42px 12px/38px 38px 30px 30px;box-shadow:0 0 16px #38e8ff80,0 0 44px #0a8fae59,inset 0 0 20px #38e8ff1f;text-shadow:0 0 8px rgba(56,232,255,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:speech-in .28s ease-out,speech-bob 5s ease-in-out infinite}.speech:empty{display:none}.speech:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(56,232,255,.1) 3px,transparent 4px);mix-blend-mode:screen;animation:scan 6s linear infinite}@keyframes speech-in{0%{opacity:0;transform:translateY(6px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes speech-bob{0%,to{transform:translateY(-4px)}50%{transform:translateY(4px)}}@keyframes scan{0%{background-position-y:0}to{background-position-y:100px}}@media(max-width:560px){.speech{flex-basis:100%;max-width:90%;padding:.9rem 1.2rem;font-size:1rem}}@media(prefers-reduced-motion:reduce){.speech{animation:speech-in .28s ease-out}.speech:after{animation:none}}.table{margin-top:auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-top:1.5rem}.table-surface{position:relative;width:min(560px,94vw);height:96px;display:flex;align-items:center;justify-content:center;gap:1.5rem;border-radius:16px 16px 10px 10px;border-top:2px solid var(--holo);background:linear-gradient(180deg,color-mix(in srgb,var(--holo) 16%,transparent),transparent 78%);box-shadow:0 -8px 34px color-mix(in srgb,var(--holo) 26%,transparent),inset 0 1px 0 var(--holo);transition:border-color .6s ease,box-shadow .6s ease,background .6s ease}.table-surface:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 30px,color-mix(in srgb,var(--holo) 14%,transparent) 30px 31px);-webkit-mask:linear-gradient(180deg,transparent,#000 65%);mask:linear-gradient(180deg,transparent,#000 65%);opacity:.45}.item{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:0;border:none;background:none;color:#cdeefb;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .12s ease}.item:hover{transform:translateY(-3px)}.item:active{cursor:grabbing;transform:translateY(-1px) scale(.97)}.tobacco-pile{width:86px;height:50px;border-radius:50% 50% 46% 46%/64% 64% 40% 40%;background:radial-gradient(ellipse at 38% 32%,#e0a85a,#b87a32 38%,#6e4a1e);box-shadow:0 0 16px #d696468c,inset 0 -7px 10px #00000073,inset 0 4px 6px #ffdca059;animation:tobacco-breathe 4s ease-in-out infinite}@keyframes tobacco-breathe{0%,to{box-shadow:0 0 16px #d6964680,inset 0 -7px 10px #00000073,inset 0 4px 6px #ffdca059}50%{box-shadow:0 0 24px #d69646cc,inset 0 -7px 10px #00000073,inset 0 4px 6px #ffdca073}}.item-label{font-size:.78rem;letter-spacing:.04em;opacity:.75}.table-hint{margin:0;font-size:.82rem;opacity:.55;text-align:center;transition:opacity .4s ease}.pinch{position:fixed;left:0;top:0;width:36px;height:32px;border-radius:50% 50% 46% 46%/62% 62% 42% 42%;background:radial-gradient(ellipse at 40% 34%,#e6ad5c,#b67a30 42%,#5e3f19);box-shadow:0 0 12px #d69646cc,inset 0 -4px 6px #0006;pointer-events:none;z-index:9999;will-change:transform;transform:translate(-200px,-200px)}@media(prefers-reduced-motion:reduce){.tobacco-pile{animation:none}}.sc-pill{color:#ffe08a}.toast{position:fixed;right:40px;bottom:calc(86px + min(540px,78vh));z-index:131;font-family:ui-monospace,Courier New,monospace;font-size:.95rem;font-weight:700;letter-spacing:.06em;color:#54ff8a;text-shadow:0 0 8px #25ff66,0 0 3px #25ff66;white-space:nowrap;opacity:0;pointer-events:none}.toast.show{animation:sc-pop 1.8s ease-out forwards}@keyframes sc-pop{0%{opacity:0;transform:translateY(8px) scale(.92)}14%{opacity:1;transform:translateY(0) scale(1)}65%{opacity:1;transform:translateY(-14px)}to{opacity:0;transform:translateY(-36px)}}@media(prefers-reduced-motion:reduce){.toast.show{animation:none;opacity:1}}.shop-pack-art{width:96px;height:132px;display:grid;place-items:center;border-radius:10px;text-align:center;line-height:1.1;font-weight:700;font-size:1.15rem;color:#ffe;background:linear-gradient(160deg,#ff8a3a,#c01717);border:1px solid rgba(255,200,120,.6);box-shadow:0 0 22px #ff5a2880,inset 0 0 18px #0000004d}.shop-pack-art small{font-size:.7rem;opacity:.85}.cards-screen{width:100%}.cards-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:300px;overflow-y:auto;padding:2px}.mini{aspect-ratio:3 / 4;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:8px;cursor:pointer;font-size:.58rem;color:#eaf7ff;border:1px solid var(--rar, rgba(56, 232, 255, .4));background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--rar, #46c8ff) 30%,transparent),#020f1699)}.mini-ic{font-size:1.3rem}.mini-n{position:absolute;bottom:3px;right:4px;font-size:.55rem;opacity:.85}.mini.locked{border-style:dashed;border-color:#78aabe4d;background:#ffffff05;color:#96c8dc66;font-size:1.2rem;cursor:default}.tcard{width:200px;aspect-ratio:2.5 / 3.5;position:relative;overflow:hidden;padding:8px;display:flex;flex-direction:column;gap:6px;border-radius:12px;color:#0a1b20;font-family:ui-monospace,Courier New,monospace;background:linear-gradient(180deg,hsl(var(--hue) 70% 78%),hsl(var(--hue) 58% 60%));border:3px solid var(--rar, #ffce4d);box-shadow:0 8px 26px #00000080}.tcard-top{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:.8rem}.tcard-hp{color:#a11;font-size:.68rem}.tcard-art{flex:1;border-radius:8px;overflow:hidden;border:1px solid rgba(0,0,0,.25);box-shadow:inset 0 0 14px #0000004d}.tcard-art .art-svg{width:100%;height:100%;display:block}.tcard-name{display:flex;flex-direction:column;line-height:1.05;text-align:left}.tcard-name b{font-size:.84rem}.tcard-name i{font-style:normal;font-size:.56rem;opacity:.7}.tcard-en{font-size:.6rem;text-align:center;opacity:.82;letter-spacing:.02em}.tcard-move{background:#ffffff9e;border-radius:6px;padding:4px 7px}.mv-head{display:flex;align-items:center;gap:4px}.mv-head b{font-size:.7rem}.mv-head i{font-style:normal;font-size:.54rem;opacity:.65}.mv-dmg{margin-left:auto;font-weight:800;font-size:.82rem;color:#b01818}.mv-en{display:block;font-size:.55rem;font-weight:700;opacity:.68}.mv-desc{display:block;font-size:.56rem;line-height:1.25;opacity:.85}.tcard-foot{text-align:right;font-size:.56rem;font-weight:700;color:color-mix(in srgb,var(--rar, #caa) 70%,#333)}.tcard-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%);mix-blend-mode:screen;opacity:0}.rarity-rare .tcard-shine{opacity:.7;animation:shine 4s linear infinite}.rarity-epic .tcard-shine,.rarity-legendary .tcard-shine{opacity:1;animation:shine 3s linear infinite}@keyframes shine{0%{transform:translate(-65%)}to{transform:translate(65%)}}.pack-overlay{position:fixed;inset:0;z-index:110;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#07212ef7,#02060cfc);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pack-overlay[hidden]{display:none}.pack-stage,.pack-wrap{display:flex;flex-direction:column;align-items:center;gap:1.2rem}.pack-wrap[hidden]{display:none}.pack{position:relative;width:200px;height:300px;cursor:grab;touch-action:none;filter:drop-shadow(0 10px 30px rgba(0,0,0,.6))}.pack-top,.pack-bottom{position:absolute;left:0;right:0;display:grid;place-items:center;background:linear-gradient(160deg,#ff8a3a,#c01717);color:#ffe;font-weight:700;border:2px solid rgba(255,200,120,.6)}.pack-top{top:0;height:30%;border-radius:12px 12px 0 0;font-size:1.7rem;transform:translateY(calc(var(--tear, 0) * -10px)) rotate(calc(var(--tear, 0) * -1deg));transition:transform .1s linear}.pack-bottom{top:30%;bottom:0;border-radius:0 0 12px 12px;font-size:.72rem;align-items:start;padding-top:10px}.pack-cut{position:absolute;left:0;top:30%;height:3px;transform:translateY(-1.5px);width:calc(var(--tear, 0) * 100%);background:#fff;box-shadow:0 0 12px #fff,0 0 22px var(--holo)}.pack-wrap.torn .pack-top{transform:translateY(-230px) rotate(-14deg);opacity:0;transition:transform .5s ease,opacity .5s ease}.pack-wrap.torn .pack-cut{opacity:0}.pack-hint{font-size:.85rem;opacity:.7;text-align:center;max-width:250px;margin:0}.reveal{display:flex;flex-direction:column;align-items:center;gap:1.1rem}.reveal[hidden]{display:none}.pack-done{width:auto;padding:.6rem 1.6rem}.reveal-slot{width:200px;height:280px;perspective:1000px;cursor:pointer}.flipper{width:100%;height:100%}.flip-inner{position:relative;width:100%;height:100%;transition:transform .55s;transform-style:preserve-3d}.reveal-slot.flipped .flip-inner{transform:rotateY(180deg)}.flip-back,.flip-front{position:absolute;inset:0;display:grid;place-items:center;border-radius:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-back{font-size:4rem;background:linear-gradient(160deg,#07303d,#02141c);border:3px solid var(--holo);box-shadow:inset 0 0 26px #38e8ff33}.flip-front{transform:rotateY(180deg)}.flip-front .tcard{width:100%;height:100%}.cardzoom{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;background:#02060cd9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:zoom-out}.cardzoom[hidden]{display:none}.zoom-card .tcard{width:min(300px,80vw)}