:root{color-scheme:dark;font-family:CardPk CJK Pixel,PingFang SC,Microsoft YaHei,sans-serif;--cyan: #42f6ff;--cyan-soft: #bafcff;--pink: #ff3bc8;--red: #ff426f;--gold: #ffc957;--ivory: #fff3cd;--ink: #05030d;--panel: rgba(7, 5, 24, .9);--panel-soft: rgba(14, 10, 42, .78);--timer-progress: 360deg}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 34%,rgba(110,31,193,.42),transparent 35%),linear-gradient(135deg,#02040c,#0b061d 45%,#03030a)}button{font:inherit}.game-shell{position:relative;width:min(100vw,calc(100vh * 195 / 422));height:min(100vh,calc(100vw * 422 / 195));max-width:520px;margin:auto;overflow:hidden;isolation:isolate;background:#070312;border-inline:1px solid rgba(92,237,255,.32);box-shadow:0 0 90px #5d1ccd7a,0 0 0 1px #ff49c92e}.game-canvas,.game-canvas canvas,.scanlines{position:absolute!important;inset:0;width:100%!important;height:100%!important}.game-canvas canvas{image-rendering:pixelated}.scanlines{z-index:50;pointer-events:none;opacity:.13;background:linear-gradient(90deg,rgba(255,57,200,.11),transparent 7%,transparent 93%,rgba(66,246,255,.1)),repeating-linear-gradient(0deg,transparent 0 3px,rgba(2,1,8,.62) 4px);mix-blend-mode:multiply}.battle-hud{position:absolute;z-index:24;left:2.4%;top:1.15%;width:95.2%;height:8.1%;display:grid;grid-template-columns:minmax(0,1fr) clamp(44px,13vw,64px) minmax(0,1fr);align-items:center;gap:1.2%;opacity:0;transform:translateY(-12px);transition:opacity .28s ease,transform .28s ease}.battle-active .battle-hud{opacity:1;transform:none}.fighter{position:relative;min-width:0;height:76%;display:flex;align-items:center;gap:.42em;padding:0 .5em;color:#fff;background:linear-gradient(100deg,#050d21f5,#0f2243e0);border:1px solid rgba(66,246,255,.72);box-shadow:inset 0 0 16px #21b8ed2e,0 3px 12px #00000085;clip-path:polygon(0 0,93% 0,100% 50%,93% 100%,0 100%)}.fighter--self{justify-content:flex-end;background:linear-gradient(260deg,#1c0522f7,#440d48e0);border-color:#ff3bc8bf;clip-path:polygon(7% 0,100% 0,100% 100%,7% 100%,0 50%)}.fighter__avatar{flex:0 0 auto;width:2em;height:2em;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan-soft);background:#07172d;box-shadow:inset 0 0 8px #42f6ff59;transform:rotate(45deg);font-size:clamp(7px,1.9vw,10px)}.fighter__avatar:first-letter{transform:rotate(-45deg)}.fighter__avatar--self{border-color:var(--pink);color:#ffd9f4;background:#260825}.fighter__identity{min-width:0;display:grid;line-height:1.08}.fighter__identity small{color:#7cdce7;font-size:clamp(6px,1.55vw,8px);letter-spacing:.14em}.fighter--self .fighter__identity{text-align:right}.fighter--self .fighter__identity small{color:#f899da}.fighter__identity b{overflow:hidden;color:#f8fbff;font-size:clamp(8px,2.15vw,12px);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.fighter>strong{margin-left:auto;color:var(--gold);font-family:CardPk Display Pixel,monospace;font-size:clamp(15px,4.6vw,24px);line-height:1;text-shadow:0 0 9px rgba(255,201,87,.65)}.fighter--self>strong{margin:0 0 0 .35em;order:-1}.turn-clock{position:relative;width:100%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--cyan) var(--timer-progress),rgba(37,55,81,.82) 0);filter:drop-shadow(0 0 6px rgba(66,246,255,.55))}.turn-clock:before{content:"";position:absolute;inset:3px;border-radius:inherit;background:radial-gradient(circle,#151342,#080617 72%);border:1px solid rgba(255,255,255,.18)}.turn-clock--enemy{background:conic-gradient(var(--pink) var(--timer-progress),rgba(65,35,72,.82) 0);filter:drop-shadow(0 0 6px rgba(255,59,200,.58))}.turn-clock__core{position:relative;display:grid;place-items:center;line-height:.82}.turn-clock__core strong{color:#fff;font-family:CardPk Display Pixel,monospace;font-size:clamp(15px,4.5vw,23px)}.turn-clock__core small{margin-top:.35em;color:#8ce8ed;font-size:clamp(6px,1.4vw,8px)}.turn-clock.urgent{background:conic-gradient(var(--gold) var(--timer-progress),rgba(69,37,31,.85) 0);animation:timer-warning .72s steps(2,end) infinite}.turn-clock.expired{background:var(--red)}.round-strip{position:absolute;z-index:23;top:9.15%;left:19%;width:62%;height:3.45%;display:flex;align-items:center;justify-content:center;gap:5%;color:#97d8e4;font-size:clamp(6px,1.75vw,9px);letter-spacing:.08em;opacity:0;transform:translateY(-5px);transition:opacity .28s ease .06s,transform .28s ease .06s}.battle-active .round-strip{opacity:1;transform:none}.round-strip i{width:1px;height:50%;background:#8bebff59}.round-strip b,.round-strip strong{color:#fff}.round-strip strong{color:var(--gold)}.global-marquee{--marquee-accent: var(--cyan);--marquee-duration: 8s;position:absolute;z-index:70;left:3%;top:12.65%;width:94%;height:3.35%;display:grid;grid-template-columns:17% minmax(0,1fr);align-items:stretch;overflow:hidden;color:#effeff;background:linear-gradient(90deg,#030c1dfa,#080f25f0 70%,#1a051cf5);border:1px solid color-mix(in srgb,var(--marquee-accent) 70%,transparent);box-shadow:0 3px 12px #000000c2,inset 0 0 12px color-mix(in srgb,var(--marquee-accent) 12%,transparent),0 0 8px color-mix(in srgb,var(--marquee-accent) 22%,transparent);pointer-events:none}.global-marquee:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,rgba(255,255,255,.08) 50%,transparent 55%);transform:translate(-100%);animation:marquee-glint 2.4s ease-in-out infinite;pointer-events:none}.global-marquee[data-category=EVENT]{--marquee-accent: var(--gold);background:linear-gradient(90deg,#1e1005fa,#180823f2 72%,#2c0523f5)}.global-marquee[data-category=WARNING]{--marquee-accent: #ff754d;background:linear-gradient(90deg,#2e0709fa,#200515f5)}.global-marquee[data-priority=URGENT]{border-width:2px;box-shadow:0 3px 13px #000c,0 0 12px color-mix(in srgb,var(--marquee-accent) 42%,transparent)}.global-marquee__label{position:relative;z-index:1;display:grid;place-items:center;color:#080510;background:var(--marquee-accent);font-size:clamp(6px,1.55vw,8px);letter-spacing:.12em;text-shadow:0 1px rgba(255,255,255,.3);clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%)}.global-marquee__viewport{min-width:0;display:block;overflow:hidden;align-self:center}.global-marquee__track{display:inline-block;min-width:max-content;padding-left:100%;white-space:nowrap;will-change:transform}.global-marquee__track.running{animation:marquee-travel var(--marquee-duration) linear both}.global-marquee__track>span{padding-inline:1.2em 2.4em;color:#fff8df;font-size:clamp(7px,1.8vw,10px);font-weight:800;letter-spacing:.08em;text-shadow:0 0 6px color-mix(in srgb,var(--marquee-accent) 64%,transparent)}.global-marquee.reduced-motion .global-marquee__viewport{display:grid;place-items:center}.global-marquee.reduced-motion .global-marquee__track{padding-left:0}.global-marquee.reduced-motion .global-marquee__track.running{animation:marquee-reduced var(--marquee-duration) ease both}.marquee-active .emote-bubble{top:16.55%}.marquee-active .emote-picker{top:17.1%}.emote-bubble{position:absolute;z-index:57;top:12.35%;min-width:16%;max-width:34%;padding:.38em .66em;display:flex;align-items:center;justify-content:center;gap:.38em;color:#fff;background:#020816f5;border:1px solid rgba(105,242,255,.78);box-shadow:0 5px 14px #000000b8,0 0 9px #42f6ff47;opacity:0;transform:translateY(-5px) scale(.86);pointer-events:none}.emote-bubble--enemy{left:13%}.emote-bubble--self{right:13%;border-color:#ff53cfd1;background:#1c041df5;box-shadow:0 5px 14px #000000b8,0 0 9px #ff3bc84d}.emote-bubble b{font-size:clamp(11px,3.6vw,18px);line-height:1}.emote-bubble span{overflow:hidden;font-size:clamp(7px,1.9vw,10px);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.emote-bubble.visible{animation:emote-pop .18s cubic-bezier(.16,.85,.28,1.25) forwards}.phase-callout{position:absolute;z-index:19;left:50%;top:36.2%;min-width:48%;max-width:78%;padding:.48em 1.2em .58em;display:grid;justify-items:center;color:#fff;background:linear-gradient(90deg,transparent,rgba(4,21,37,.9) 16%,rgba(4,21,37,.9) 84%,transparent);border-block:1px solid rgba(66,246,255,.42);opacity:0;transform:translate(-50%,-50%) scale(.94);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.phase-callout.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.phase-callout--enemy{border-color:#ff3bc873;background:linear-gradient(90deg,transparent,rgba(38,5,38,.9) 16%,rgba(38,5,38,.9) 84%,transparent)}.phase-callout small{color:var(--cyan);font-family:CardPk Display Pixel,monospace;font-size:clamp(6px,1.55vw,8px);letter-spacing:.12em}.phase-callout--enemy small{color:#ff8ddd}.phase-callout strong{margin-top:.25em;font-size:clamp(9px,2.5vw,13px);letter-spacing:.08em;text-shadow:0 0 8px rgba(255,255,255,.24)}.opponent-aim-indicator{position:absolute;z-index:20;left:50%;top:42.2%;display:flex;align-items:center;gap:.55em;padding:.36em .72em;color:#ffc7eb;background:#1e031ed1;border:1px solid rgba(255,59,200,.48);font-size:clamp(7px,1.9vw,10px);opacity:0;transform:translate(-50%,-6px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.opponent-aim-indicator.visible{opacity:1;transform:translate(-50%)}.opponent-aim-indicator i{width:.72em;height:.72em;border:1px solid var(--pink);border-radius:50%;box-shadow:0 0 8px var(--pink);animation:aim-beacon .9s ease-in-out infinite}.aim-coach{position:absolute;z-index:22;left:4.2%;top:34.5%;width:91.6%;min-height:12.6%;display:grid;grid-template-columns:.92fr 1fr 1.42fr;align-items:stretch;color:#effeff;background:linear-gradient(100deg,#020c18f5,#0d0823f5 56%,#1c071bf5);border:1px solid rgba(110,244,255,.58);box-shadow:0 8px 22px #0000009e,inset 0 0 18px #42f6ff12;opacity:0;transform:translateY(-5px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.aim-coach.visible{opacity:1;transform:none}.aim-coach>div{min-width:0;padding:.48em .58em;display:flex;flex-direction:column;justify-content:center}.aim-coach>div+div{border-left:1px solid rgba(119,229,247,.2)}.aim-coach small{color:#75edf5;font-size:clamp(5px,1.45vw,7px);letter-spacing:.08em}.aim-coach b{overflow:hidden;color:#fff;font-size:clamp(8px,2.2vw,11px);line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.aim-coach span,.aim-coach strong{overflow:hidden;color:#aacbd3;font-size:clamp(5px,1.5vw,7px);font-weight:500;line-height:1.28;text-overflow:ellipsis;white-space:nowrap}.aim-coach__skill b{color:var(--gold);font-family:CardPk Display Pixel,monospace}.aim-coach__power small{display:flex;align-items:baseline;gap:.12em}.aim-coach__power small b{margin-left:auto;color:#fff2b8;font-family:CardPk Display Pixel,monospace;font-size:clamp(11px,3vw,15px)}.aim-coach__power>i{height:4px;margin:.22em 0;overflow:hidden;background:#171c31;border:1px solid rgba(255,255,255,.12)}.aim-coach__power>i em{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--gold) 64%,var(--pink));box-shadow:0 0 7px var(--cyan);transition:width .06s linear}.aim-coach__power strong{color:#ffc8ec}.aim-coach__target b{color:#fff4d0}.aim-coach__target strong{color:#ffb7df}.input-zone{position:absolute;z-index:15;touch-action:none;pointer-events:none}.input-zone.active{pointer-events:auto}.input-zone--aim{left:12.82%;top:15.64%;width:74.36%;height:17.54%;cursor:crosshair}.input-zone--strike{left:4.1%;top:72.99%;width:91.8%;height:25.12%}.input-zone--strike.active{border:1px solid rgba(255,71,215,.4);background:linear-gradient(180deg,transparent,rgba(186,30,230,.13));box-shadow:inset 0 -20px 36px #77148e29}.strike-rune{position:absolute;left:50%;bottom:4%;transform:translate(-50%);color:#ffd1f4;font-size:clamp(8px,2.25vw,12px);letter-spacing:.18em;opacity:0;text-shadow:0 0 9px var(--pink);white-space:nowrap}.input-zone--strike.active .strike-rune{opacity:.86;animation:soft-pulse 1s steps(2,end) infinite}.reticle{position:absolute;width:12.414%;aspect-ratio:1;transform:translate(-50%,-50%);opacity:0;border:2px solid #fff2c7;border-radius:50%;box-shadow:0 0 12px var(--cyan),inset 0 0 8px #42f6ff9e;pointer-events:none}.reticle:before,.reticle:after{content:"";position:absolute;background:var(--pink);box-shadow:0 0 6px var(--pink)}.reticle:before{width:166.667%;height:2px;left:50%;top:50%;transform:translate(-50%,-50%)}.reticle:after{width:166.667%;height:2px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg)}.reticle.visible{opacity:1}.reticle__coverage{position:absolute;z-index:-2;left:50%;top:50%;transform:translate(-50%,-50%);border:1px dashed rgba(255,213,106,.82);border-radius:50%;background:#ffcc4e0b;box-shadow:0 0 10px #ffc95724}.reticle__direction{position:absolute;z-index:-1;left:50%;top:50%;width:var(--direction-length, 0);height:3px;transform:translateY(-50%) rotate(var(--aim-direction, 0rad));transform-origin:left center;opacity:0;background:linear-gradient(90deg,#fff,var(--cyan),var(--gold));box-shadow:0 0 7px var(--cyan)}.reticle__direction:after{content:"";position:absolute;right:-2px;top:-4px;border-left:7px solid var(--gold);border-top:4px solid transparent;border-bottom:4px solid transparent}.reticle.charged .reticle__direction{opacity:.94}.reticle__dot{position:absolute;z-index:2;left:50%;top:50%;width:18%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.strike-arrow{position:absolute;left:50%;top:62%;width:var(--strike-length, 0);height:4px;transform-origin:left center;transform:rotate(var(--strike-angle, 0));opacity:0;background:linear-gradient(90deg,white,var(--cyan),var(--pink));box-shadow:0 0 12px var(--cyan)}.strike-arrow:after{content:"";position:absolute;right:-2px;top:-6px;border-left:10px solid var(--pink);border-top:7px solid transparent;border-bottom:7px solid transparent}.strike-arrow.visible{opacity:1}.hand{position:absolute;z-index:18;left:13%;bottom:3.7%;width:74%;height:17%;display:flex;justify-content:center;align-items:flex-end;gap:3%;pointer-events:none}.hand-card{position:relative;width:31%;aspect-ratio:44 / 58;padding:0;pointer-events:auto;border:2px solid #ffe39a;border-radius:8%;color:#fff;background:#02040c var(--card-image) center / contain no-repeat;box-shadow:inset 0 0 0 1px #0d0418f5,inset 0 0 13px #ffc95729;filter:drop-shadow(0 8px 6px rgba(0,0,7,.98));transform-origin:center bottom;transition:transform .16s ease,filter .16s ease,opacity .16s ease}.hand-card:nth-child(1){transform:rotate(-4deg) translateY(2%)}.hand-card:nth-child(3){transform:rotate(4deg) translateY(2%)}.hand-card:not(:disabled):hover,.hand-card:not(:disabled):focus-visible{transform:translateY(-14%) scale(1.08);border-color:var(--cyan);filter:drop-shadow(0 0 9px var(--cyan));outline:0}.hand-card:disabled{pointer-events:none;opacity:.72}.hand-card.pending{transform:translateY(-18%) scale(1.08);filter:drop-shadow(0 0 11px var(--pink));opacity:1}.hand-card span,.hand-card small{position:absolute;left:6%;right:6%;color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000;font-weight:800}.hand-card span{bottom:9%;font-size:clamp(8px,2.4vw,13px)}.hand-card small{top:8%;left:auto;right:8%;width:1.75em;height:1.75em;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold);background:#07041ce0;font-size:clamp(7px,1.9vw,10px)}.toast{position:absolute;z-index:19;left:50%;top:69.2%;transform:translate(-50%,-50%);max-width:84%;padding:.5em 1em;color:#dbfcff;font-size:clamp(8px,2.15vw,11px);letter-spacing:.05em;text-align:center;white-space:nowrap;background:linear-gradient(90deg,transparent,rgba(5,7,25,.92) 12%,rgba(5,7,25,.92) 88%,transparent);border-block:1px solid rgba(86,222,255,.34);opacity:0}.battle-active .toast{opacity:.96}.impact-score{position:absolute;z-index:44;left:50%;top:37%;transform:translate(-50%,-50%) scale(.25) rotate(-8deg);opacity:0;color:#fff9ca;font-family:CardPk Display Pixel,Impact,sans-serif;font-size:clamp(44px,18vw,92px);text-shadow:4px 3px 0 var(--pink),-3px -2px 0 var(--cyan),0 0 20px white;pointer-events:none}.impact-score.burst{animation:score-burst .82s cubic-bezier(.12,.76,.25,1) both}.icon-button{position:absolute;z-index:60;right:2.4%;top:10.1%;width:2.25em;height:2.25em;padding:0;border:1px solid rgba(125,245,255,.48);border-radius:50%;color:#b9f9ff;background:#050519d1;font-size:clamp(8px,2vw,11px);cursor:pointer}.emote-toggle{right:auto;left:2.4%;border-color:#ffc957b8;color:#fff1ba;box-shadow:inset 0 0 8px #ffc95721}.emote-toggle.cooling{color:#ffafd9;border-color:#ff3bc8a8}.emote-picker{position:absolute;z-index:61;left:1.2%;top:14.1%;width:10.8%;padding:.35%;display:grid;gap:3px;background:linear-gradient(180deg,#040c1cf7,#1e051ff7);border:1px solid rgba(255,213,106,.72);box-shadow:5px 7px 16px #000000b8,inset 0 0 12px #ffc95714}.emote-picker button{width:100%;aspect-ratio:1;padding:0;display:grid;place-content:center;gap:1px;border:1px solid rgba(95,235,255,.4);color:#fff;background:#050b1df0;cursor:pointer}.emote-picker button:nth-child(-n+3){border-color:#ff47c27a;background:#1e0520f2}.emote-picker button b{font-size:clamp(10px,3.2vw,16px);line-height:1}.emote-picker button small{color:#d7faff;font-size:clamp(5px,1.35vw,7px);line-height:1;white-space:nowrap}.emote-picker button:not(:disabled):hover,.emote-picker button:not(:disabled):focus-visible{border-color:var(--gold);outline:0;filter:drop-shadow(0 0 5px var(--gold))}.emote-picker button:disabled{opacity:.42;cursor:wait}.emote-picker .emote-mute{margin-top:2px;border-style:dashed;border-color:#aabccd73}.emote-picker .emote-mute.active{color:var(--red);border-color:var(--red);background:#2a0510f5}.chat-incoming{position:absolute;z-index:83;left:3%;bottom:9.5%;width:min(78%,360px);padding:.72em .85em;display:grid;gap:.25em;overflow:hidden;text-align:left;border:1px solid rgba(255,201,87,.78);color:#fff;background:linear-gradient(100deg,#0a1b38fa,#39093cfa);box-shadow:0 7px 20px #000000b8,0 0 12px #ff3bc842;cursor:pointer;animation:chat-panel-in .18s ease-out both}.chat-incoming strong{color:var(--gold);font-size:clamp(7px,1.8vw,10px);letter-spacing:.08em}.chat-incoming span{overflow:hidden;color:#effdff;font-size:clamp(9px,2.25vw,12px);text-overflow:ellipsis;white-space:nowrap}.chat-toggle{position:absolute;z-index:82;left:2.8%;bottom:2.5%;width:clamp(42px,12vw,58px);aspect-ratio:1;display:grid;place-items:center;padding:0;border:1px solid rgba(66,246,255,.8);border-radius:50% 50% 50% 18%;color:#e9feff;background:linear-gradient(145deg,#0a2343fa,#2a0839fa);box-shadow:inset 0 0 12px #42f6ff2e,0 0 12px #21d5f459,0 5px 18px #000000b8;cursor:pointer;transition:transform .18s ease,border-color .18s ease}.chat-toggle:hover,.chat-toggle:focus-visible,.chat-toggle[aria-expanded=true]{transform:translateY(-2px);border-color:var(--gold);outline:0}.chat-toggle span{font-size:clamp(11px,3vw,16px);font-weight:900;text-shadow:0 0 7px var(--cyan)}.chat-toggle i{position:absolute;right:-5px;top:-5px;min-width:1.55em;height:1.55em;padding:0 .35em;display:grid;place-items:center;border:2px solid #0a0618;border-radius:999px;color:#fff;background:var(--red);font-size:clamp(7px,1.8vw,10px);font-style:normal;box-shadow:0 0 8px #ff426fcc}.chat-panel{position:absolute;z-index:81;left:2.4%;bottom:8.8%;width:95.2%;height:54%;min-height:320px;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto auto;overflow:hidden;color:#eefeff;background:linear-gradient(135deg,rgba(66,246,255,.06),transparent 24%),linear-gradient(180deg,#050b1ffb,#130623fc);border:1px solid rgba(66,246,255,.74);clip-path:polygon(10px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 10px);box-shadow:0 0 0 1px #ff3bc82e,0 10px 36px #000000d1,inset 0 0 28px #2f8fff12;transform-origin:left bottom;animation:chat-panel-in .18s ease-out both}.chat-panel__header{min-height:48px;padding:.65em .8em;display:flex;align-items:center;gap:.75em;border-bottom:1px solid rgba(66,246,255,.2);background:linear-gradient(90deg,#0e3656b8,#400b4da8)}.chat-panel__header>span{display:grid;line-height:1.05}.chat-panel__header small{color:var(--cyan);font-family:CardPk Display Pixel,monospace;font-size:clamp(6px,1.4vw,8px);letter-spacing:.16em}.chat-panel__header b{margin-top:.25em;color:#fff;font-size:clamp(11px,3vw,16px);letter-spacing:.12em}.chat-panel__header code{max-width:25em;margin-top:.3em;overflow:hidden;color:#789daf;font-family:monospace;font-size:clamp(6px,1.35vw,8px);text-overflow:ellipsis;white-space:nowrap}.chat-panel__header em{margin-left:auto;padding:.28em .58em;border:1px solid rgba(255,84,121,.52);color:#ff9eb7;font-size:clamp(7px,1.7vw,9px);font-style:normal}.chat-panel__header em.online{border-color:#52ffb880;color:#87ffd1}.chat-panel__header>button{width:2em;height:2em;padding:0;border:0;color:#d8fbff;background:transparent;font-size:1.4em;cursor:pointer}.chat-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#020615b8;border-bottom:1px solid rgba(118,193,227,.18)}.chat-tabs button{position:relative;min-height:37px;border:0;border-bottom:2px solid transparent;color:#8eacbd;background:transparent;font-size:clamp(8px,2.2vw,11px);font-weight:800;cursor:pointer}.chat-tabs button.active{border-color:var(--pink);color:#fff;background:linear-gradient(180deg,#ff3bc81f,#42f6ff0d);text-shadow:0 0 7px rgba(255,59,200,.62)}.chat-tabs button i{position:absolute;top:4px;right:12%;min-width:1.45em;height:1.45em;padding:0 .28em;display:grid;place-items:center;border-radius:999px;color:#fff;background:var(--red);font-size:clamp(6px,1.45vw,8px);font-style:normal;box-shadow:0 0 6px #ff426fb8}.chat-peer-row{padding:.55em .7em;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5em;border-bottom:1px solid rgba(118,193,227,.16);background:#050e23c7}.chat-peer-row label{color:#91e6ee;font-size:clamp(7px,1.7vw,9px);white-space:nowrap}.chat-peer-row input,.chat-compose input{min-width:0;border:1px solid rgba(97,205,232,.35);border-radius:0;outline:0;color:#f5fdff;background:#020716d6;font:inherit}.chat-peer-row input{height:30px;padding:0 .65em;font-size:clamp(8px,2vw,10px)}.chat-peer-row input:focus,.chat-compose input:focus{border-color:var(--cyan);box-shadow:inset 0 0 8px #42f6ff1a}.chat-peer-row button{height:30px;padding:0 .7em;border:1px solid rgba(255,201,87,.54);color:#fff0b5;background:#331c0ab8;font-size:clamp(7px,1.7vw,9px);cursor:pointer}.chat-messages{min-height:0;padding:.75em;overflow:auto;overscroll-behavior:contain;scrollbar-color:rgba(66,246,255,.42) transparent}.chat-message{width:86%;margin:0 0 .65em;padding:.55em .7em;border-left:2px solid var(--cyan);background:#0a1e35bd;box-shadow:3px 3px #0003}.chat-message--mine{margin-left:auto;border-left:0;border-right:2px solid var(--pink);background:#350c39c7}.chat-message header{display:flex;align-items:baseline;justify-content:space-between;gap:.7em}.chat-message header b{overflow:hidden;color:#91f7ff;font-size:clamp(7px,1.8vw,9px);text-overflow:ellipsis;white-space:nowrap}.chat-message--mine header b{color:#ff9ce2}.chat-message time{flex:none;color:#72899b;font-size:clamp(6px,1.45vw,8px)}.chat-message p{margin:.38em 0 0;color:#f2f7fa;font-family:CardPk CJK Pixel,sans-serif;font-size:clamp(9px,2.3vw,12px);line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}.chat-empty{margin:18% auto 0;width:78%;color:#7895a6;font-size:clamp(8px,2vw,10px);line-height:1.6;text-align:center}.chat-status{min-height:1.8em;margin:0;padding:.35em .8em;overflow:hidden;color:#86a8b7;border-top:1px solid rgba(118,193,227,.12);font-size:clamp(7px,1.65vw,9px);text-overflow:ellipsis;white-space:nowrap}.chat-compose{padding:.6em .7em .7em;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55em;background:#030716eb}.chat-compose input{height:38px;padding:0 .8em;font-size:clamp(9px,2.25vw,12px)}.chat-compose button{min-width:4.4em;border:1px solid rgba(255,66,200,.74);color:#fff;background:linear-gradient(135deg,#323fc3,#b622a7);font-size:clamp(8px,2vw,10px);font-weight:800;cursor:pointer;box-shadow:0 0 8px #ff3bc838}.chat-compose button:disabled{filter:grayscale(1);opacity:.42;cursor:default}.chat-open .chat-toggle{border-color:var(--gold);box-shadow:inset 0 0 12px #ffc95733,0 0 14px #ffc95770}.session-conflict{position:absolute;z-index:120;inset:0;display:grid;place-items:center;padding:8%;background:#02020ce0;backdrop-filter:blur(5px)}.session-conflict>div{width:100%;padding:2.2em 1.5em 1.6em;text-align:center;background:linear-gradient(160deg,#19082bfc,#051127fc);border:1px solid rgba(255,66,111,.82);box-shadow:0 0 0 2px #42f6ff1f,0 0 30px #ff248252;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.session-conflict small{color:var(--red);font-family:CardPk Display Pixel,monospace;font-size:clamp(7px,1.8vw,10px);letter-spacing:.12em}.session-conflict h2{margin:.75em 0 .55em;color:#fff4f7;font-size:clamp(18px,5vw,27px);text-shadow:0 0 12px rgba(255,66,111,.58)}.session-conflict p{margin:0 auto 1em;max-width:30em;color:#b8d2dd;font-size:clamp(9px,2.2vw,12px);line-height:1.65}.session-conflict code{display:block;margin-bottom:1.4em;color:var(--cyan);font-family:monospace;font-size:clamp(8px,1.9vw,10px);overflow-wrap:anywhere}.session-conflict button{width:78%;min-height:3.6em}.screen{position:absolute;z-index:45;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10%;text-align:center;background:linear-gradient(180deg,#0204105c,#08051bdb 58%,#03020cfa);transition:opacity .25s ease}.screen:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 32%,rgba(61,236,255,.08),transparent 34%)}.hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.brand-mark{position:relative;margin-top:-31%}.brand-mark:before,.brand-mark:after{content:"";position:absolute;top:45%;width:34%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan))}.brand-mark:before{right:105%}.brand-mark:after{left:105%;transform:scaleX(-1)}.brand-mark span{color:var(--cyan);letter-spacing:.5em;font-size:clamp(11px,3.7vw,20px);text-shadow:0 0 12px var(--cyan)}.brand-mark h1{margin:.09em 0;color:var(--ivory);font-family:CardPk CJK Pixel,serif;font-size:clamp(56px,23vw,120px);line-height:.9;text-shadow:4px 4px 0 #d91bb6,-3px -3px 0 #18dbe8,0 0 24px rgba(215,44,250,.8)}.brand-mark p{color:var(--gold);letter-spacing:.3em;font-size:clamp(8px,2.65vw,14px)}.lobby-actions{position:absolute;left:9%;right:9%;bottom:8.4%;display:grid;gap:.82em}.primary-button,.secondary-button{min-height:3.45em;border:0;color:#fff;font-weight:800;letter-spacing:.12em;cursor:pointer}.primary-button{position:relative;background:linear-gradient(100deg,#303ed8,#c724bf 64%,#ef5a4f);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);box-shadow:0 0 22px #e52dcc7a}.primary-button span,.primary-button small{display:block}.primary-button small{margin-top:.18em;opacity:.72;font-size:.65em}.primary-button:disabled{filter:grayscale(1);opacity:.46;cursor:default}.secondary-button{border:1px solid rgba(81,234,255,.58);color:#d9fcff;background:#040d27e0;box-shadow:inset 0 0 18px #24cdea17}.lobby-actions>small{color:#91c9d5}.screen--matching h2{margin:1em 0 .2em;color:#fff;text-shadow:0 0 11px var(--pink)}.screen--matching p{color:#90dce8}.matching-sigil{width:68px;height:68px;border:3px dotted var(--cyan);border-radius:50%;box-shadow:0 0 20px var(--pink),inset 0 0 18px #761c9c;animation:spin 2s steps(12) infinite}.screen--matching button{width:70%;margin-top:3em}.screen--result p{color:var(--cyan);letter-spacing:.5em}.screen--result h2{margin:.05em;color:#fff0bd;font-size:clamp(80px,30vw,160px);text-shadow:4px 3px 0 var(--pink),-3px -2px 0 var(--cyan)}.screen--result strong{margin-bottom:1em;color:var(--gold);font-size:2em}.screen--result button{width:70%}@keyframes spin{to{transform:rotate(1turn)}}@keyframes soft-pulse{50%{opacity:.4}}@keyframes aim-beacon{50%{transform:scale(1.55);opacity:.38}}@keyframes timer-warning{50%{filter:drop-shadow(0 0 12px var(--gold))}}@keyframes emote-pop{0%{opacity:0;transform:translateY(-5px) scale(.84)}72%{opacity:1;transform:translateY(1px) scale(1.06)}to{opacity:1;transform:none}}@keyframes marquee-travel{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes marquee-glint{0%,58%{transform:translate(-100%);opacity:0}72%{opacity:.7}88%,to{transform:translate(100%);opacity:0}}@keyframes marquee-reduced{0%,to{opacity:0}8%,92%{opacity:1}}@keyframes score-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-12deg)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.24) rotate(4deg)}50%{opacity:1;transform:translate(-50%,-50%) scale(.95) rotate(-2deg)}to{opacity:0;transform:translate(-50%,-72%) scale(1.05)}}@keyframes chat-panel-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@media(max-height:680px)and (orientation:landscape){.game-shell{max-width:315px}.chat-panel{min-height:280px;height:64%}}@media(prefers-reduced-motion:reduce){*:not(.global-marquee__track),*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.global-marquee:after{display:none}}.login-gate{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:radial-gradient(120% 120% at 50% 0%,#180a30f5,#060412fa);backdrop-filter:blur(6px);padding:24px;overflow-y:auto}.login-gate--busy{cursor:progress}.login-gate__panel{width:min(420px,100%);background:#120c26eb;border:1px solid rgba(140,90,240,.35);border-radius:18px;box-shadow:0 24px 80px #0000008c,inset 0 0 40px #7846dc1f;padding:28px 26px;color:#ece7ff}.login-gate__screen{display:flex;flex-direction:column;gap:16px}.login-gate__screen.hidden{display:none}.login-gate__brand{text-align:center;margin-bottom:4px}.login-gate__brand span{font-size:12px;letter-spacing:.3em;color:#a98cff;text-transform:uppercase}.login-gate__brand h1{margin:4px 0 0;font-size:24px;color:#fff}.login-gate__field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#b7abe0}.login-gate__field input{padding:12px 14px;border-radius:10px;border:1px solid rgba(140,100,240,.4);background:#0a061acc;color:#fff;font-size:15px}.login-gate__field input:focus{outline:none;border-color:#9a6bff;box-shadow:0 0 0 3px #9664ff40}.login-gate__error{min-height:18px;margin:0;font-size:13px;color:#ff8a8a}.login-gate__actions{display:flex;gap:12px}.login-gate__actions>button{flex:1}.login-gate__hint{color:#8f83bf;font-size:12px;text-align:center}.login-gate__servers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;max-height:46vh;overflow-y:auto}.login-gate__server{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;padding:12px 14px;border-radius:12px;cursor:pointer;border:1px solid rgba(140,100,240,.28);background:#0c081eb3;transition:border-color .12s,background .12s}.login-gate__server:hover{border-color:#a078ff99}.login-gate__server--selected{border-color:#9a6bff;background:#3c22788c;box-shadow:0 0 0 2px #9664ff4d}.login-gate__server--disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}.login-gate__server--empty{grid-template-columns:1fr;text-align:center;color:#8f83bf;cursor:default}.login-gate__server-name{font-size:15px;color:#fff}.login-gate__server-tag{grid-row:1;justify-self:end;font-size:11px;padding:2px 8px;border-radius:999px;background:#9664ff38;color:#cbb6ff}.login-gate__server-tag[data-tag="3"],.login-gate__server-tag[data-tag="4"]{background:#ff787838;color:#ffb0b0}.login-gate__server-meta{grid-column:1 / -1;font-size:12px;color:#9b8fce}