:root{--bg:#060813;--panel:rgba(14,20,40,.86);--line:rgba(255,255,255,.12);--gold:#f4d48e;--text:#f8f6f0;--muted:#99a4c0;--red:#ff6678;--blue:#69a7ff;--violet:#a782ff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#060813;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}body{min-height:100svh;overflow-x:hidden}.aurora{position:fixed;inset:-30%;background:radial-gradient(circle at 30% 10%,rgba(80,67,166,.34),transparent 28%),radial-gradient(circle at 70% 20%,rgba(33,91,163,.24),transparent 30%),radial-gradient(circle at 50% 70%,rgba(124,57,117,.14),transparent 28%);filter:blur(40px);pointer-events:none}.stars{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px),radial-gradient(circle,#759cff 0 1px,transparent 1.5px);background-position:0 0,28px 47px;background-size:91px 91px,123px 123px;opacity:.2;mask-image:linear-gradient(#000,transparent 90%)}button,input{font:inherit}.screen{display:none;min-height:100svh;padding:calc(16px + env(safe-area-inset-top)) 14px calc(22px + env(safe-area-inset-bottom));max-width:980px;margin:auto}.screen.active{display:block}.hero{text-align:center;padding:7vh 0 22px}.grail{width:72px;height:72px;border:1px solid rgba(244,212,142,.55);border-radius:50%;margin:auto;display:grid;place-items:center;color:var(--gold);font-size:35px;box-shadow:0 0 52px rgba(167,130,255,.42),inset 0 0 28px rgba(244,212,142,.08);animation:float 3.4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-6px);box-shadow:0 0 70px rgba(167,130,255,.52)}}.eyebrow{letter-spacing:.22em;color:var(--gold);font-size:9px;margin:15px 0 5px}.hero h1{font-family:Georgia,"Songti SC",serif;font-size:48px;letter-spacing:.12em;margin:0;text-shadow:0 6px 32px rgba(130,104,222,.55)}.sub{color:var(--muted);font-size:13px}.glass,.panel{background:linear-gradient(180deg,rgba(27,34,67,.88),rgba(10,14,29,.9));border:1px solid var(--line);box-shadow:0 18px 60px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(20px)}.panel{border-radius:25px;padding:18px}.panel label{font-size:11px;color:var(--muted)}input{width:100%;margin-top:7px;border:1px solid var(--line);background:#0b1125;color:#fff;border-radius:14px;padding:13px;outline:none}.mode-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.mode{border:1px solid var(--line);background:#11172d;color:#d6dbec;border-radius:14px;padding:10px}.mode small{display:block;color:var(--muted);font-size:9px}.mode.selected{border-color:rgba(244,212,142,.72);color:var(--gold);box-shadow:inset 0 0 30px rgba(244,212,142,.08)}button{border:0;cursor:pointer}.primary,.secondary{width:100%;border-radius:14px;padding:14px;font-weight:750}.primary{background:linear-gradient(135deg,#f4d993,#b98b3e);color:#171006;box-shadow:0 8px 30px rgba(219,171,82,.23)}.secondary{background:#18213d;color:#fff;border:1px solid var(--line)}.join{display:grid;grid-template-columns:1.6fr .7fr;gap:8px;margin-top:10px}.join input{margin:0}.features{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:12px}.features span{font-size:9px;color:#8f9bb9;background:#0a1020;border:1px solid var(--line);padding:5px 7px;border-radius:999px}.top{display:flex;align-items:center;justify-content:space-between;padding:4px 0 12px}.top>div{text-align:center}.top small{display:block;color:var(--muted);font-size:9px}.top strong{font-size:23px;letter-spacing:.14em}.icon{background:transparent;color:#fff;font-size:25px;width:42px}.badge{font-size:11px;padding:7px 10px;border-radius:999px;background:#181e35;color:var(--gold);border:1px solid var(--line)}.balance-tip{text-align:center;padding:8px 10px;border-radius:12px;background:rgba(244,212,142,.06);border:1px solid rgba(244,212,142,.14);font-size:9px;color:#c9b98e;margin-bottom:8px}.scoreline{display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;text-align:center;margin:4px 0 12px}.scoreline>div{padding:9px;border-radius:13px}.scoreline .red{background:rgba(255,92,112,.1);color:#ff8995}.scoreline .blue{background:rgba(83,147,255,.1);color:#8cbaff}.vs{font-size:9px;color:#68718b}.players{display:grid;grid-template-columns:1fr 1fr;gap:7px}.player-card{display:flex;align-items:center;gap:9px;background:#0d1325;border:1px solid var(--line);padding:9px;border-radius:15px;min-height:58px}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 20%,#8d78cf,#273050 65%,#111728);font-family:Georgia,serif}.player-card.red{border-left:3px solid var(--red)}.player-card.blue{border-left:3px solid var(--blue)}.player-card .meta{min-width:0;flex:1}.player-card b,.player-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-card small{color:var(--muted);font-size:9px}.dot{width:7px;height:7px;border-radius:50%;background:#53df98}.dot.off{background:#666}.lobby-actions{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:7px;margin:11px 0 16px}.lobby-actions button{padding:11px 7px}.character-head{display:flex;align-items:center;gap:10px;margin:4px 0 8px}.character-head h3{white-space:nowrap;font-size:12px}.character-head input{margin:0;padding:9px;font-size:10px}.characters{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.char{display:flex;position:relative;overflow:hidden;text-align:left;border:1px solid var(--line);border-radius:19px;padding:0;background:linear-gradient(135deg,#151c36,#090f20);color:#fff;min-height:150px}.char.selected{border-color:var(--gold);box-shadow:0 0 28px rgba(244,212,142,.16)}.char.locked{opacity:.36}.portrait{position:relative;flex:0 0 42%;min-height:150px;overflow:hidden;background:radial-gradient(circle at 45% 30%,#7b72aa,#232944 58%,#0b1020)}.portrait .moon{position:absolute;width:70px;height:70px;border-radius:50%;top:18px;left:50%;transform:translateX(-50%);border:1px solid rgba(255,255,255,.17);box-shadow:0 0 30px rgba(255,255,255,.08)}.portrait span{position:absolute;inset:0;display:grid;place-items:center;font:700 58px Georgia,"Songti SC",serif;color:rgba(255,255,255,.78);text-shadow:0 8px 22px rgba(0,0,0,.4)}.portrait i{position:absolute;right:8px;bottom:5px;color:var(--gold);font-style:normal}.e-fire{background:radial-gradient(circle at 45% 25%,#a85757,#40263a 55%,#101325)}.e-light{background:radial-gradient(circle at 45% 25%,#a99a6a,#4a4051 55%,#111427)}.e-dark{background:radial-gradient(circle at 45% 25%,#62518f,#282039 55%,#090b15)}.e-wind{background:radial-gradient(circle at 45% 25%,#5b9b91,#2c4053 55%,#0b1222)}.e-water{background:radial-gradient(circle at 45% 25%,#557f9e,#273954 55%,#0b1122)}.e-earth{background:radial-gradient(circle at 45% 25%,#897354,#3b3444 55%,#101322)}.e-thunder{background:radial-gradient(circle at 45% 25%,#7565aa,#34304f 55%,#101322)}.char-copy{padding:10px 8px 8px;min-width:0}.char .role{color:var(--gold);font-size:8px}.char b{display:block;font-size:16px;margin:3px 0}.char em{font-style:normal;color:var(--muted);font-size:9px}.char p{font-size:9px;color:#adb5cf;line-height:1.45;margin:7px 0 0}.char p strong{color:#ddd0a8}.battle-head{display:grid;grid-template-columns:1fr .8fr 1fr;gap:6px;position:sticky;top:0;z-index:5;padding:5px 0 7px;background:linear-gradient(#070a17 78%,transparent)}.battle-head .team{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"s b" "m e";padding:7px 8px;border-radius:14px;border:1px solid var(--line);background:#10162b}.battle-head .team span{grid-area:s;font-size:10px}.battle-head .team b{grid-area:b;text-align:right;font-size:21px}.battle-head .team small{grid-area:m;color:var(--muted);font-size:8px}.battle-head .team em{grid-area:e;text-align:right;font-size:9px;font-style:normal}.turn{text-align:center;display:flex;flex-direction:column;justify-content:center}.turn small{font-size:7px;color:var(--gold)}.turn strong{font-size:10px}.turn i{font-style:normal;font-size:8px;color:#8d96ae;margin-top:3px}.deck-status{display:flex;justify-content:center;gap:8px;margin:0 0 7px}.deck-status span{font-size:8px;color:#7e89a7;background:#0c1120;border:1px solid var(--line);padding:4px 7px;border-radius:999px}.battle-players{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding-bottom:250px}.fighter{display:flex;position:relative;border-radius:18px;border:1px solid var(--line);background:linear-gradient(145deg,#151b34,#090e1d);min-height:92px;overflow:hidden}.fighter>.portrait{flex-basis:38%;min-height:92px}.fighter>.portrait span{font-size:34px}.fighter>.portrait .moon{width:45px;height:45px;top:12px}.fighter-info{padding:9px 7px}.fighter.red{border-left:3px solid var(--red)}.fighter.blue{border-left:3px solid var(--blue)}.fighter.current{box-shadow:0 0 0 1px var(--gold),0 0 26px rgba(244,212,142,.2)}.fighter.targetable{animation:pulse 1.15s infinite}@keyframes pulse{50%{box-shadow:0 0 0 2px rgba(244,212,142,.5),0 0 28px rgba(244,212,142,.22)}}.fighter b{font-size:12px}.fighter small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.stats{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px}.stats span{font-size:8px;padding:3px 4px;border-radius:7px;background:#080c16;color:#c6cce0}.action-panel{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(980px,100%);z-index:10;border-radius:22px 22px 0 0;padding:8px 10px calc(9px + env(safe-area-inset-bottom))}.my-status{font-size:9px;color:#b8c0d7;min-height:18px}.my-status em{color:var(--gold);font-style:normal}.hand{height:121px;display:flex;align-items:flex-end;overflow-x:auto;padding:3px 8px 7px;gap:6px;scrollbar-width:none}.card{flex:0 0 76px;height:108px;border-radius:13px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(160deg,#27345f,#10172d 62%,#0b1021);color:#fff;padding:7px 6px;text-align:left;box-shadow:0 7px 20px rgba(0,0,0,.32);transition:.16s;overflow:hidden}.card.attack{background:linear-gradient(160deg,#642f3a,#2c141d 62%,#130c14)}.card.spell{background:linear-gradient(160deg,#294477,#111f3f 62%,#0b1020)}.card.selected{transform:translateY(-10px) scale(1.03);border-color:var(--gold)}.card>span{font-size:18px}.card b{display:block;font-size:10px;margin-top:2px}.card small{font-size:7px;color:#c2c8da}.card i{display:block;font-style:normal;font-size:7px;color:#9fa8c2;line-height:1.25;margin-top:5px}.actions{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.actions button{background:#151c35;border:1px solid var(--line);color:#fff;border-radius:11px;padding:9px 2px;font-size:9px}.actions .skill{color:var(--gold)}.actions .end{background:#232437}.log-toggle{position:fixed;right:10px;top:112px;z-index:6;border:1px solid var(--line);background:rgba(13,18,35,.9);color:#cbd1e2;border-radius:999px;padding:7px 9px;font-size:8px}.log{position:fixed;z-index:30;right:-88%;top:0;width:86%;max-width:390px;height:100svh;background:#0b1020;border-left:1px solid var(--line);padding:calc(20px + env(safe-area-inset-top)) 13px;transition:.25s;box-shadow:-20px 0 60px rgba(0,0,0,.45)}.log.open{right:0}.log-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.log-head button{background:transparent;color:#fff;font-size:26px}.log #logItems{display:flex;flex-direction:column;gap:6px;overflow:auto;max-height:90vh}.log p{margin:0;padding:8px;border-radius:10px;background:#11172b;color:#bec6dc;font-size:10px;line-height:1.4}.response-modal{position:fixed;z-index:50;inset:0;background:rgba(3,5,12,.82);display:grid;place-items:center;padding:18px;backdrop-filter:blur(10px)}.response-card{position:relative;width:min(390px,100%);overflow:hidden;background:linear-gradient(160deg,#222b54,#0c1226 65%);border:1px solid rgba(244,212,142,.35);border-radius:24px;padding:22px;box-shadow:0 30px 100px rgba(0,0,0,.6)}.response-glow{position:absolute;width:200px;height:200px;border-radius:50%;background:rgba(112,93,232,.2);filter:blur(30px);right:-70px;top:-80px}.response-card small{position:relative;letter-spacing:.2em;color:var(--gold);font-size:8px}.response-card h2{position:relative;margin:7px 0 4px;font-family:Georgia,"Songti SC",serif}.response-card p{position:relative;color:#aeb7cf;font-size:11px}.response-card #responseOptions{display:grid;gap:7px;margin-top:15px}.response-card button{background:#19223e;color:#fff;border:1px solid var(--line);border-radius:13px;padding:12px}.response-card button.take{color:#c9d3ef}.toast{position:fixed;left:50%;top:15%;transform:translate(-50%,-10px);padding:10px 14px;border-radius:999px;background:#202844;color:#fff;opacity:0;pointer-events:none;transition:.2s;z-index:70;font-size:10px;max-width:85%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.fx{position:fixed;z-index:80;left:50%;top:42%;transform:translate(-50%,-50%);font-size:0;pointer-events:none}.fx.attack,.fx.magic,.fx.heal{font-size:80px;animation:boom .48s ease-out}@keyframes boom{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-20deg)}45%{opacity:1;transform:translate(-50%,-50%) scale(1.25) rotate(4deg)}100%{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.winner{position:fixed;z-index:90;inset:0;background:rgba(5,8,16,.92);display:grid;place-items:center;text-align:center;font-family:Georgia,"Songti SC",serif;font-size:36px;color:var(--gold);backdrop-filter:blur(12px)}.winner small{display:block;font:11px -apple-system;color:#bbc2d8;margin-top:8px}.hidden{display:none!important}@media(min-width:650px){.characters{grid-template-columns:repeat(4,1fr)}.players{grid-template-columns:repeat(4,1fr)}.battle-players{grid-template-columns:repeat(4,1fr)}.char{min-height:175px}.portrait{min-height:175px}}

/* V3 polish */
.lobby-actions.four{grid-template-columns:repeat(2,1fr)}.sound-toggle{position:fixed;right:10px;top:148px;z-index:6;border:1px solid var(--line);background:rgba(13,18,35,.9);color:#cbd1e2;border-radius:999px;padding:7px 9px;font-size:8px}.response-targets{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:10px}.response-targets button{background:#251d38!important;border-color:rgba(244,212,142,.28)!important}.fighter{transition:transform .18s,box-shadow .18s}.fighter:active{transform:scale(.985)}.card:active{transform:translateY(-4px) scale(.98)}button:disabled{opacity:.35;filter:grayscale(.5);cursor:not-allowed}.portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.09),transparent 35%,rgba(0,0,0,.22));pointer-events:none}.portrait span{filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}.char:hover{transform:translateY(-1px)}.char{transition:.16s}.team.red b{color:#ff95a2}.team.blue b{color:#9bc2ff}.response-card{animation:modalIn .2s ease-out}@keyframes modalIn{from{opacity:0;transform:scale(.94) translateY(10px)}}@media(max-width:380px){.hero h1{font-size:40px}.characters{grid-template-columns:1fr}.battle-players{gap:5px}.fighter{min-height:82px}.fighter>.portrait{min-height:82px}.card{flex-basis:70px}.actions button{font-size:8px}}

.team-pick{display:flex;gap:3px}.team-pick button{font-size:8px;padding:4px 6px;border-radius:7px;background:#1a2035;color:#fff;border:1px solid var(--line)}.winner .primary{margin-top:22px;min-width:180px}

.portrait img{width:100%;height:100%;object-fit:cover;display:block}.portrait .moon{display:none}


/* V4 mobile polish */
.net-status{position:fixed;z-index:120;top:calc(7px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);font-size:8px;padding:5px 9px;border-radius:999px;backdrop-filter:blur(14px);transition:.2s;pointer-events:none}.net-status.online{color:#81e5b0;background:rgba(13,45,32,.68);border:1px solid rgba(82,224,151,.18);opacity:.7}.net-status.offline{color:#ffd0d0;background:rgba(76,21,28,.92);border:1px solid rgba(255,102,120,.35);opacity:1}.arena-labels{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:5px 3px 7px;font-size:8px;letter-spacing:.12em;color:#6f7892}.arena-labels .red{text-align:left;color:#ff8190}.arena-labels .blue{text-align:right;color:#83b4ff}.battle-players{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.fighter:nth-child(-n+4){border-top-color:rgba(255,102,120,.28)}.fighter:nth-child(n+5){border-top-color:rgba(105,167,255,.28)}.fighter.disconnected{opacity:.45;filter:saturate(.5)}.fighter.current{box-shadow:0 0 0 1px rgba(244,212,142,.75),0 0 30px rgba(244,212,142,.18)}.fighter.targetable{animation:targetPulse 1s ease-in-out infinite}@keyframes targetPulse{50%{box-shadow:0 0 0 2px rgba(244,212,142,.8),0 0 26px rgba(244,212,142,.22)}}.card-inspect{margin:3px 4px 5px;display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:13px;background:linear-gradient(135deg,rgba(44,54,91,.96),rgba(18,25,48,.96));border:1px solid rgba(244,212,142,.22);box-shadow:0 8px 28px rgba(0,0,0,.2)}.card-inspect>span{font-size:25px}.card-inspect>div{flex:1;min-width:0}.card-inspect b,.card-inspect small{display:block}.card-inspect b{font-size:11px;color:var(--gold)}.card-inspect small{font-size:8px;color:#b5bdd2;line-height:1.35;margin-top:2px}.card-inspect button{background:transparent;color:#98a2bd;font-size:20px;padding:4px}.actions button:disabled{opacity:.25;transform:none}.actions button:not(:disabled):active{transform:translateY(1px)}.player-card{transition:.18s}.player-card:has(.dot.off){opacity:.55}.team-pick button:first-child{color:#ff9aa5}.team-pick button:last-child{color:#9bc2ff}.hand{scroll-snap-type:x proximity}.card{scroll-snap-align:center}.char .portrait img{transform:scale(1.01);transition:transform .25s}.char:active .portrait img{transform:scale(1.05)}
@media(max-width:640px){.screen#game{padding-left:8px;padding-right:8px;padding-bottom:196px}.battle-head{position:sticky;top:0;z-index:4;margin:0 -2px;padding-top:calc(6px + env(safe-area-inset-top));background:linear-gradient(180deg,rgba(6,8,19,.97),rgba(6,8,19,.82),transparent);backdrop-filter:blur(10px)}.battle-players{grid-template-columns:repeat(2,1fr)}.fighter{min-height:91px}.fighter .portrait{min-height:91px}.fighter-info b{font-size:10px}.stats{gap:3px}.stats span{font-size:7px}.action-panel{padding-left:7px;padding-right:7px}.hand{height:128px}.card{flex-basis:80px;height:114px}.actions button{min-height:40px;font-size:9px}.characters{grid-template-columns:1fr 1fr}.char{min-height:142px}.portrait{min-height:142px}.char-copy p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}}
@media(max-width:390px){.characters{grid-template-columns:1fr}.battle-players{grid-template-columns:repeat(2,1fr)}.battle-head .team b{font-size:23px}.turn strong{font-size:9px}.card-inspect small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

/* =========================================================
   V5 CELESTIAL GRAIL UI — visual redesign based on approved art
   ========================================================= */
:root{--ink:#050916;--navy:#081126;--navy2:#0d1832;--gold:#f4d38a;--gold2:#a9762f;--ivory:#f5ead0;--red:#e45c55;--blue:#5b9cff;--purple:#9b6cff;--line-gold:rgba(229,190,105,.58)}
body{background:radial-gradient(circle at 50% -10%,#20285a 0,#0a1230 25%,#050915 68%,#03050c 100%);font-family:"Songti SC","STSong","PingFang SC",serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 50% 8%,rgba(149,102,255,.25),transparent 18%),linear-gradient(90deg,rgba(14,45,84,.22),transparent 16%,transparent 84%,rgba(53,22,85,.22));}
.stars{opacity:.38;background-size:73px 73px,117px 117px}.aurora{opacity:.85}
.screen{max-width:760px}.screen#home{padding-left:18px;padding-right:18px}
.hero{padding:4.8vh 0 18px;position:relative}.celestial-seal{width:116px;height:116px;margin:0 auto 3px;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,transparent 0 19px,rgba(228,188,96,.22) 20px 21px),conic-gradient(from 20deg,transparent 0 7deg,rgba(230,190,102,.25) 8deg 9deg,transparent 10deg 24deg);box-shadow:0 0 48px rgba(119,87,255,.26)}
.grail{width:62px;height:62px;border:0;border-radius:0;font-size:38px;background:linear-gradient(#fff7d1,#b6772b);-webkit-background-clip:text;background-clip:text;color:transparent;box-shadow:none;text-shadow:0 0 22px rgba(244,211,138,.45)}
.eyebrow{margin:6px 0 4px;color:#bcae8c;font-family:Georgia,serif;letter-spacing:.18em}.hero h1{font-size:54px;line-height:1.08;letter-spacing:.06em;background:linear-gradient(#fff8dc 8%,#e2bb6b 50%,#8d5a24 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 8px 22px rgba(0,0,0,.48);filter:drop-shadow(0 0 9px rgba(245,210,132,.18))}.hero-cn{margin:7px 0 14px;color:#e6c878;letter-spacing:.35em;font-size:14px}.hero-chips{display:grid;grid-template-columns:1.1fr .8fr 1.3fr;gap:7px}.hero-chips span{font-size:9px;color:#e8d8af;background:linear-gradient(180deg,rgba(15,29,58,.88),rgba(7,14,31,.94));border:1px solid rgba(220,177,88,.48);padding:8px 4px;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,7px 100%,0 50%)}
.glass,.panel{background:linear-gradient(180deg,rgba(10,24,50,.95),rgba(5,12,28,.97));border-color:rgba(222,181,91,.42);box-shadow:0 20px 60px rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,240,190,.045)}
.ornate-panel{position:relative;border-radius:12px;padding:20px 16px 17px;outline:1px solid rgba(111,73,24,.65);outline-offset:-6px}.panel-crown{position:absolute;top:-15px;left:50%;transform:translateX(-50%);color:#f3ca6b;background:#09132a;padding:0 11px;font-size:22px;text-shadow:0 0 12px #ffc958}.panel label{display:block;text-align:center;color:#e7c97d;font-size:13px;letter-spacing:.18em}
input{border-radius:5px;border:1px solid rgba(193,149,68,.5);background:linear-gradient(180deg,#081228,#050b19);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#fff;padding:14px 13px}.mode-row{gap:9px;margin:16px 0 14px}.mode{position:relative;min-height:118px;border-radius:5px;border:1px solid rgba(177,139,69,.55);background:radial-gradient(circle at 50% 25%,rgba(55,87,137,.55),#091327 70%);font-family:Georgia,"Songti SC",serif;color:#e8d9b6;font-size:25px;box-shadow:inset 0 0 0 3px #081127}.mode:before{content:"✦";display:block;font-size:28px;color:#aab9d1;margin-bottom:8px}.mode:nth-child(2):before{content:"✧";color:#d69dff}.mode:nth-child(3):before{content:"♜";color:#c3ad70}.mode small{font-size:10px;color:#bcae90;margin-top:5px}.mode.selected{color:#fff0c4;border-color:#ffdc84;box-shadow:0 0 22px rgba(255,194,72,.3),inset 0 0 0 2px rgba(246,207,117,.42);background:radial-gradient(circle at 50% 25%,rgba(110,59,159,.72),#111332 72%)}.mode.selected:after{content:"推荐";position:absolute;left:-4px;top:7px;background:linear-gradient(90deg,#8a6022,#d9b464);color:#fff4cf;font-size:8px;padding:4px 8px;transform:rotate(-15deg);box-shadow:0 2px 8px #0008}
.primary,.secondary{border-radius:6px;font-family:"Songti SC",serif;letter-spacing:.08em}.primary{background:linear-gradient(180deg,#d9b064,#9d6a28);color:#fff7dc;border:1px solid #f6d48e;box-shadow:inset 0 1px #fff4c966,0 0 18px rgba(230,176,69,.18);text-shadow:0 2px 3px #6c431e}.secondary{background:linear-gradient(180deg,#172c55,#0d1a34);border:1px solid rgba(215,178,103,.45);color:#ead9b6}.join{margin-top:12px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:16px;border-top:1px solid rgba(201,157,74,.2);padding-top:13px}.features span{display:block;background:none;border:0;border-radius:0;padding:0 2px;color:#e1c379;text-align:center;font-size:9px}.features span b{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 5px;border-radius:50%;border:1px solid rgba(223,183,95,.5);font-size:18px;color:#f0cf77;background:radial-gradient(circle,#21386d,#0b1630 70%)}.features small{display:block;color:#7f8cab;font-size:7px;margin-top:2px}
/* lobby */
#lobby .top{border-bottom:1px solid rgba(213,169,78,.22)}.top strong{color:#f3d992}.badge{border-color:rgba(222,180,91,.5);color:#f0cf85;background:#0c1833}.balance-tip{border-color:rgba(217,176,87,.22);background:linear-gradient(90deg,transparent,rgba(181,133,52,.08),transparent);color:#bdac87}.scoreline .red,.scoreline .blue{border:1px solid rgba(222,180,91,.22);background:#0a1429}.players{gap:8px}.player-card{border-radius:5px;background:linear-gradient(180deg,#0e1d38,#091226);border-color:rgba(214,174,91,.22);box-shadow:inset 0 0 0 2px #071023}.avatar{border-radius:4px;border:1px solid rgba(219,176,92,.4);background:radial-gradient(circle at 50% 30%,#725f98,#121d38 70%);color:#f1d591}.character-head{padding-top:8px;border-top:1px solid rgba(213,169,78,.18)}.character-head h3{font-size:14px;color:#e9cd86}.characters{gap:10px}.char{display:block;min-height:248px;border-radius:5px;border-color:rgba(196,151,67,.45);background:#071126;box-shadow:inset 0 0 0 3px #050b18,0 9px 28px rgba(0,0,0,.28)}.char .portrait{width:100%;height:154px;min-height:154px;border-bottom:1px solid rgba(225,180,87,.34);flex:none}.char .portrait:before{content:"";position:absolute;inset:7px;border:1px solid rgba(233,196,115,.24);z-index:2;pointer-events:none}.char-copy{padding:9px 10px 11px;background:linear-gradient(180deg,rgba(14,28,52,.98),rgba(5,10,22,.98))}.char .role{color:#9eabc6}.char b{font-size:18px;color:#f0d28b;margin:2px 0}.char em{color:#b9a982}.char p{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#aeb8cc;font-size:8px}.char.selected{border-color:#ffd975;box-shadow:0 0 0 1px #ffd975,0 0 28px rgba(255,197,66,.25),inset 0 0 0 3px #0a1429}.char.selected:after{content:"已选择";position:absolute;right:7px;top:7px;z-index:5;padding:4px 7px;color:#fff2c7;background:#9d6d28;border:1px solid #f5d590;font-size:8px}
/* battle header */
#game{max-width:760px}.battle-head{grid-template-columns:1fr .72fr 1fr;padding:5px 0 10px;background:linear-gradient(180deg,rgba(4,8,19,.98) 75%,transparent)}.battle-head .team{position:relative;border-radius:5px;background:linear-gradient(180deg,#111f3a,#091226);border:1px solid rgba(223,180,92,.45);box-shadow:inset 0 0 0 2px #071024}.battle-head .team.red{background:linear-gradient(135deg,rgba(100,29,26,.72),#1e1726 48%,#091226)}.battle-head .team.blue{background:linear-gradient(225deg,rgba(19,54,110,.76),#141b35 48%,#091226)}.battle-head .team span{color:#e8c67e}.battle-head .team b{font-family:Georgia,serif;font-size:26px}.turn{border:1px solid rgba(216,173,87,.25);border-radius:50%;aspect-ratio:1;align-self:center;background:radial-gradient(circle,#17243f,#07101f 70%);box-shadow:0 0 18px rgba(221,178,90,.1)}.turn small{letter-spacing:.08em}.turn strong{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC"}.deck-status span{border-color:rgba(206,165,81,.23);background:#071022;color:#a7956e}
/* team formations */
.battle-players{display:block;padding-bottom:330px}.formation{margin:3px 0}.formation-title{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin:3px 8px 7px;color:#dcb55d;font-size:11px;letter-spacing:.18em}.formation-title span{height:1px;background:linear-gradient(90deg,transparent,rgba(220,177,88,.5))}.formation-title span:last-child{background:linear-gradient(90deg,rgba(220,177,88,.5),transparent)}.red-formation .formation-title b{color:#df745f}.blue-formation .formation-title b{color:#6ea8ff}.formation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.versus-mark{text-align:center;font:26px Georgia,serif;color:#ddb968;margin:2px 0 0;text-shadow:0 0 14px rgba(231,180,72,.25)}
.fighter{display:block;min-height:0;border-radius:4px;border:1px solid rgba(207,168,88,.44);background:#071023;overflow:visible;box-shadow:inset 0 0 0 2px #050a15,0 7px 18px rgba(0,0,0,.28)}.fighter.red{border-left:1px solid #9f4d42}.fighter.blue{border-left:1px solid #3d6fa7}.fighter>.portrait{width:100%;height:112px;min-height:112px;display:block}.fighter>.portrait:before{content:"";position:absolute;inset:5px;border:1px solid rgba(232,195,112,.24);z-index:2}.fighter-info{padding:5px 5px 6px;text-align:center;background:linear-gradient(180deg,#0c1830,#060d1d)}.fighter-element{display:block;font-size:6px;color:#91876f}.fighter b{display:block;color:#f0d18a;font-size:10px;line-height:1.2}.fighter small{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC";font-size:6px;color:#8894ad}.status-bar{height:4px;border-radius:1px;background:#17141b;border:1px solid #4e3920;margin:4px 0;overflow:hidden}.status-bar i{display:block;height:100%;background:linear-gradient(90deg,#6aa1ff,#e9c863)}.fighter.red .status-bar i{background:linear-gradient(90deg,#a52f2f,#e9914f)}.stats{justify-content:center;gap:2px;margin-top:3px}.stats span{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC";font-size:6px;padding:2px 3px;border-radius:2px;background:#030712;border:1px solid rgba(170,137,72,.2)}.turn-crown{position:absolute;z-index:8;top:-12px;left:50%;transform:translateX(-50%);color:#ffd86c;font-size:18px;text-shadow:0 0 12px #ffd252}.fighter.current{border-color:#ffe08a;box-shadow:0 0 0 1px #d39a32,0 0 22px rgba(255,196,58,.37),inset 0 0 0 2px #071024}.fighter.targetable:after{content:"◎";position:absolute;z-index:7;right:4px;top:4px;color:#ff695f;font-size:18px;text-shadow:0 0 10px #ff473a}.blue-formation .fighter.targetable:after{color:#6ab1ff;text-shadow:0 0 10px #3e8dff}
/* action dock */
.action-panel{border-radius:7px 7px 0 0;padding:8px 9px calc(9px + env(safe-area-inset-bottom));border:1px solid rgba(222,180,91,.5);border-bottom:0;background:linear-gradient(180deg,rgba(9,20,42,.985),rgba(3,8,18,.995));box-shadow:0 -14px 50px rgba(0,0,0,.55),inset 0 0 0 2px #050b17}.my-status{text-align:center;color:#a99b7c;border-bottom:1px solid rgba(207,166,81,.15);padding-bottom:5px}.my-status b{color:#ecd18c}.card-inspect{min-height:78px;margin:5px 0 7px;border-radius:4px;background:linear-gradient(90deg,#0c1731,#070f21);border-color:rgba(225,181,91,.4);padding:6px}.inspect-art{flex:0 0 61px;height:66px;display:grid;place-items:center;border:1px solid rgba(232,191,105,.5);background:radial-gradient(circle,#3e3671,#111831 70%);box-shadow:inset 0 0 0 2px #060b17}.inspect-art.attack{background:radial-gradient(circle,#76383d,#23121c 70%)}.inspect-art.spell{background:radial-gradient(circle,#384d85,#101a35 70%)}.inspect-art span{font-size:28px}.inspect-copy{min-width:0;flex:1}.inspect-copy em{font-style:normal;font-size:7px;color:#9d6cff}.inspect-copy b{display:block;font-size:17px;color:#f1d18b}.inspect-copy small{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC";font-size:8px;line-height:1.35;color:#b5bdcf}.hand{height:139px;gap:6px;padding:4px 4px 9px;perspective:700px}.card{position:relative;flex:0 0 84px;height:125px;border-radius:4px;border:1px solid rgba(221,179,90,.5);background:linear-gradient(160deg,#1a315a,#081226 62%);box-shadow:inset 0 0 0 2px #050a15,0 7px 16px rgba(0,0,0,.42);padding:7px}.card:before{content:"";position:absolute;inset:4px;border:1px solid rgba(242,210,139,.15);pointer-events:none}.card.attack{background:radial-gradient(circle at 50% 18%,#793b3b,#25131c 55%,#090d19)}.card.spell{background:radial-gradient(circle at 50% 18%,#324c86,#121b38 55%,#090d19)}.card>span{display:grid;place-items:center;height:43px;font-size:27px;text-shadow:0 0 14px currentColor}.card b{text-align:center;color:#f1d18c;font-size:10px}.card small{display:block;text-align:center;color:#8f83bc}.card i{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC";font-size:6px;color:#aeb6c7;text-align:center}.card.selected{transform:translateY(-12px) scale(1.04);border-color:#ffd873;box-shadow:0 0 18px rgba(255,195,53,.33),inset 0 0 0 2px #261c0d}.actions{gap:6px}.actions button{border-radius:5px;min-height:43px;background:linear-gradient(180deg,#162a50,#0b1830);border:1px solid rgba(217,176,90,.42);color:#e9d7ae;font-family:"Songti SC",serif;font-size:10px;box-shadow:inset 0 0 0 1px #071126}.actions .skill{color:#f0ce7b}.actions .end{background:linear-gradient(180deg,#c6974d,#81521f);border-color:#f1cf83;color:#fff3d1;font-size:11px}.log-toggle,.sound-toggle{border-radius:4px;border-color:rgba(212,170,82,.35);background:#071126;color:#d5bd85}.response-card{border-radius:6px;background:linear-gradient(180deg,#0e1c39,#060d1f);border-color:rgba(238,196,103,.58);outline:1px solid rgba(124,84,25,.8);outline-offset:-6px}.response-card h2{color:#efd18b}.response-card button{border-radius:4px;border-color:rgba(207,166,81,.36);background:linear-gradient(180deg,#162b52,#0c1730)}.winner{background:radial-gradient(circle at 50% 38%,rgba(68,49,104,.96),rgba(2,5,12,.98) 60%);text-shadow:0 0 24px rgba(255,212,107,.33)}
@media(max-width:640px){.screen#game{padding-bottom:290px}.battle-head{padding-top:calc(7px + env(safe-area-inset-top))}.formation-grid{grid-template-columns:repeat(4,1fr);gap:4px}.fighter>.portrait{height:91px;min-height:91px}.fighter-info{padding:4px 3px 5px}.fighter b{font-size:9px}.stats span{font-size:5.8px}.characters{grid-template-columns:repeat(2,1fr)}.char{min-height:236px}.char .portrait{height:145px;min-height:145px}.action-panel{padding-left:7px;padding-right:7px}.hand{height:132px}.card{flex-basis:78px;height:119px}.log-toggle{top:126px}.sound-toggle{top:161px}}
@media(max-width:430px){.hero h1{font-size:48px}.hero-chips span{font-size:8px}.mode{min-height:105px;font-size:21px}.formation-grid{grid-template-columns:repeat(4,1fr)}.fighter>.portrait{height:78px;min-height:78px}.fighter-info b{font-size:8px}.fighter-element,.fighter small{font-size:5.5px}.status-bar{margin:3px 0}.stats span{font-size:5.4px;padding:1px 2px}.battle-head .team{padding:5px}.battle-head .team b{font-size:21px}.battle-head .team small,.battle-head .team em{font-size:6px}.turn{aspect-ratio:auto;border-radius:5px;padding:5px 1px}.turn strong{font-size:7px}.turn i{font-size:6px}.card-inspect{min-height:70px}.inspect-art{height:58px;flex-basis:55px}.inspect-copy b{font-size:14px}}
@media(max-width:360px){.formation-grid{grid-template-columns:repeat(2,1fr)}.fighter>.portrait{height:105px;min-height:105px}.screen#game{padding-bottom:290px}.characters{grid-template-columns:1fr}.char .portrait{height:175px}.hero-chips{grid-template-columns:1fr}.features{grid-template-columns:repeat(2,1fr)}}

/* =========================================================
   V6 PRODUCTION FANTASY UI — runnable DOM, not a screenshot
   ========================================================= */
:root{
  --ink:#050914;--ink2:#09142a;--gold:#d8aa52;--gold2:#ffe0a0;
  --red:#a83231;--blue:#2d67b5;--cyan:#63b7ff;--violet:#9b68ff;
}
html,body{background:#020610;min-height:100%;}
body{font-family:"Songti SC","STSong","Noto Serif CJK SC",serif;color:#efe5cb;overflow-x:hidden;}
body:before{content:"";position:fixed;inset:0;z-index:-5;background:
 linear-gradient(rgba(2,6,17,.52),rgba(2,7,18,.78)),url('/assets/ui/lobby_atmosphere.jpg') center top/cover fixed no-repeat;filter:saturate(1.18)}
body:after{content:"";position:fixed;inset:0;z-index:-4;pointer-events:none;background:
 radial-gradient(circle at 50% 5%,rgba(104,68,211,.23),transparent 34%),
 radial-gradient(circle at 12% 40%,rgba(31,94,181,.16),transparent 28%),
 linear-gradient(90deg,rgba(0,0,0,.3),transparent 13%,transparent 87%,rgba(0,0,0,.3));}
#game.active~*{} #game{isolation:isolate}
#game:before{content:"";position:fixed;inset:0;z-index:-3;background:linear-gradient(rgba(2,6,17,.28),rgba(2,6,17,.58)),url('/assets/ui/battle_atmosphere.jpg') center/cover fixed no-repeat;opacity:.72}
.stars,.aurora{opacity:.28}.net-status{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;backdrop-filter:blur(12px);border:1px solid rgba(216,170,83,.32);box-shadow:0 8px 30px rgba(0,0,0,.35)}

/* Lobby hero */
#home{max-width:640px;padding:28px 16px 48px}.hero{padding-top:5px}.celestial-seal{width:92px;height:92px;border:1px solid rgba(226,184,93,.55);border-radius:50%;margin:auto;display:grid;place-items:center;background:radial-gradient(circle,rgba(91,53,139,.55),rgba(7,14,34,.18) 58%,transparent 60%);box-shadow:0 0 45px rgba(124,80,255,.22),inset 0 0 35px rgba(235,191,89,.14);position:relative}.celestial-seal:before,.celestial-seal:after{content:"";position:absolute;border:1px solid rgba(224,183,92,.38);border-radius:50%}.celestial-seal:before{inset:9px}.celestial-seal:after{inset:21px}.grail{font-size:48px;color:#f6d98a;text-shadow:0 0 15px #b88aff,0 2px 0 #6c4818;z-index:1}.hero .eyebrow{font-size:10px;letter-spacing:.2em;color:#b9a982;margin:13px 0 2px}.hero h1{font-size:62px;line-height:.98;margin:6px 0 4px;background:linear-gradient(#fff8dc 5%,#e7c77d 38%,#9d6b2c 78%,#f2d897);-webkit-background-clip:text;color:transparent;text-shadow:0 5px 24px rgba(0,0,0,.58);filter:drop-shadow(0 0 8px rgba(219,170,70,.18))}.hero-cn{letter-spacing:.34em;color:#e3c47d;font-size:18px;margin:8px 0 13px}.hero-chips{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.hero-chips span{background:linear-gradient(180deg,rgba(14,29,55,.92),rgba(6,13,28,.95));border:1px solid rgba(222,179,87,.55);box-shadow:inset 0 0 0 1px rgba(255,236,185,.04);color:#e8cd91;padding:8px 12px;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,6px 100%,0 50%);font-size:11px}
.ornate-panel{position:relative;margin-top:22px;padding:28px 22px 22px;background:linear-gradient(180deg,rgba(6,15,33,.92),rgba(3,8,20,.96));border:1px solid rgba(224,179,84,.7);border-radius:3px;box-shadow:0 25px 80px rgba(0,0,0,.55),inset 0 0 0 3px rgba(3,8,18,.82),inset 0 0 55px rgba(47,64,121,.16)}.ornate-panel:before,.ornate-panel:after{content:"✦";position:absolute;color:#d7a950;font-size:24px;top:-16px;text-shadow:0 0 12px #986ee7}.ornate-panel:before{left:20px}.ornate-panel:after{right:20px}.panel-crown{position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:55px;background:#071126;color:#edc976;border-left:1px solid #c89b48;border-right:1px solid #c89b48;text-align:center}.ornate-panel label{display:block;color:#e9cd8a;text-align:center;font-size:17px;letter-spacing:.08em}.ornate-panel label input{margin-top:12px;text-align:left;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;background:rgba(1,6,17,.82);border:1px solid rgba(224,180,87,.48);color:white;box-shadow:inset 0 0 18px rgba(61,81,142,.1);height:50px}
.mode-row{gap:12px;margin:18px 0}.mode{position:relative;min-height:155px;padding:62px 5px 12px;border-radius:3px;border:1px solid rgba(220,176,87,.5);background:linear-gradient(180deg,rgba(20,47,85,.82),rgba(5,13,29,.96));font:700 29px Georgia,serif;color:#f3db9e;box-shadow:inset 0 0 0 3px rgba(2,8,18,.72),0 9px 25px rgba(0,0,0,.34);overflow:hidden}.mode:before{content:"✥";position:absolute;left:50%;top:20px;transform:translateX(-50%);font-size:35px;color:#a9c6e5;text-shadow:0 0 22px #4b91e6}.mode:nth-child(2){background:linear-gradient(180deg,rgba(72,36,111,.88),rgba(9,11,36,.97))}.mode:nth-child(2):before{content:"✦";color:#e4c4ff;text-shadow:0 0 24px #a366ff}.mode:nth-child(3){background:linear-gradient(180deg,rgba(15,79,86,.76),rgba(5,19,30,.97))}.mode:nth-child(3):before{content:"♜";color:#b1dddc}.mode small{font:12px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#b4b9cb;margin-top:5px}.mode.selected{border-color:#ffe298;box-shadow:0 0 0 1px #bf842d,0 0 28px rgba(255,197,62,.34),inset 0 0 0 3px rgba(55,32,14,.58)}.mode.selected:after{content:"推荐";position:absolute;top:8px;left:-23px;width:92px;transform:rotate(-38deg);background:#9f742e;color:#fff2c3;font:10px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;padding:3px 0;border-top:1px solid #f3d28f;border-bottom:1px solid #f3d28f}.primary{background:linear-gradient(180deg,#d2aa63,#8d5c20 52%,#5c3512);border:1px solid #ffe1a0;color:#fff4d1;text-shadow:0 1px 2px #593713;box-shadow:inset 0 0 0 2px rgba(73,43,13,.6),0 8px 26px rgba(0,0,0,.34)}#create{font-size:20px;min-height:60px}.join{gap:8px;margin-top:13px}.join input{background:#040b1b;border-color:rgba(216,170,82,.42);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}.secondary{background:linear-gradient(180deg,#1c3f75,#10264b);border:1px solid rgba(218,178,94,.58);color:#f0d699}.features{margin-top:17px;padding:13px 7px;border-top:1px solid rgba(212,166,77,.25);grid-template-columns:repeat(4,1fr);background:rgba(2,8,20,.44)}.features span{font-size:10px;color:#e2c785}.features b{display:grid;place-items:center;width:35px;height:35px;margin:0 auto 5px;border-radius:50%;font-size:20px;background:radial-gradient(circle,#263d68,#071024 72%);border:1px solid #bd9346;box-shadow:0 0 15px rgba(90,110,255,.14)}.features small{color:#777f96;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;font-size:7px}

/* Battle scoreboard */
#game{max-width:760px;padding-left:8px;padding-right:8px}.battle-head{position:sticky;top:0;z-index:15;grid-template-columns:1fr .65fr 1fr;gap:5px;background:linear-gradient(180deg,rgba(2,5,14,.985),rgba(2,7,18,.93) 78%,transparent);backdrop-filter:blur(12px)}.battle-head .team{min-height:78px;border-radius:2px;position:relative;overflow:hidden;padding:8px 9px}.battle-head .team:before{content:"";position:absolute;inset:0;opacity:.34;pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0 16px,rgba(255,255,255,.03) 17px 18px)}.battle-head .team.red{border-color:#8b3a31;background:linear-gradient(135deg,#61211e,#251520 58%,#081025)}.battle-head .team.blue{border-color:#315e9b;background:linear-gradient(225deg,#173f7e,#121b39 58%,#081025)}.battle-head .team span{font-size:13px}.battle-head .team b{font-size:29px;color:#fff7dc}.battle-head .team small,.battle-head .team em{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;font-size:8px}.turn{position:relative;border-radius:50%;aspect-ratio:1;min-width:78px;border:1px solid #b78b42;background:radial-gradient(circle,#17243f,#050b17 70%);box-shadow:0 0 0 3px #050a14,0 0 22px rgba(207,161,72,.24)}.turn:before{content:"✦";position:absolute;top:-14px;color:#e7c272}.turn small{font-size:8px;color:#c9a960}.turn strong{font-size:9px}.turn i{color:#e6d29f}.deck-status{position:relative;z-index:4;margin:-2px 0 3px;padding:0 5px}.deck-status span{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;font-size:7px}

/* Formation cards */
.formation{padding:0 2px}.formation-title{margin:1px 14px 8px;font-size:13px}.formation-grid{gap:7px}.fighter{position:relative;cursor:pointer;border-radius:2px;background:#040a16;border:1px solid rgba(208,168,86,.62);box-shadow:0 8px 22px rgba(0,0,0,.42),inset 0 0 0 2px #020711;transition:.18s transform,.18s box-shadow}.fighter.red{border-color:#984136}.fighter.blue{border-color:#32679e}.fighter:hover{transform:translateY(-2px)}.fighter>.portrait{height:150px;min-height:150px;background:#071126}.portrait{position:relative;overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:saturate(.92) contrast(1.06)}.portrait-vignette{position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(3,7,15,.2) 62%,rgba(3,7,15,.95) 100%),linear-gradient(90deg,rgba(0,0,0,.18),transparent 20%,transparent 80%,rgba(0,0,0,.18));z-index:1}.portrait i{position:absolute;right:6px;top:6px;z-index:3;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(3,8,18,.78);border:1px solid rgba(232,191,98,.55);color:#f2d18a;font-style:normal;font-size:8px}.fighter-cost{position:absolute;z-index:7;top:-8px;left:-7px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#214c86,#071126 68%);border:2px solid #d1a64d;color:#f9e6b4;font:700 14px Georgia,serif;box-shadow:0 0 0 2px #040811}.fighter-glyph{position:absolute;z-index:7;top:6px;right:6px;color:#f0d694;background:rgba(4,8,16,.78);border:1px solid rgba(216,169,77,.45);padding:2px 4px;font-size:7px}.fighter-info{padding:6px 5px 7px;background:linear-gradient(180deg,#0a1429,#030812);border-top:1px solid rgba(214,171,82,.3)}.fighter-element{font-size:7px;color:#8c95aa}.fighter b{font-size:13px;color:#efd18d;text-shadow:0 1px 1px #000}.fighter small{font-size:6.5px;color:#949eb3}.status-bar{height:6px;margin:5px 2px 4px;border-color:#694e25;background:#160c0d}.fighter.red .status-bar i{background:linear-gradient(90deg,#a41f1f,#f09a4b)}.fighter.blue .status-bar i{background:linear-gradient(90deg,#215ba8,#62adf1)}.stats{gap:3px}.stats span{font-size:6px;padding:2px 3px;background:#020711;border-color:rgba(218,174,84,.27);color:#c6c2b6}.turn-crown{top:-20px;font-size:24px;animation:crownPulse 1.6s ease-in-out infinite}@keyframes crownPulse{50%{filter:brightness(1.35);transform:translateX(-50%) translateY(-2px)}}.fighter.current{border-color:#ffe49a;box-shadow:0 0 0 1px #af7a24,0 0 25px rgba(255,196,52,.5),inset 0 0 0 2px #251608}.fighter.targetable{animation:targetGlow 1s ease-in-out infinite alternate}@keyframes targetGlow{to{box-shadow:0 0 0 1px #ff6f55,0 0 30px rgba(255,66,48,.52)}}.versus-mark{font-size:32px;margin:5px 0;color:#e6c16c;text-shadow:0 0 18px rgba(218,162,60,.34)}

/* Bottom interactive card table */
.battle-players{padding-bottom:390px}.action-panel{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(760px,100vw);z-index:20;border-radius:3px 3px 0 0;padding:7px 10px calc(9px + env(safe-area-inset-bottom));border:1px solid rgba(220,176,86,.72);background:linear-gradient(180deg,rgba(5,13,29,.985),rgba(2,6,15,.995));box-shadow:0 -18px 60px rgba(0,0,0,.72),inset 0 0 0 3px #020713}.my-status{font-size:9px;color:#938b78}.my-status b{font-size:12px}.card-inspect{height:102px;min-height:102px;display:flex;gap:10px;padding:8px;border-radius:2px;background:linear-gradient(90deg,#0a142b,#050b18);border:1px solid rgba(216,170,82,.5);box-shadow:inset 0 0 0 2px #020712}.inspect-art{flex:0 0 74px;height:84px;border:1px solid #d3a653;background-size:cover;background-position:center;box-shadow:inset 0 0 0 2px #030713}.inspect-art span{display:none}.inspect-copy{padding:3px 0}.inspect-copy em{color:#a976ff;font-size:8px}.inspect-copy b{font-size:20px;color:#f4d99a}.inspect-copy small{font-size:8px;color:#c0b597;line-height:1.45}.inspect-rule{display:block;margin-top:4px;color:#7d8497;font:6.5px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}.hand{height:150px;gap:7px;align-items:end;padding:6px 4px 8px;overflow-x:auto}.card{flex:0 0 98px;height:139px;padding:0 7px 7px;border-radius:2px;overflow:hidden;background:#050b17!important;border:1px solid rgba(222,178,86,.66);box-shadow:inset 0 0 0 2px #020711,0 8px 18px rgba(0,0,0,.45)}.card:before{inset:3px;border-color:rgba(238,205,129,.18);z-index:5}.card-art{display:block!important;height:76px!important;margin:4px -3px 5px;background-size:cover;background-position:center 38%;border-bottom:1px solid rgba(216,172,82,.42);font-size:0!important}.card b{font-size:10px;line-height:1.1;position:relative;z-index:6}.card small{font-size:7px;color:#a984ff;position:relative;z-index:6}.card i{font-size:5.8px;line-height:1.15;height:20px;overflow:hidden;display:block;position:relative;z-index:6}.card.selected{transform:translateY(-11px) scale(1.035);border-color:#ffe092;box-shadow:0 0 0 1px #b9812e,0 0 24px rgba(255,192,52,.45),inset 0 0 0 2px #211405}.actions{grid-template-columns:repeat(5,1fr);gap:6px}.actions button{min-height:46px;border-radius:2px;font-size:11px;background:linear-gradient(180deg,#17345f,#0b1932);border:1px solid rgba(218,175,89,.55);box-shadow:inset 0 0 0 1px #030916,0 5px 14px rgba(0,0,0,.24)}.actions .end{background:linear-gradient(180deg,#cfaa64,#85531e);font-size:12px}.actions button:disabled{filter:grayscale(.65);opacity:.35}.log-toggle,.sound-toggle{z-index:25;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;background:rgba(4,10,22,.88);border:1px solid rgba(216,170,82,.55);color:#d7be85}.log-toggle{top:auto;bottom:365px}.sound-toggle{top:auto;bottom:365px}.log{z-index:50;background:rgba(3,8,18,.97);border-left:1px solid rgba(216,170,82,.5)}
.response-modal{z-index:80;background:rgba(1,3,10,.78);backdrop-filter:blur(9px)}.response-card{max-width:430px;border-radius:3px;padding:26px 20px 20px;background:linear-gradient(180deg,#0b1935,#030916);box-shadow:0 20px 70px #000,0 0 45px rgba(115,78,255,.18)}.response-card:before{content:"✦ RESPONSE ✦";display:block;text-align:center;color:#9d7b47;font-size:8px;letter-spacing:.2em;margin-bottom:10px}.response-card h2{font-size:23px}.response-card button{min-height:46px;border-radius:2px}.winner{z-index:100}.winner>div{border:1px solid #d1a14c;padding:35px 24px;background:linear-gradient(180deg,rgba(16,23,49,.94),rgba(4,9,20,.96));box-shadow:0 0 50px rgba(205,154,58,.2)}

@media(max-width:640px){
 #home{padding-left:10px;padding-right:10px}.hero h1{font-size:54px}.ornate-panel{padding-left:12px;padding-right:12px}.mode{min-height:138px;padding-top:55px;font-size:25px}.features span{font-size:8px}
 .battle-players{padding-bottom:374px}.fighter>.portrait{height:123px;min-height:123px}.fighter b{font-size:11px}.card{flex-basis:91px;height:136px}.card-art{height:74px!important}.action-panel{padding-left:7px;padding-right:7px}.log-toggle,.sound-toggle{bottom:352px}
}
@media(max-width:430px){
 #home{padding-top:20px}.hero h1{font-size:48px}.hero-cn{font-size:15px}.hero-chips span{font-size:7.5px;padding:6px 8px}.celestial-seal{width:72px;height:72px}.grail{font-size:39px}.ornate-panel{margin-top:17px}.mode-row{gap:7px}.mode{min-height:119px;padding-top:48px;font-size:21px}.mode:before{top:15px;font-size:29px}.mode small{font-size:9px}#create{min-height:54px;font-size:17px}.features{padding-left:2px;padding-right:2px}.features b{width:30px;height:30px;font-size:17px}.features small{font-size:6px}
 .battle-head .team{min-height:65px;padding:5px}.battle-head .team span{font-size:10px}.battle-head .team b{font-size:23px}.turn{min-width:62px}.formation-grid{gap:4px}.fighter>.portrait{height:96px;min-height:96px}.fighter-cost{width:25px;height:25px;font-size:11px}.fighter-info{padding:4px 3px 5px}.fighter b{font-size:9px}.fighter small,.fighter-element{font-size:5.5px}.stats span{font-size:5.1px}.battle-players{padding-bottom:354px}.card-inspect{height:88px;min-height:88px}.inspect-art{height:70px;flex-basis:62px}.inspect-copy b{font-size:16px}.inspect-copy small{font-size:7px}.hand{height:139px}.card{flex-basis:82px;height:126px}.card-art{height:67px!important}.actions button{min-height:42px;font-size:9px}.actions .end{font-size:10px}.log-toggle,.sound-toggle{bottom:333px}
}
@media(max-width:360px){.formation-grid{grid-template-columns:repeat(4,1fr)}.fighter>.portrait{height:80px;min-height:80px}.fighter-info b{font-size:7.5px}.stats{display:none}.battle-players{padding-bottom:344px}.hand{height:132px}.card{flex-basis:75px;height:119px}.card-art{height:62px!important}}

#actionState.urgent{color:#ffbf6b;text-shadow:0 0 12px rgba(255,90,55,.85);animation:deadlinePulse .8s ease-in-out infinite alternate}@keyframes deadlinePulse{to{transform:scale(1.04)}}
.fighter.left-game{filter:grayscale(.9) brightness(.45);opacity:.58;pointer-events:none}
.fighter.left-game::after{content:'已离场';position:absolute;inset:42% 12% auto;z-index:8;text-align:center;padding:.32rem .5rem;border:1px solid rgba(225,183,94,.65);border-radius:999px;background:rgba(8,10,20,.82);color:#e8d39b;font-weight:800;letter-spacing:.12em}
.exit-game{position:fixed;top:calc(7px + env(safe-area-inset-top));right:8px;z-index:35;min-height:30px;padding:0 9px;border:1px solid rgba(225,183,94,.6);border-radius:3px;background:rgba(8,16,34,.92);color:#f0d699;font:10px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;box-shadow:0 4px 14px rgba(0,0,0,.35)}