:root{color-scheme:dark;--bg: #12051f;--ink: #fff8e7;--muted: #cbb7dc;--soft: #ffe9ad;--accent: #7b3ff2;--accent-hot: #a56cff;--gold: #f7c84b;--green: #38d987;--blue: #45c8ff;--panel: rgba(37, 13, 65, .82);--panel-strong: rgba(58, 22, 91, .9);--line: rgba(247, 200, 75, .24);--shadow: 0 22px 60px rgba(0, 0, 0, .36);--glow: 0 0 30px rgba(165, 108, 255, .4);font-family:Trebuchet MS,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--bg)}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 18% 9%,rgba(247,200,75,.26),transparent 26%),radial-gradient(circle at 86% 15%,rgba(145,84,255,.32),transparent 28%),radial-gradient(circle at 50% 118%,rgba(247,200,75,.18),transparent 32%),linear-gradient(160deg,#130521,#311258 46%,#0b0614);color:var(--ink)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 78%);mask-image:radial-gradient(circle at center,black,transparent 78%)}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 45%,rgba(255,198,77,.08) 45% 46%,transparent 46%),radial-gradient(circle at 50% 0%,rgba(255,255,255,.06),transparent 34%);mix-blend-mode:screen}button,input,select,textarea{font:inherit}button{border:0;border-radius:999px;padding:15px 22px;background:linear-gradient(180deg,#f7c84bfa,#bd7e1ffa);color:#fff7e3;box-shadow:0 12px 28px #f7c84b3d,inset 0 1px #ffffff6b;font-size:16px;font-weight:900;letter-spacing:.02em;touch-action:manipulation;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease}button:active{transform:translateY(2px) scale(.98);filter:brightness(1.08)}button.secondary{border:1px solid rgba(255,214,125,.25);background:#ffefcf17;color:var(--soft);box-shadow:none}.primary-action{position:relative;overflow:hidden;min-height:56px;background:linear-gradient(90deg,#6f35e8,#a56cff 48%,#f7c84b);color:#180624;text-shadow:0 1px 0 rgba(255,255,255,.36);box-shadow:0 18px 42px #7e44ff61,0 0 34px #f7c84b4d}.primary-action:after{content:"";position:absolute;inset:-80% auto auto -35%;width:42%;height:220%;background:#ffffff57;transform:rotate(22deg);animation:button-shine 2.8s ease-in-out infinite}.shell{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:18px 18px 112px}.hero{position:relative;width:min(100%,440px);padding:24px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(160deg,#3a165be6,#140822e0),var(--panel);box-shadow:var(--shadow),inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:rise-in .28s ease both;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,rgba(255,207,92,.16),transparent 26%),linear-gradient(135deg,rgba(255,255,255,.08),transparent 28%);pointer-events:none}.hero>*{position:relative}.brand-mark{display:grid;place-items:center;width:54px;height:54px;margin-bottom:14px;border:2px solid rgba(255,226,156,.5);border-radius:18px;background:radial-gradient(circle at 30% 20%,#fff2a6,transparent 28%),linear-gradient(145deg,#f7c84b,#8b54ff 56%,#42157a);color:#1a0828;font-size:32px;font-weight:900;box-shadow:0 0 30px #a56cff7a,inset 0 -10px 18px #00000029;transform:rotate(-7deg)}.eyebrow{margin:0 0 8px;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(38px,11vw,54px);line-height:.92;letter-spacing:-.06em;text-shadow:0 2px 0 rgba(32,8,52,.68),0 0 28px rgba(165,108,255,.28)}.summary{margin:15px 0 0;color:var(--muted);line-height:1.65}.danger-text{color:#ffb4a8}button:disabled{cursor:not-allowed;filter:grayscale(.45);opacity:.55}.mode-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.mode-strip span,.mode-strip button{padding:8px 7px;border:1px solid rgba(255,198,77,.2);border-radius:999px;background:#ffffff0f;color:var(--soft);font-size:12px;font-weight:900;text-align:center}.mode-strip button{grid-column:1 / -1;min-height:38px;border-color:#ffd27e70;background:linear-gradient(135deg,#f7c84b33,#7b3ff229);color:#ffe7a3;box-shadow:none}.home-arena{display:grid;gap:10px;margin-top:18px}.arena-card{position:relative;padding:16px;border:1px solid rgba(255,210,126,.2);border-radius:24px;background:#ffffff0f;overflow:hidden}.arena-card:after{content:"";position:absolute;right:-28px;top:-36px;width:96px;height:96px;border-radius:999px;background:#ffc64d1f}.arena-card.premium{border-color:#ffc64d66;background:radial-gradient(circle at right top,rgba(255,198,77,.18),transparent 38%),#7b3ff229}.arena-card span,.arena-card strong,.arena-card small{position:relative;display:block}.arena-card span{color:var(--gold);font-size:12px;font-weight:900}.arena-card strong{margin-top:4px;color:var(--ink);font-size:24px}.arena-card small{margin-top:6px;color:var(--muted);font-weight:800;line-height:1.45}.rule-preview{display:grid;gap:8px;margin-top:14px}.rule-preview span{padding:10px 12px;border:1px solid rgba(255,210,126,.14);border-radius:16px;background:#ffffff0d;color:var(--muted);font-size:13px;font-weight:800}.trust-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.trust-strip article{min-width:0;padding:10px 11px;border:1px solid rgba(255,210,126,.16);border-radius:18px;background:radial-gradient(circle at 100% 0%,rgba(247,200,75,.14),transparent 44%),#ffffff0e}.trust-strip span,.trust-strip strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trust-strip span{color:var(--muted);font-size:11px;font-weight:900}.trust-strip strong{margin-top:3px;color:#fff1a6;font-size:16px}.profile-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-top:18px;padding:15px;border:1px solid rgba(255,201,88,.28);border-radius:26px;background:linear-gradient(135deg,#f7c84b29,#7b3ff22e),#ffffff0e;box-shadow:inset 0 1px #ffffff14;overflow:hidden}.profile-card:after{content:"";position:absolute;right:-48px;top:-54px;width:124px;height:124px;border-radius:999px;background:radial-gradient(circle,rgba(255,198,77,.22),transparent 68%)}.profile-main{min-width:0}.profile-main strong,.profile-main small,.profile-kicker{display:block}.profile-main strong{overflow:hidden;margin:3px 0 4px;color:#fff8e8;font-size:22px;text-overflow:ellipsis;white-space:nowrap}.profile-main small,.profile-kicker{color:var(--muted);font-size:12px;font-weight:900}.rank-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;margin-top:10px;padding:13px;border:1px solid rgba(255,210,126,.22);border-radius:22px;background:radial-gradient(circle at 12% 18%,var(--rank-color),transparent 34%),linear-gradient(135deg,#7b3ff22e,#f7c84b1a),#ffffff0e;box-shadow:inset 0 1px #ffffff14,0 12px 30px #00000038}.rank-emblem{display:grid;place-items:center;width:52px;height:52px;border:2px solid rgba(255,247,213,.78);border-radius:18px;background:radial-gradient(circle at 32% 20%,rgba(255,255,255,.42),transparent 28%),linear-gradient(145deg,var(--rank-color),#241034);color:#241034;font-size:26px;font-weight:1000;text-shadow:0 1px 0 rgba(255,255,255,.5);box-shadow:0 10px 24px #00000038}.rank-card span,.rank-card strong,.rank-card small{display:block}.rank-card span{color:var(--muted);font-size:11px;font-weight:1000}.rank-card strong{margin-top:2px;color:#fff6d0;font-size:22px;line-height:1.1}.rank-card small{margin-top:4px;color:#ffefc49e;font-size:11px;font-weight:800;line-height:1.35}.mine-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.mine-stats article{padding:11px;border:1px solid rgba(255,210,126,.14);border-radius:18px;background:#ffffff0e}.mine-stats span,.mine-stats strong{display:block}.mine-stats span{color:var(--muted);font-size:11px;font-weight:900}.mine-stats strong{margin-top:3px;color:#fff2ae;font-size:17px}.ghost-button{padding:9px 13px;border:1px solid rgba(255,218,133,.3);background:#ffffff14;color:var(--gold);box-shadow:none;font-size:13px}.avatar-token{display:grid;place-items:center;flex:0 0 auto;border:3px solid rgba(255,244,212,.9);border-radius:50%;color:#fff;font-weight:900;line-height:1;box-shadow:inset 0 -11px 18px #00000038,0 0 0 5px #ffc74d1f,0 12px 26px #00000047}.avatar-token.large{width:66px;height:66px;font-size:28px}.avatar-token.medium{width:56px;height:56px;font-size:22px}.avatar_1{background:radial-gradient(circle at 32% 24%,#ffd6a8,transparent 24%),linear-gradient(145deg,#ff704c,#bd251b)}.avatar_2{background:radial-gradient(circle at 35% 22%,#fff3a2,transparent 24%),linear-gradient(145deg,#ffbc42,#d96d00)}.avatar_3{background:radial-gradient(circle at 30% 24%,#c8ffd9,transparent 24%),linear-gradient(145deg,#34d786,#0d7f51)}.avatar_4{background:radial-gradient(circle at 32% 22%,#c7f5ff,transparent 24%),linear-gradient(145deg,#33bff0,#1456b8)}.avatar_5{background:radial-gradient(circle at 30% 24%,#d8ddea,transparent 24%),linear-gradient(145deg,#6f788c,#252b3a)}.avatar_6{background:radial-gradient(circle at 34% 22%,#fffbd0,transparent 25%),linear-gradient(145deg,#ffe16a,#b77608)}.wallet-card{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:14px;padding:17px;border:1px solid rgba(255,198,77,.26);border-radius:26px;background:linear-gradient(135deg,#ffc64d2e,#ffffff0f),#130a0852}.wallet-card span,.wallet-card small{display:block;color:var(--muted);font-weight:900}.wallet-card strong{display:block;margin:6px 0;color:#fff2b8;font-size:32px;line-height:1}.wallet-glow{display:grid;place-items:center;width:58px;height:58px;border-radius:20px;background:radial-gradient(circle at 30% 20%,#fff6bb,transparent 30%),linear-gradient(145deg,#f7c84b,#b47b2c);color:#1a0828;font-weight:900;box-shadow:0 0 26px #ffc64d59}.recharge-form{display:grid;gap:14px;margin-top:22px}.recharge-form label{display:grid;gap:8px;color:var(--soft);font-weight:900}.recharge-form input{width:100%;border:1px solid rgba(255,210,126,.24);border-radius:18px;padding:15px;background:#ffffff14;color:var(--ink);font-size:17px;outline:none;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.recharge-form input:focus{border-color:#ffc64db3;background:#ffffff1f;box-shadow:0 0 0 4px #ffc64d1f}.recharge-form input:disabled{color:#fff8e78a}.profile-editor:after{content:"";position:absolute;right:-70px;top:-80px;width:190px;height:190px;border-radius:52px;background:linear-gradient(135deg,#7b3ff247,#f7c84b3d);transform:rotate(18deg)}.avatar-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.avatar-option{display:grid;place-items:center;gap:7px;min-height:104px;padding:12px 8px;border:1px solid rgba(255,210,126,.22);border-radius:22px;background:#ffffff0f;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.avatar-option:active{transform:scale(.98)}.avatar-option input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.avatar-option em{color:var(--muted);font-size:12px;font-style:normal;font-weight:900}.avatar-option.selected{border-color:#ffc64db8;background:#7b3ff229;box-shadow:0 0 24px #a56cff38}.actions{display:grid;gap:10px;margin-top:18px}.bottom-nav{position:fixed;z-index:20;left:50%;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 20px);display:grid;grid-template-columns:1fr 92px 1fr;gap:8px;align-items:end;width:min(92vw,390px);padding:10px 14px;border:1px solid rgba(255,210,126,.26);border-radius:999px;background:linear-gradient(180deg,#371657e6,#11071df0);box-shadow:0 20px 48px #0000006b,inset 0 1px #ffffff14;transform:translate(-50%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav button{display:grid;place-items:center;gap:3px;min-height:48px;padding:6px 8px;border:0;background:transparent;color:var(--muted);box-shadow:none;font-size:12px}.bottom-nav button span{font-size:18px;line-height:1}.bottom-nav button.active{color:var(--gold)}.bottom-nav .battle-fab{width:78px;height:78px;margin:-34px auto 0;border:4px solid rgba(255,240,196,.92);border-radius:999px;background:radial-gradient(circle at 34% 22%,#fff7bd,transparent 28%),linear-gradient(145deg,#f7c84b,#b96cff 54%,#42157a);color:#1a0828;box-shadow:0 0 0 7px #ffc64d24,0 18px 34px #7b3ff26b;font-size:13px}.bottom-nav .battle-fab span{color:#ffea61;font-size:32px;filter:drop-shadow(0 0 5px rgba(255,248,177,1)) drop-shadow(0 0 14px rgba(247,200,75,.95));text-shadow:0 1px 0 #7a4b00,0 0 10px rgba(255,246,168,1),0 0 22px rgba(247,200,75,.9)}.mine-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:14px}.mine-grid article{min-height:76px;padding:12px;border:1px solid rgba(255,210,126,.18);border-radius:18px;background:radial-gradient(circle at 100% 0%,rgba(247,200,75,.1),transparent 40%),#ffffff0f}.mine-grid span,.mine-grid strong{display:block}.mine-grid span{color:var(--muted);font-size:12px;font-weight:900}.mine-grid strong{margin-top:5px;color:var(--soft);font-size:17px;line-height:1.1}.history-panel{margin-top:16px;padding:12px;border:1px solid rgba(255,210,126,.18);border-radius:22px;background:linear-gradient(145deg,#7b3ff22e,#ffc64d14),#ffffff0b}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-bottom:12px}.section-title h2,.section-title p{margin:0}.section-title h2{color:#fff8e8;font-size:20px}.section-title>span{padding:5px 9px;border:1px solid rgba(255,210,126,.22);border-radius:999px;color:var(--gold);font-size:12px;font-weight:900;white-space:nowrap}.battle-history{display:grid;gap:8px}.history-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:2px 0 12px}.history-tabs button{min-height:38px;padding:8px 10px;border:1px solid rgba(255,210,126,.18);border-radius:999px;background:#ffffff0e;color:var(--muted);box-shadow:none;font-size:12px;font-weight:900}.history-tabs button.active{border-color:#ffd66f9e;background:linear-gradient(135deg,#f7c84b47,#7b3ff238);color:#fff3bd}.history-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main score" "meta score";gap:8px 10px;align-items:center;min-height:82px;padding:10px 11px 10px 13px;border:1px solid rgba(255,210,126,.15);border-radius:17px;background:#10071e70}.history-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#ffd27e59}.history-card.win:before{background:linear-gradient(#fff6b3,#f7c84b)}.history-card.lose:before{background:linear-gradient(#ff8a8a,#b93652)}.history-main,.history-score,.history-meta{position:relative}.history-main{grid-area:main;display:flex;justify-content:space-between;gap:8px;align-items:flex-start;min-width:0}.history-main strong,.history-main small{display:block}.history-main strong{color:#fff6d7;font-size:15px;line-height:1.15}.history-main small{overflow:hidden;max-width:170px;margin-top:3px;color:var(--muted);font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.history-result{padding:4px 8px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}.history-result.win{background:#f7c84b2e;color:#ffe17a}.history-result.lose{background:#ff597429;color:#ffb1be}.history-result.pending{background:#ffffff14;color:var(--muted)}.history-score{grid-area:score;display:grid;justify-items:end;gap:2px;min-width:74px}.history-score span{color:#ffefc49e;font-size:10px;font-weight:900}.history-score strong{color:#fff1a6;font-size:22px;line-height:1;text-shadow:0 0 14px rgba(247,200,75,.2)}.history-score em{margin:0 3px;color:#ffebaf94;font-style:normal;font-size:16px}.history-score.behind strong{color:#ffbcc6}.history-score.draw strong{color:var(--muted)}.history-meta{grid-area:meta;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:0;color:var(--muted);font-size:11px;font-weight:850}.history-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-meta b{color:var(--soft)}.empty-history p{margin:0;color:var(--muted);font-weight:850;line-height:1.5}.history-pager{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-top:12px}.history-pager span{color:var(--muted);font-size:13px;font-weight:900;white-space:nowrap}.history-pager button{min-height:42px;padding:10px 12px;font-size:13px}.mode-sheet-mask{position:fixed;z-index:40;inset:0;display:grid;place-items:end center;padding:16px;background:#0e051cad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mode-sheet{width:min(100%,430px);padding:22px;border:1px solid rgba(255,210,126,.28);border-radius:30px;background:radial-gradient(circle at right top,rgba(247,200,75,.12),transparent 36%),linear-gradient(160deg,#401866f7,#120720fa);box-shadow:0 24px 70px #00000085,inset 0 1px #ffffff14;animation:sheet-in .2s ease both}.mode-sheet h2{margin:0 0 14px;font-size:28px}.mode-card{display:grid;gap:6px;width:100%;margin-top:10px;padding:16px;border:1px solid rgba(255,210,126,.2);border-radius:22px;background:#ffffff12;color:var(--ink);text-align:left;box-shadow:none}.mode-sheet>.secondary{margin-top:18px}.tips-sheet{max-height:min(82vh,720px);overflow-y:auto}.tips-subtitle{margin-top:18px!important}.guide-steps{display:grid;gap:9px;margin-bottom:4px}.guide-steps article{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:11px;border:1px solid rgba(255,214,125,.24);border-radius:18px;background:radial-gradient(circle at 0% 0%,rgba(247,200,75,.16),transparent 42%),#ffffff0f}.guide-steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#f7c84b,#a56cff);color:#190526;font-size:16px;font-weight:1000;box-shadow:0 0 18px #f7c84b4d}.guide-steps span{color:var(--soft);font-size:13px;font-weight:900;line-height:1.45}.tips-grid{display:grid;gap:10px}.tips-grid article{padding:13px;border:1px solid rgba(255,210,126,.18);border-radius:18px;background:#ffffff0e}.tips-grid strong,.tips-grid span{display:block}.tips-grid strong{color:#fff4c7;font-size:15px}.tips-grid span{margin-top:5px;color:var(--muted);font-size:13px;font-weight:850;line-height:1.55}.mode-card strong,.mode-card span,.rule-list span{display:block}.mode-card strong{color:var(--soft);font-size:18px}.mode-card span,.rule-list span{color:var(--muted);font-size:13px;line-height:1.5}.mode-card.premium{border-color:#ffc64d70;background:radial-gradient(circle at right top,rgba(255,198,77,.18),transparent 38%),#7b3ff229}.rule-list{display:grid;gap:8px;margin:16px 0}.rule-list span{padding:10px 12px;border:1px solid rgba(255,210,126,.14);border-radius:16px;background:#ffffff0e}.notice{margin-top:20px;padding:16px;border:1px solid rgba(255,210,126,.16);border-radius:22px;background:#ffffff0e}.danger-notice{border-color:#ff63635c;background:#6e17256b}.notice h2{margin:0 0 8px;font-size:17px}.notice p{margin:0;color:var(--muted);line-height:1.55}.matching-card{text-align:center}.matching-card .brand-mark{margin-inline:auto}.matching-card .actions{margin-top:14px}.match-status-text{min-height:28px;margin-top:14px;font-size:18px;font-weight:900}.match-help-text{min-height:22px;margin-top:4px;font-size:14px;font-weight:850}.matching-card #match-cancel-status{min-height:20px;margin-top:8px;font-size:13px}.spinner{width:70px;height:70px;margin:24px auto 10px;border:7px solid rgba(255,198,77,.13);border-top-color:var(--accent);border-right-color:var(--gold);border-radius:50%;animation:spin .72s linear infinite;box-shadow:0 0 34px #a56cff42}.match-radar{position:relative;width:112px;height:38px;margin:4px auto 0}.match-radar span{position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:999px;background:var(--gold);box-shadow:0 0 18px #ffc64db3;transform:translate(-50%,-50%)}.match-radar span:nth-child(1){margin-left:-36px;animation:radar-dot .9s ease-in-out infinite}.match-radar span:nth-child(2){animation:radar-dot .9s ease-in-out .12s infinite}.match-radar span:nth-child(3){margin-left:36px;animation:radar-dot .9s ease-in-out .24s infinite}.battle-shell{position:relative;z-index:1;width:min(100%,540px);height:100dvh;margin:0 auto;padding:8px 10px 10px;display:grid;grid-template-rows:34px 82px minmax(0,1fr) 74px;gap:8px;overflow:hidden;touch-action:manipulation}.battle-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(255,210,126,.16);border-radius:999px;background:#12051fb8;box-shadow:0 10px 26px #0000002e}.battle-header span{color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.06em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-header span:last-child{text-align:right}.battle-header strong{color:var(--gold);font-size:22px;line-height:1;text-shadow:0 0 14px rgba(255,198,77,.45)}.score-strip{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:7px;align-items:stretch;margin-top:0}.score-card{min-width:0;padding:9px 10px;border:1px solid rgba(255,210,126,.18);border-radius:18px;background:#ffffff12;box-shadow:var(--shadow)}.score-card span,.score-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-card span{color:#fff7e0e6;font-size:12px;font-weight:900}.score-card strong{display:block;margin:2px 0;color:#fff3ba;font-size:clamp(24px,8vw,34px);line-height:1}.score-card small{color:var(--muted);font-size:11px;font-weight:900}.pressure-meter{overflow:hidden;height:7px;margin-top:7px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#0000003d}.pressure-meter i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#63f0a4,#ffdf68 58%,#ff5f75);box-shadow:0 0 14px #ff5f7557;transition:width .18s ease}.pressure-meter.self i{background:linear-gradient(90deg,#7cf3c4,#ffe26d 62%,#ff6d7e)}.pressure-meter.opponent i{background:linear-gradient(90deg,#a56cff,#f7c84b 62%,#ff6262)}.score-card.self{border-color:#a56cff94;background:#7b3ff229}.vs-pill{align-self:center;display:grid;place-items:center;height:42px;border:1px solid rgba(255,198,77,.32);border-radius:999px;background:linear-gradient(145deg,#ffcf532e,#7b3ff233);color:var(--gold);font-size:12px;font-weight:1000}.board-panel,.battle-log{min-height:0;margin-top:0;padding:12px;border:1px solid rgba(255,210,126,.18);border-radius:24px;background:radial-gradient(circle at 100% 0%,rgba(247,200,75,.1),transparent 38%),linear-gradient(145deg,#290a30eb,#230a0ee6);box-shadow:var(--shadow)}.board-panel{display:grid;grid-template-rows:auto minmax(0,1fr);padding:9px 10px 10px}.board-title{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-height:42px;padding:2px 4px 7px;border-bottom:1px solid rgba(255,210,126,.12)}.board-title h2,.battle-log h2{margin:0;font-size:15px}.board-title .eyebrow{margin-bottom:3px;color:#ffdd82c7;font-size:10px;letter-spacing:.18em}.board-title h2{color:#fff5cf;font-size:18px;line-height:1.08;text-shadow:0 0 16px rgba(247,200,75,.2)}.board-title>p{max-width:154px;margin:0;padding:7px 10px;border:1px solid rgba(255,218,122,.18);border-radius:999px;background:#ffffff0f;color:#ffe8a6;font-size:11px;font-weight:900;line-height:1.22;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-board{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(8,minmax(0,1fr));gap:clamp(4px,1.4vw,7px);width:min(100%,calc((100dvh - 222px)*.75));max-width:430px;min-height:0;justify-self:center;align-self:center;margin-top:8px;padding:clamp(7px,2vw,10px);border:1px solid rgba(255,226,156,.14);border-radius:22px;background:radial-gradient(circle at 50% 0%,rgba(165,108,255,.28),transparent 45%),linear-gradient(180deg,#0c0716f5,#2c1147eb)}.tile{position:relative;aspect-ratio:1;width:100%;min-width:0;padding:0;border:2px solid rgba(255,255,255,.36);border-radius:clamp(10px,3vw,15px);box-shadow:inset 0 -7px 13px #0003,0 5px 9px #0003;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.tile:after{content:"";position:absolute;left:18%;top:14%;width:26%;height:20%;border-radius:999px;background:#ffffff52}.tile:active,.tile.selected{transform:scale(.91);filter:brightness(1.2);outline:4px solid rgba(255,226,156,.78);box-shadow:inset 0 -9px 16px #0003,0 0 22px #ffc64d66}.tile.ruby{background:linear-gradient(145deg,#ff8168,#d3231b)}.tile.amber{background:linear-gradient(145deg,#ffde73,#f08a12)}.tile.jade{background:linear-gradient(145deg,#69ee9a,#169950)}.tile.aqua{background:linear-gradient(145deg,#78e6ff,#177ed0)}.tile.slate{background:linear-gradient(145deg,#a5adbd,#465064)}.tile.gold{background:linear-gradient(145deg,#fff08a,#c8a21f)}.battle-log p,.empty-log{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-log{display:grid;grid-template-rows:auto minmax(0,1fr);gap:5px;padding:11px 14px;background:radial-gradient(circle at 100% 20%,rgba(247,200,75,.12),transparent 42%),linear-gradient(135deg,#2d0d12f2,#180720e6)}.battle-log h2{display:flex;justify-content:space-between;align-items:center;color:#fff1c1;line-height:1}.battle-log h2 span{font-size:16px}.battle-log h2 small{padding:4px 8px;border:1px solid rgba(255,214,125,.16);border-radius:999px;background:#ffffff0e;color:#ffe8b0b8;font-size:10px;font-weight:900}#battle-event-log{min-width:0}.battle-log p{display:grid;grid-template-columns:34px minmax(0,1fr);gap:7px;align-items:center}.battle-log p b{display:inline-grid;place-items:center;min-width:32px;padding:3px 6px;border-radius:999px;background:#f7c84b24;color:#ffe082;font-size:10px}.battle-log p span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#battle-feedback-layer{position:fixed;z-index:42;left:50%;top:47%;pointer-events:none;transform:translate(-50%,-50%)}.battle-feedback{padding:10px 18px;border:1px solid rgba(255,238,169,.68);border-radius:999px;background:radial-gradient(circle at 30% 10%,rgba(255,255,255,.36),transparent 34%),linear-gradient(135deg,#f7c84bf5,#a56cffeb);color:#1b062a;font-size:clamp(22px,7vw,36px);font-weight:1000;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.3);box-shadow:0 18px 42px #0000006b,0 0 34px #f7c84b5c;animation:battle-pop .9s ease-out both}.battle-feedback.attack{background:radial-gradient(circle at 30% 10%,rgba(255,255,255,.4),transparent 34%),linear-gradient(135deg,#ffdd5f,#ff644f 54%,#7b3ff2)}.battle-feedback.combo{background:radial-gradient(circle at 30% 10%,rgba(255,255,255,.4),transparent 34%),linear-gradient(135deg,#78e6ff,#a56cff 58%,#f7c84b)}.ready-mask,.finish-mask{position:fixed;z-index:50;inset:0;display:grid;place-content:center;gap:12px;padding:26px;background:#0a0312b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.ready-mask{z-index:45;background:radial-gradient(circle at 50% 48%,rgba(247,200,75,.28),transparent 34%),linear-gradient(180deg,#0a0212b8,#0a0212d6);-webkit-backdrop-filter:blur(7px) saturate(1.18);backdrop-filter:blur(7px) saturate(1.18);pointer-events:auto}.ready-mask:before{content:"";width:min(310px,82vw);height:min(310px,82vw);position:absolute;top:50%;left:50%;border:2px solid rgba(255,232,149,.76);border-radius:999px;background:radial-gradient(circle at 50% 45%,#ffd95a61,#602491c2 56%,#1c062df0),conic-gradient(from 30deg,#ffec9c2e,#ffcc4cb8,#a56cff47,#ffec9c2e);box-shadow:0 0 0 10px #ffc64d1f,0 24px 80px #0000009e,0 0 58px #ffc64d75,inset 0 0 62px #1c062d9e;transform:translate(-50%,-50%);animation:ready-pulse 1s ease-in-out infinite}.ready-mask>*{position:relative;z-index:1}.ready-mask h2,.finish-mask h2{margin:0;color:#fff3ba;font-size:42px;text-shadow:0 0 24px rgba(255,198,77,.42)}.ready-mask h2{color:#fff2a9;font-size:clamp(96px,28vw,148px);line-height:.78;text-shadow:0 3px 0 rgba(97,49,0,.42),0 0 18px rgba(255,248,177,1),0 0 46px rgba(247,189,39,.96),0 14px 38px rgba(32,5,68,.92)}.ready-mask p,.finish-mask p{margin:0;color:var(--soft)}.ready-mask .eyebrow{display:inline-grid;justify-self:center;margin-bottom:12px;padding:7px 14px;border:1px solid rgba(255,239,188,.58);border-radius:999px;background:#10041c75;color:#fff5bd;font-size:13px;letter-spacing:.14em;box-shadow:0 0 22px #ffc64d3d}.ready-mask p:not(.eyebrow){margin-top:12px;color:#fff3bd;font-size:20px;font-weight:1000;text-shadow:0 2px 0 rgba(34,5,61,.6),0 0 18px rgba(255,198,77,.34)}.finish-reason{max-width:240px;margin:6px auto 0!important;color:#ffdf8a!important;font-size:13px;font-weight:900;line-height:1.4}.ready-mask small{display:inline-block;margin-top:10px;padding:6px 12px;border-radius:999px;background:#0c031680;color:#fff3c9f0;font-size:13px;font-weight:900;letter-spacing:.03em}.finish-card{width:min(320px,84vw);justify-self:center;padding:24px 20px 18px;border:1px solid rgba(255,222,138,.24);border-radius:30px;background:linear-gradient(150deg,#5b23a1e6,#230d43f0 58%,#492b0fe6),#120620eb;box-shadow:0 24px 80px #0000006b,inset 0 1px #ffffff1f}.result-score-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.result-score-grid span{display:grid;gap:4px;padding:10px;border:1px solid rgba(255,218,130,.16);border-radius:18px;color:var(--muted);font-size:12px;font-weight:900;background:#0b04146b}.result-score-grid strong{color:var(--gold);font-size:20px;line-height:1}.finish-actions{display:grid;justify-self:center;gap:10px;width:min(320px,84vw);padding:0 28px}.finish-actions button{width:100%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes button-shine{0%,45%{transform:translate(0) rotate(22deg)}70%,to{transform:translate(420%) rotate(22deg)}}@keyframes radar-dot{0%,to{transform:translate(-50%,-50%) scale(.76);opacity:.46}50%{transform:translate(-50%,-50%) scale(1.22);opacity:1}}@keyframes ready-pulse{0%,to{opacity:.96;transform:translate(-50%,-50%) scale(.98) rotate(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.035) rotate(5deg)}}@keyframes sheet-in{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes battle-pop{0%{opacity:0;transform:translateY(24px) scale(.72) rotate(-4deg)}18%{opacity:1;transform:translateY(-6px) scale(1.08) rotate(2deg)}72%{opacity:1;transform:translateY(-28px) scale(1)}to{opacity:0;transform:translateY(-48px) scale(.94)}}@media(max-width:480px){.shell{padding:12px 12px 112px}.hero{border-radius:28px;padding:20px}.brand-mark{width:48px;height:48px;border-radius:16px;font-size:29px}.profile-card{grid-template-columns:auto 1fr}.ghost-button{grid-column:1 / -1;width:100%}.mode-strip{grid-template-columns:repeat(3,1fr);gap:6px}.mode-strip span,.mode-strip button{padding:8px 4px;font-size:11px}.mode-strip button{grid-column:1 / -1}.wallet-card{align-items:flex-start}.avatar-picker{grid-template-columns:repeat(2,1fr)}.game-board{gap:clamp(4px,1.3vw,6px);padding:8px}.tile{border-radius:clamp(9px,2.8vw,13px)}.bottom-nav{width:min(94vw,380px)}.mine-grid{grid-template-columns:repeat(2,1fr)}.history-card{grid-template-columns:minmax(0,1fr) 78px;min-height:78px;padding:9px 10px 9px 13px}.history-main small{max-width:150px}.history-score strong{font-size:20px}.history-meta{grid-template-columns:minmax(0,1fr) auto}}