:root{--bg-deep: #16113a;--bg-mid: #241b52;--bg-panel: rgba(38, 28, 82, .92);--bg-panel-light: rgba(58, 44, 116, .9);--gold: #f2c14e;--gold-bright: #ffe08a;--text: #f3edff;--text-dim: #b3a8d9;--p0: #ffb02e;--p1: #ff5d5d;--p2: #38d17c;--p3: #58a6ff;--fire: #ff7a45;--water: #4fc3f7;--wood: #81c784;--radius: 14px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;background:var(--bg-deep);color:var(--text);font-family:"M PLUS Rounded 1c",Hiragino Maru Gothic ProN,sans-serif;user-select:none;-webkit-user-select:none;touch-action:manipulation}#app{height:100%;position:relative}.screen{position:absolute;inset:0;display:flex;flex-direction:column;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);background:radial-gradient(ellipse 120% 70% at 50% -10%,#3d2c7a 0%,transparent 55%),radial-gradient(ellipse 90% 60% at 85% 110%,#1f3a5c 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 10% 100%,#40215c 0%,transparent 60%),var(--bg-deep);animation:screenIn .45s ease both;overflow:hidden}@keyframes screenIn{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.screen.leaving{animation:screenOut .3s ease both}@keyframes screenOut{to{opacity:0;transform:scale(.97)}}.stars{position:absolute;inset:0;pointer-events:none}.stars i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.15;transform:scale(.7)}50%{opacity:.9;transform:scale(1.2)}}.btn{font-family:inherit;font-weight:800;font-size:17px;color:#3a2410;background:linear-gradient(180deg,var(--gold-bright),var(--gold) 55%,#d99b2b);border:none;border-radius:999px;padding:14px 38px;cursor:pointer;box-shadow:0 4px #a06b14,0 8px 24px #f2c14e59;transition:transform .12s ease,box-shadow .12s ease,filter .2s;letter-spacing:.08em}.btn:active{transform:translateY(3px);box-shadow:0 1px #a06b14,0 4px 12px #f2c14e4d}.btn:disabled{filter:grayscale(.8) brightness(.7);pointer-events:none}.btn.secondary{color:var(--text);background:linear-gradient(180deg,#5a4894,#453575 55%,#342659);box-shadow:0 4px #241a40,0 8px 20px #28185a80}.btn.secondary:active{box-shadow:0 1px #241a40}.btn.small{font-size:14px;padding:9px 22px}.btn.danger{color:#fff;background:linear-gradient(180deg,#ff8a80,#e5534b 55%,#b3352e);box-shadow:0 4px #7c1f1a}.title-screen{align-items:center;justify-content:center;gap:12px}.title-logo{text-align:center;margin-bottom:8px;animation:logoFloat 4s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.title-logo .en{font-family:Cinzel,serif;font-size:clamp(40px,12vw,72px);font-weight:800;letter-spacing:.12em;background:linear-gradient(180deg,#fff3d0 10%,var(--gold) 45%,#c87f1e 70%,#ffe9ad 95%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 14px rgba(242,193,78,.45)) drop-shadow(0 1px 0 #6b4308)}.title-logo .ja{font-family:Kaisei Decol,serif;font-size:clamp(15px,4.5vw,22px);color:var(--text-dim);letter-spacing:.55em;margin-top:2px;text-indent:.55em}.title-tagline{color:var(--text-dim);font-size:13px;margin-bottom:26px;letter-spacing:.1em}.title-menu{display:flex;flex-direction:column;gap:14px;width:min(300px,78vw)}.title-menu .btn{width:100%}.title-account{width:min(340px,84vw);min-height:46px;display:flex;align-items:center;justify-content:center;gap:8px;padding:7px;border:1px solid rgba(255,224,138,.28);border-radius:999px;background:#120d2e6b;box-shadow:inset 0 0 18px #ffe08a0d}.account-login,.account-action{min-height:32px;padding:0 14px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:var(--text);background:#ffffff14;font:inherit;font-size:12px;font-weight:800;letter-spacing:.04em}.account-login.apple{background:#00000057}.account-action{color:var(--text-dim);padding:0 10px}.account-state,.account-name{color:var(--text-dim);font-size:12px;font-weight:800;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account-state.warn{color:#ffcf7a}.account-photo,.account-mark{width:28px;height:28px;flex:0 0 auto;border-radius:50%}.account-photo{object-fit:cover}.account-mark{display:grid;place-items:center;color:#173012;background:var(--wood);font-size:15px;font-weight:900}.title-options{position:absolute;top:calc(12px + var(--safe-top));right:14px;width:42px;height:42px;border-radius:12px;background:var(--bg-panel-light);border:1px solid rgba(255,255,255,.15);color:var(--text);font-size:20px;cursor:pointer;z-index:5;display:grid;place-items:center}.options-box .opt-row{margin-bottom:12px}.options-box .opt-label{font-size:13px;font-weight:800;color:var(--gold-bright);margin-bottom:3px}.options-box .opt-sub{font-size:11.5px;color:var(--text-dim);line-height:1.6}.options-box .opt-sound{display:block;width:100%;margin:4px 0 16px}.options-box .opt-reset{display:block;width:100%;margin:4px 0 10px}.options-box .opt-close{display:block;width:100%}.title-monsters{position:absolute;inset:0;pointer-events:none;overflow:hidden}.title-monsters .float-mon{position:absolute;opacity:.5;filter:blur(.4px) drop-shadow(0 6px 18px rgba(0,0,0,.4));animation:floatMon 14s ease-in-out infinite}@keyframes floatMon{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-26px) rotate(3deg)}}.screen-header{display:flex;align-items:center;gap:12px;padding:12px 16px;flex:0 0 auto}.screen-header h1{font-family:Kaisei Decol,serif;font-size:20px;color:var(--gold-bright);letter-spacing:.15em;text-shadow:0 2px 10px rgba(242,193,78,.3);flex:1}.back-btn{background:var(--bg-panel-light);border:1px solid rgba(255,255,255,.15);color:var(--text);width:40px;height:40px;border-radius:12px;font-size:18px;cursor:pointer;display:grid;place-items:center}.party-screen .content{flex:1;overflow-y:auto;padding:4px 14px 20px}.section-label{font-size:12px;color:var(--text-dim);letter-spacing:.2em;margin:14px 4px 8px;display:flex;align-items:center;gap:8px}.section-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.25),transparent)}.sort-bar{display:flex;align-items:center;gap:8px;padding:2px 4px 10px;flex-wrap:wrap}.sort-modes{display:flex;gap:4px}.sort-chip{font-family:inherit;font-size:12px;font-weight:700;color:var(--text-dim);background:#00000047;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:5px 12px;cursor:pointer;transition:all .15s}.sort-chip.active{color:#3a2410;background:linear-gradient(180deg,var(--gold-bright),var(--gold));border-color:transparent}.dir-toggle{font-family:inherit;font-size:15px;font-weight:800;color:var(--gold-bright);background:#00000047;border:1px solid rgba(242,193,78,.4);border-radius:9px;width:32px;height:30px;cursor:pointer;display:grid;place-items:center}.elem-filters{display:flex;gap:4px;margin-left:auto}.elem-chip{font-size:15px;width:34px;height:30px;border-radius:9px;border:1.5px solid rgba(255,255,255,.12);background:#0000004d;cursor:pointer;filter:grayscale(1) opacity(.4);transition:all .15s}.elem-chip.on{filter:none;border-color:var(--ec, var(--gold));box-shadow:0 0 10px color-mix(in srgb,var(--ec, #fff) 45%,transparent);background:color-mix(in srgb,var(--ec, #fff) 16%,rgba(0,0,0,.3))}.mon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.mon-card{background:var(--bg-panel);border:1.5px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:8px 6px 7px;text-align:center;cursor:pointer;position:relative;transition:transform .15s,border-color .2s,box-shadow .2s}.mon-card:active{transform:scale(.95)}.mon-card.selected{border-color:var(--gold);box-shadow:0 0 0 1.5px var(--gold),0 6px 20px #f2c14e40;background:linear-gradient(180deg,rgba(90,64,20,.5),var(--bg-panel))}.mon-card.fixed{opacity:.85;cursor:default}.mon-card .art{width:64px;height:64px;margin:0 auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.45))}.mon-card .art svg{width:100%;height:100%}.art img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.float-mon img{width:100%;height:100%;object-fit:contain}.mon-card .name{font-size:11.5px;font-weight:700;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mon-card .stat{font-size:10.5px;color:var(--text-dim);display:flex;justify-content:center;gap:6px;margin-top:1px}.mon-card .lv{color:var(--gold-bright);font-weight:700}.mon-card .shape-tag{position:absolute;top:5px;left:7px;background:#00000059;border-radius:6px;padding:3px 4px;line-height:0}.mon-card .shape-tag svg{display:block;opacity:.95}.elem-badge{display:inline-flex;align-items:center;justify-content:center;font-size:11px}.mon-card .rarity-tag{position:absolute;bottom:5px;right:7px;font-size:9px;font-weight:800;letter-spacing:.08em;text-shadow:0 0 8px currentColor}.mon-card.locked{opacity:.6}.mon-card.locked .name{color:var(--text-dim)}.art.silhouette img,.art.silhouette svg,.silhouette img,.silhouette svg{filter:brightness(.25) saturate(.2) contrast(.9)}.stat .lv.at-cap{color:#ff9e6d}.exp-bar.capped i{background:linear-gradient(90deg,#ff9e6d,#e5534b)}.ability-line{font-size:11.5px;line-height:1.6;background:#0000004d;border:1px solid rgba(242,193,78,.3);border-radius:10px;padding:7px 10px;margin:4px 4px 0;text-align:center}.ability-line.dim{color:var(--text-dim);border-color:#ffffff1a}.mon-card .pick-badge{position:absolute;top:4px;right:6px;width:22px;height:22px;display:grid;place-items:center;font-size:13px;font-weight:800;color:#1b3a1b;background:linear-gradient(180deg,#a6f0a6,#4fce6a);border-radius:50%;box-shadow:0 2px 6px #00000073,0 0 8px #4fce6a99;z-index:2}.pick-count{color:var(--gold-bright);font-weight:800;letter-spacing:.05em}.pick-count.full{color:#7ee787}.screen-header h1 .hdr-hint{font-size:11px;font-weight:500;color:var(--text-dim);letter-spacing:.05em}.shard-line{text-align:center;font-size:12.5px;margin-bottom:6px}.shard-line b{color:var(--gold-bright)}.shard-gauge{display:flex;gap:3px;margin:0 22px 10px;height:12px}.shard-gauge i{flex:1;border-radius:3px;background:#0006;border:1px solid rgba(255,255,255,.1)}.shard-gauge i.on{background:linear-gradient(180deg,#b388ff,#7c4dff);border-color:#b388ffb3;box-shadow:0 0 6px #7c4dff99}.exp-bar{height:4px;background:#0006;border-radius:4px;margin:4px 8px 0;overflow:hidden}.exp-bar i{display:block;height:100%;background:linear-gradient(90deg,#7ee787,#f2c14e);border-radius:4px;transition:width .6s ease}.party-footer{flex:0 0 auto;padding:12px 16px calc(14px + var(--safe-bottom));display:flex;gap:10px;justify-content:center;background:linear-gradient(180deg,transparent,rgba(10,6,30,.75))}.modal-veil{position:absolute;inset:0;background:#080418b3;backdrop-filter:blur(4px);display:grid;place-items:center;z-index:60;animation:veilIn .25s ease both}@keyframes veilIn{0%{opacity:0}}.modal-box{background:linear-gradient(180deg,var(--bg-panel-light),var(--bg-panel));border:1.5px solid rgba(242,193,78,.4);border-radius:20px;padding:18px;width:min(360px,88vw);max-height:78vh;overflow-y:auto;box-shadow:0 20px 60px #0009;animation:popIn .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(20px)}}.modal-box h3{font-family:Kaisei Decol,serif;color:var(--gold-bright);font-size:16px;margin-bottom:12px;text-align:center;letter-spacing:.1em}.modal-box.detail{width:min(390px,92vw);max-height:88vh;padding:22px 18px}.detail-art{width:180px;height:180px;margin:0 auto 12px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.5))}.detail-art svg,.detail-art img{width:100%;height:100%;object-fit:contain}.choice-row{display:flex;align-items:center;gap:12px;background:#00000040;border:1.5px solid rgba(255,255,255,.1);border-radius:14px;padding:10px;margin-bottom:10px;cursor:pointer;transition:border-color .15s,background .15s}.choice-row.selected{border-color:var(--gold);background:#5a401459}.choice-row .art{width:58px;height:58px;flex:0 0 auto}.choice-row .art svg{width:100%;height:100%}.choice-row .info{flex:1;min-width:0}.choice-row .info .name{font-weight:800;font-size:14px}.choice-row .info .flavor{font-size:10.5px;color:var(--text-dim);margin-top:2px;line-height:1.5}.choice-row .info .stat{font-size:12px;margin-top:3px;display:flex;gap:10px}.battle-screen{background:radial-gradient(ellipse 130% 80% at 50% -20%,#33255f 0%,transparent 60%),var(--bg-deep)}.battle-top{flex:0 0 auto;display:flex;gap:6px;padding:8px 10px 4px}.player-chip{flex:1;background:var(--bg-panel);border-radius:12px;border:1.5px solid rgba(255,255,255,.1);padding:5px 8px;display:flex;flex-direction:column;gap:1px;position:relative;overflow:hidden;transition:box-shadow .3s,border-color .3s}.player-chip:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--pc)}.player-chip.me{border-color:var(--pc);box-shadow:0 0 14px color-mix(in srgb,var(--pc) 40%,transparent)}.player-chip.passed{opacity:.45}.player-chip .pname{font-size:10.5px;font-weight:700;color:var(--text-dim);white-space:nowrap;overflow:hidden}.player-chip .pscore{font-size:16px;font-weight:800;color:var(--pc);line-height:1}.player-chip .pscore small{font-size:9px;color:var(--text-dim);font-weight:500;margin-left:3px}.turn-banner{text-align:center;font-family:Kaisei Decol,serif;font-size:13px;color:var(--gold-bright);letter-spacing:.25em;padding:4px 0 2px;flex:0 0 auto}.round-timer{flex:0 0 auto;height:5px;margin:2px 18% 3px;background:#00000073;border-radius:4px;overflow:hidden;transition:opacity .25s}.round-timer.hidden{opacity:0}.round-timer i{display:block;height:100%;width:100%;border-radius:4px;background:linear-gradient(90deg,#7ee787,var(--gold));transition:width .1s linear}.round-timer i.urgent{background:linear-gradient(90deg,#ff8a80,#e5534b);animation:urgentBlink .5s steps(2) infinite}@keyframes urgentBlink{50%{opacity:.55}}.board-wrap{flex:1;min-height:0;display:grid;place-items:center;padding:4px 8px;position:relative}canvas.board{border-radius:16px;box-shadow:0 10px 40px #0000008c,0 0 0 1.5px #f2c14e40,0 0 60px #503ca04d;touch-action:none;max-width:100%;max-height:100%}.tray-wrap{flex:0 0 auto;padding:6px 0 calc(8px + var(--safe-bottom));background:linear-gradient(180deg,transparent,rgba(8,4,26,.8))}.ability-hint{margin:0 auto 2px;max-width:min(440px,92vw);background:linear-gradient(180deg,#3a2c74d9,#261c52e6);border:1px solid rgba(242,193,78,.45);border-radius:12px;padding:5px 14px;font-size:11.5px;line-height:1.5;text-align:center;color:var(--text);box-shadow:0 4px 14px #0006;animation:hintIn .25s ease both}.ability-hint.hidden{display:none}.ability-hint b{color:var(--gold-bright);margin-right:6px}.ability-hint span{color:var(--text-dim)}@keyframes hintIn{0%{opacity:0;transform:translateY(6px)}}.piece-controls{display:flex;justify-content:center;align-items:center;gap:10px;padding:4px 12px 8px;min-height:52px}.ctrl-btn{background:var(--bg-panel-light);border:1.5px solid rgba(255,255,255,.18);color:var(--text);border-radius:12px;width:46px;height:42px;font-size:19px;cursor:pointer;display:grid;place-items:center;transition:transform .1s}.ctrl-btn:active{transform:scale(.9)}.summon-btn{font-family:inherit;font-weight:800;font-size:16px;letter-spacing:.12em;color:#3a2410;background:linear-gradient(180deg,var(--gold-bright),var(--gold) 55%,#d99b2b);border:none;border-radius:999px;padding:10px 34px;cursor:pointer;box-shadow:0 3px #a06b14,0 6px 18px #f2c14e66;transition:transform .12s,opacity .2s}.summon-btn:disabled{opacity:.35;pointer-events:none}.summon-btn:active{transform:translateY(2px)}.tray{display:flex;gap:8px;overflow-x:auto;padding:6px 12px 10px;scrollbar-width:none}.tray::-webkit-scrollbar{display:none}.tray-piece{flex:0 0 auto;width:74px;background:var(--bg-panel);border:1.5px solid rgba(255,255,255,.12);border-radius:12px;padding:5px 4px 4px;text-align:center;cursor:pointer;position:relative;transition:transform .15s,border-color .15s,box-shadow .15s,opacity .3s}.tray-piece.selected{border-color:var(--gold);transform:translateY(-6px);box-shadow:0 8px 20px #f2c14e4d,0 0 0 1px var(--gold)}.tray-piece.used{opacity:.25;pointer-events:none;filter:grayscale(.7)}.tray-piece.blocked{opacity:.55}.tray-piece.blocked .art{filter:grayscale(.8) brightness(.6)}.tray-piece .blocked-x{position:absolute;inset:0;display:grid;place-items:center;font-size:22px;z-index:2;text-shadow:0 2px 8px rgba(0,0,0,.8)}.tray-piece .art{width:44px;height:44px;margin:0 auto}.tray-piece .art svg{width:100%;height:100%}.tray-piece .tp-name{font-size:9px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-dim)}.tray-piece .tp-atk{font-size:10px;font-weight:800;color:var(--gold-bright)}.tray-piece .shape-mini{position:absolute;top:3px;right:4px;opacity:.9}.phase-banner{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:40}.phase-banner .inner{font-family:Kaisei Decol,serif;font-size:clamp(26px,7vw,40px);font-weight:700;color:var(--gold-bright);letter-spacing:.3em;text-align:center;line-height:1.25;text-shadow:0 0 30px rgba(242,193,78,.8),0 4px 12px rgba(0,0,0,.6);animation:bannerIn 1.4s cubic-bezier(.22,1,.36,1) both;white-space:nowrap}@keyframes bannerIn{0%{opacity:0;transform:scale(2.2);filter:blur(8px)}25%{opacity:1;transform:scale(1);filter:blur(0)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9);filter:blur(4px)}}.phase-banner .inner.big{font-size:clamp(46px,16vw,80px);letter-spacing:.14em;text-shadow:0 0 44px rgba(242,193,78,.9),0 6px 16px rgba(0,0,0,.7)}.phase-banner .inner.complete{font-size:clamp(28px,9vw,48px);letter-spacing:.12em;text-shadow:0 0 40px rgba(242,193,78,.9),0 5px 14px rgba(0,0,0,.7)}.phase-banner .inner.battle{color:#ff6b6b;font-size:clamp(30px,10vw,52px);letter-spacing:.2em;text-shadow:0 0 36px rgba(255,70,70,.9),0 4px 12px rgba(0,0,0,.7)}canvas.board.shake{animation:boardShake .24s linear}@keyframes boardShake{0%{transform:translate(0)}20%{transform:translate(3px,-4px) rotate(.3deg)}45%{transform:translate(-4px,3px) rotate(-.3deg)}70%{transform:translate(2px,2px)}to{transform:translate(0)}}.battle-veil{position:absolute;inset:0;z-index:50;background:radial-gradient(ellipse at center,#1e103ce0,#080416f5);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:veilIn .3s ease both;overflow:hidden}.battle-veil .clash-title{font-family:Kaisei Decol,serif;font-size:15px;color:var(--text-dim);letter-spacing:.4em;margin-bottom:18px;animation:fadeUp .4s ease both .1s}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.clash-stage{display:flex;align-items:center;gap:4vw}.clash-stage.multi{display:grid;grid-template-columns:repeat(2,min(150px,40vw));gap:14px 8vw;justify-content:center;position:relative}.clash-stage.multi .clash-card{width:100%}.clash-stage.multi .center-vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3}.clash-card{width:min(150px,34vw);text-align:center;position:relative}.clash-card.from-left{animation:slideL .5s cubic-bezier(.22,1,.36,1) both}.clash-card.from-right{animation:slideR .5s cubic-bezier(.22,1,.36,1) both}@keyframes slideL{0%{opacity:0;transform:translate(-70px) scale(.8)}}@keyframes slideR{0%{opacity:0;transform:translate(70px) scale(.8)}}.clash-card .frame{background:linear-gradient(180deg,var(--bg-panel-light),var(--bg-panel));border:2px solid var(--pc, rgba(255,255,255,.2));border-radius:18px;padding:12px 8px 10px;box-shadow:0 0 24px color-mix(in srgb,var(--pc, #888) 45%,transparent),0 12px 30px #00000080}.clash-card .art{width:84px;height:84px;margin:0 auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}.clash-card .art svg{width:100%;height:100%}.clash-card .cname{font-size:12.5px;font-weight:800;margin-top:4px}.clash-card .owner{font-size:10px;color:var(--pc, var(--text-dim));font-weight:700}.clash-card .power{font-size:26px;font-weight:800;color:var(--gold-bright);text-shadow:0 0 16px rgba(242,193,78,.6);margin-top:2px;line-height:1.1}.clash-card .power small{font-size:10px;color:var(--text-dim);display:block;font-weight:500}.clash-card .power .pw.landed{animation:pwLand .35s cubic-bezier(.34,1.8,.64,1);display:inline-block}@keyframes pwLand{0%{transform:scale(1.7)}to{transform:scale(1)}}.power-gauge{position:relative;height:10px;margin:6px 6px 2px;border-radius:6px;background:repeating-linear-gradient(90deg,transparent 0 9%,rgba(255,255,255,.14) 9% 10%),linear-gradient(180deg,#171034,#241a4e);border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 2px 4px #0009;overflow:visible}.power-gauge .fill{display:block;position:absolute;left:0;top:0;bottom:0;width:0%;border-radius:5px;background:linear-gradient(90deg,#4fc3f7 0%,#7ee787 38%,var(--gold) 68%,#ff6b4a 100%);background-size:100% 100%;box-shadow:0 0 10px #f2c14e8c}.power-gauge .fill.landed{animation:gaugeFlash .4s ease-out}@keyframes gaugeFlash{0%{filter:brightness(2.2);box-shadow:0 0 22px #fff0b4f2}to{filter:brightness(1)}}.power-gauge .tip{position:absolute;top:-3px;bottom:-3px;left:0%;width:3px;margin-left:-1.5px;background:#fff;border-radius:2px;box-shadow:0 0 8px #ffffffe6}.gauge-ends{display:flex;justify-content:space-between;margin:3px 6px 0;font-size:9px;color:var(--text-dim);font-weight:600}.help-btn{font-size:20px;font-weight:800}.help-box{text-align:left}.help-box h3{text-align:center;margin-bottom:12px}.help-sec{margin-bottom:14px}.help-h{font-size:13px;font-weight:800;color:var(--gold-bright);margin-bottom:5px;letter-spacing:.05em}.help-box p{font-size:12px;line-height:1.7;color:var(--text);margin-bottom:4px}.help-box p b{color:var(--gold-bright)}.help-box .tri{text-align:center;font-size:15px;font-weight:800;padding:8px;margin-bottom:6px;background:#00000047;border-radius:12px;letter-spacing:.05em}.help-abs{display:flex;flex-direction:column;gap:5px}.help-ab{font-size:11.5px;line-height:1.5;background:#00000038;border-radius:9px;padding:6px 10px}.help-ab b{color:var(--gold-bright);margin-right:6px}.help-ab span{color:var(--text-dim)}.help-close{display:block;margin:10px auto 2px}.help-tutorial{display:block;margin:14px auto 0}.help-tutorial-top{margin:0 auto 16px}.tutor-bubble{position:absolute;left:12px;right:12px;bottom:236px;z-index:46;display:flex;align-items:flex-start;gap:10px;background:linear-gradient(180deg,#423282f5,#281e58f7);border:1.5px solid var(--gold);border-radius:16px;padding:10px 12px;box-shadow:0 8px 28px #0000008c,0 0 18px #f2c14e40;animation:hintIn .25s ease both}.tutor-bubble.hidden{display:none}.tutor-bubble .tb-art{flex:0 0 44px;width:44px;height:44px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}.tutor-bubble .tb-art svg,.tutor-bubble .tb-art img{width:100%;height:100%}.tutor-bubble .tb-body{flex:1;min-width:0}.tutor-bubble p{font-size:12.5px;line-height:1.65;color:var(--text)}.tutor-bubble p b{color:var(--gold-bright)}.tutor-bubble .tutor-next{margin-top:7px}.tray-piece.tutor-target{border-color:var(--gold);animation:tutorGlow 1s ease-in-out infinite;transform:translateY(-6px)}@keyframes tutorGlow{0%,to{box-shadow:0 0 0 1px var(--gold),0 0 12px #f2c14e80}50%{box-shadow:0 0 0 3px var(--gold-bright),0 0 26px #f2c14ef2}}.clash-flyer{position:fixed;width:60px;height:60px;z-index:56;pointer-events:none;filter:drop-shadow(0 0 14px rgba(255,255,255,.5));transition:transform .48s cubic-bezier(.3,.9,.4,1);will-change:transform}.clash-flyer svg,.clash-flyer img{width:100%;height:100%}.clash-vs{font-family:Cinzel,serif;font-size:clamp(28px,8vw,44px);font-weight:800;color:#fff;text-shadow:0 0 24px rgba(255,80,80,.8);animation:vsPulse .6s cubic-bezier(.34,1.56,.64,1) both .3s}@keyframes vsPulse{0%{opacity:0;transform:scale(3)}}.clash-card.winner-card .frame{animation:winPulse .7s ease both}@keyframes winPulse{0%{transform:scale(1)}30%{transform:scale(1.12);box-shadow:0 0 60px var(--pc),0 12px 30px #00000080}to{transform:scale(1.06)}}.clash-card.loser-card{animation:loseFade .7s ease both}@keyframes loseFade{to{opacity:.25;filter:grayscale(1) brightness(.6);transform:scale(.9) translateY(10px)}}.clash-result-label{margin-top:22px;font-family:Kaisei Decol,serif;font-size:20px;letter-spacing:.3em;color:var(--gold-bright);text-shadow:0 0 20px rgba(242,193,78,.7);animation:popIn .4s cubic-bezier(.34,1.56,.64,1) both}.elem-tag{display:inline-block;font-size:10px;padding:2px 8px;border-radius:999px;background:#00000059;margin-top:3px}.flash-white{position:absolute;inset:0;background:#fff;z-index:55;pointer-events:none;animation:flashOut .5s ease-out both}@keyframes flashOut{0%{opacity:.95}to{opacity:0}}.result-screen{align-items:center;justify-content:center;gap:6px}.result-title{font-family:Kaisei Decol,serif;font-size:30px;letter-spacing:.3em;color:var(--gold-bright);text-shadow:0 0 30px rgba(242,193,78,.6);animation:popIn .5s cubic-bezier(.34,1.56,.64,1) both;margin-bottom:8px}.rank-list{display:flex;flex-direction:column;gap:8px;width:min(340px,88vw)}.rank-row{display:flex;align-items:center;gap:12px;background:var(--bg-panel);border:1.5px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 16px;animation:fadeUp .4s ease both;position:relative;overflow:hidden}.rank-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--pc)}.rank-row.first{border-color:var(--gold);box-shadow:0 0 24px #f2c14e4d;background:linear-gradient(180deg,rgba(96,70,22,.55),var(--bg-panel))}.rank-row .medal{font-size:22px;width:30px;text-align:center}.rank-row .rname{flex:1;font-weight:800;font-size:15px}.rank-row .rscore{font-size:20px;font-weight:800;color:var(--gold-bright)}.rank-row .rscore small{font-size:10px;color:var(--text-dim)}.exp-panel{width:min(340px,88vw);background:var(--bg-panel);border-radius:14px;border:1.5px solid rgba(255,255,255,.12);padding:10px 14px;margin-top:10px;animation:fadeUp .4s ease both .5s}.exp-panel .head{font-size:12px;color:var(--text-dim);letter-spacing:.15em;margin-bottom:6px}.exp-list{max-height:min(240px,32vh);overflow-y:auto;padding-right:4px;scrollbar-width:thin}.exp-row{display:flex;align-items:center;gap:8px;font-size:12px;padding:3px 0}.exp-row .n{flex:1;font-weight:700}.exp-row .lvup{color:#7ee787;font-weight:800;animation:popIn .4s ease both .9s}.exp-row .g{color:var(--gold-bright)}.exp-row.capped-row{color:var(--text-dim)}.exp-row .capped{flex:0 0 auto;color:#ff9e6d;font-weight:800;font-size:11px}.result-actions{display:flex;gap:12px;margin-top:18px;animation:fadeUp .4s ease both .7s}.gem-chip{font-size:13px;font-weight:800;color:var(--gold-bright);background:#00000059;border:1px solid rgba(242,193,78,.4);border-radius:999px;padding:6px 14px;white-space:nowrap}.gacha-content{display:flex;flex-direction:column}.gacha-intro{display:grid;place-items:center;padding:28px 0 10px}.gacha-orb{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.9),transparent 32%),radial-gradient(circle at 60% 60%,#b388ff,#4a2f8f 70%);box-shadow:0 0 44px #b388ff99,0 0 90px #7a52dc66;animation:orbFloat 3.2s ease-in-out infinite}@keyframes orbFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.04)}}.gacha-buttons{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 20px 30px}.gacha-note{font-size:11px;color:var(--text-dim);text-align:center;line-height:1.7}.gacha-grid{padding-bottom:6px}.gacha-card{animation:gachaIn .45s cubic-bezier(.34,1.56,.64,1) both;border-color:var(--rc, rgba(255,255,255,.12));box-shadow:0 0 14px var(--rg, transparent)}@keyframes gachaIn{0%{opacity:0;transform:scale(.4) rotate(-6deg)}}.gacha-card.r-UR{animation-duration:.7s;box-shadow:0 0 26px var(--rg),0 0 60px var(--rg)}.gacha-card .new-tag{position:absolute;top:4px;right:6px;font-size:9px;font-weight:800;color:#3a2410;background:linear-gradient(180deg,var(--gold-bright),var(--gold));border-radius:6px;padding:2px 6px;z-index:2}.gacha-card .dupe-tag{position:absolute;top:4px;right:6px;font-size:9px;font-weight:700;color:var(--text);background:#00000073;border-radius:6px;padding:2px 6px;z-index:2}.gacha-card .seal{display:none}.gacha-card.sealed{overflow:hidden}.gacha-card.sealed>:not(.seal):not(.burst){opacity:0}.gacha-card.sealed .seal{display:grid;place-items:center;position:absolute;inset:0;z-index:3;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--rc) 30%,transparent),transparent 70%)}.gacha-card.sealed .seal i{width:34px;height:34px;transform:rotate(45deg);border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--rc) 80%,#fff),var(--rc) 55%,color-mix(in srgb,var(--rc) 45%,#000));box-shadow:0 0 18px var(--rg),inset 0 0 8px #fff9;animation:sealPulse .55s ease-in-out infinite}@keyframes sealPulse{0%,to{transform:rotate(45deg) scale(1);filter:brightness(1)}50%{transform:rotate(45deg) scale(1.18);filter:brightness(1.6)}}.gacha-card.reveal>:not(.seal):not(.burst){animation:revealFlip .42s cubic-bezier(.34,1.5,.64,1) both}@keyframes revealFlip{0%{opacity:0;transform:perspective(300px) rotateY(85deg) scale(.7)}60%{opacity:1;transform:perspective(300px) rotateY(-10deg) scale(1.08);filter:brightness(1.8)}to{opacity:1;transform:none;filter:brightness(1)}}.gacha-card.reveal .seal{display:grid;animation:sealOut .32s ease-out forwards}@keyframes sealOut{to{opacity:0;transform:scale(2.2);filter:brightness(3)}}.gacha-card.reveal:after{content:"";position:absolute;left:50%;top:45%;width:12px;height:12px;margin:-6px;border:2px solid var(--rc);border-radius:50%;pointer-events:none;animation:revealRing .55s ease-out forwards}@keyframes revealRing{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(14)}}.gacha-card .burst{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:visible}.gacha-card .burst i{position:absolute;left:50%;top:45%;width:6px;height:6px;margin:-3px;border-radius:50%;box-shadow:0 0 6px currentColor;animation:burstFly .75s ease-out forwards}@keyframes burstFly{0%{opacity:1;transform:translate(0) scale(1.1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.15)}}.ur-cutin{position:absolute;inset:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:radial-gradient(ellipse at center,#2e1e08eb,#0a0514f7);overflow:hidden;animation:veilIn .25s ease both}.ur-cutin.out{transition:opacity .3s;opacity:0}.ur-cutin .rays{position:absolute;left:50%;top:46%;width:160vmax;height:160vmax;margin:-80vmax;background:repeating-conic-gradient(rgba(242,193,78,.22) 0deg 9deg,transparent 9deg 24deg);animation:raysSpin 7s linear infinite;mask-image:radial-gradient(circle,#000 0%,transparent 62%);-webkit-mask-image:radial-gradient(circle,#000 0%,transparent 62%)}@keyframes raysSpin{to{transform:rotate(360deg)}}.ur-cutin .ur-flash{position:absolute;inset:0;background:#fff;animation:flashOut .6s ease-out both;pointer-events:none}.ur-cutin .ur-art{width:min(240px,62vw);height:min(240px,62vw);filter:drop-shadow(0 0 34px rgba(242,193,78,.85)) drop-shadow(0 10px 24px rgba(0,0,0,.6));animation:urArtIn .9s cubic-bezier(.22,1.3,.36,1) both .1s}.ur-cutin .ur-art svg,.ur-cutin .ur-art img{width:100%;height:100%}@keyframes urArtIn{0%{opacity:0;transform:scale(.15) rotate(-8deg);filter:blur(10px) brightness(3)}55%{opacity:1;transform:scale(1.18) rotate(2deg);filter:blur(0) brightness(1.7)}to{opacity:1;transform:scale(1);filter:blur(0) brightness(1)}}.ur-cutin .ur-label{font-family:Cinzel,serif;font-size:clamp(26px,9vw,44px);font-weight:800;letter-spacing:.32em;text-indent:.32em;background:linear-gradient(180deg,#fff7dd 5%,var(--gold) 45%,#c87f1e 70%,#ffe9ad 95%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 26px rgba(242,193,78,.9));animation:urLabelIn .6s cubic-bezier(.34,1.56,.64,1) both .55s}@keyframes urLabelIn{0%{opacity:0;transform:scale(2.4);filter:blur(6px)}}.ur-cutin .ur-name{font-family:Kaisei Decol,serif;font-size:18px;color:var(--gold-bright);letter-spacing:.3em;text-shadow:0 0 18px rgba(242,193,78,.8);animation:fadeUp .5s ease both .8s}.result-screen .exp-row .capped{color:#ff9e6d;font-size:11px;font-weight:800}.online-status{margin:0 auto 2px;max-width:min(440px,92vw);background:#140c30d9;border:1px solid rgba(88,166,255,.5);border-radius:12px;padding:5px 14px;font-size:12px;text-align:center;color:var(--text)}.online-status.hidden{display:none}.room-code{display:flex;justify-content:center;gap:8px;margin:6px 0 10px;cursor:pointer}.room-code span{font-family:Cinzel,serif;font-size:30px;font-weight:800;color:var(--gold-bright);background:#00000059;border:1.5px solid rgba(242,193,78,.5);border-radius:10px;padding:4px 8px;min-width:34px;text-align:center;text-shadow:0 0 14px rgba(242,193,78,.5)}.lobby-config{text-align:center;font-size:12px;color:var(--text-dim);margin-bottom:12px}.lobby-seats{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.lobby-seat{display:flex;align-items:center;gap:10px;background:var(--bg-panel);border:1.5px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 14px}.lobby-seat.empty{opacity:.5}.lobby-seat .seat-no{font-weight:800;font-size:13px;color:var(--pc, var(--text-dim))}.lobby-seat .seat-name{flex:1;font-weight:700;font-size:14px}.lobby-seat .seat-you{font-size:10px;font-weight:800;color:#3a2410;background:linear-gradient(180deg,var(--gold-bright),var(--gold));border-radius:999px;padding:2px 10px}.session-row{display:flex;align-items:center;gap:12px;background:var(--bg-panel);border:1.5px solid rgba(88,166,255,.35);border-radius:12px;padding:12px 14px;margin-bottom:8px;cursor:pointer;font-size:13px}.session-row b{color:var(--gold-bright);font-family:Cinzel,serif;letter-spacing:.1em}.session-row span{color:var(--text-dim)}.session-row .session-go{margin-left:auto;color:var(--text);font-weight:700}.sort-modes.wrap{flex-wrap:wrap;margin-bottom:6px}.online-screen .sort-modes{margin-bottom:8px}.online-create{display:block;margin:10px auto 4px}.join-row{display:flex;gap:8px;justify-content:center;align-items:center;padding-bottom:24px}.code-input{font-family:Cinzel,serif;font-size:20px;font-weight:800;letter-spacing:.3em;text-align:center;width:170px;color:var(--text);background:#00000059;border:1.5px solid rgba(255,255,255,.25);border-radius:12px;padding:10px 8px;outline:none;text-transform:uppercase}.code-input:focus{border-color:var(--gold)}.toast{position:absolute;left:50%;bottom:24%;transform:translate(-50%);background:#0e0824eb;border:1.5px solid rgba(242,193,78,.5);color:var(--text);font-size:13px;font-weight:700;padding:10px 22px;border-radius:999px;z-index:70;animation:toastIn 2.2s ease both;pointer-events:none;white-space:nowrap}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}12%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-8px)}}