@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(./cinzel-latin-600-normal-Dd5YO2UX.woff2)format("woff2"),url(./cinzel-latin-600-normal-CH_LB4su.woff)format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(./cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2"),url(./cinzel-latin-700-normal-C-gK7hA8.woff)format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:900;src:url(./cinzel-latin-900-normal-BI3z7Tow.woff2)format("woff2"),url(./cinzel-latin-900-normal-t_fSDEbn.woff)format("woff")}@font-face{font-family:Cinzel Decorative;font-style:normal;font-display:swap;font-weight:700;src:url(./cinzel-decorative-latin-700-normal-CnX1aK6s.woff2)format("woff2"),url(./cinzel-decorative-latin-700-normal-ov6XPGpn.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(./nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(./nunito-latin-600-normal-Cd0eNu1l.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(./nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(./nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(./nunito-latin-900-normal-BVB1fGs6.woff2)format("woff2"),url(./nunito-latin-900-normal-CVn49sIn.woff)format("woff")}:root{--bg:#14121f;--bg2:#1f1a30;--panel:#2a2340;--panel-edge:#5b4a86;--gold:#ffd166;--gold-dark:#b8860b;--text:#f5efe0;--muted:#b3a9c9;--friendly:#4aa3ff;--enemy:#ff5a5a;--danger:#e2524a;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;margin:0}body{-webkit-user-select:none;user-select:none;touch-action:manipulation;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}button{font:inherit;color:inherit}.app{width:100%;max-width:60dvh;height:100dvh;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:radial-gradient(ellipse at top, #2d2550 0%, var(--bg) 70%);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.btn{border:2px solid var(--gold-dark);color:#3a2208;cursor:pointer;background:linear-gradient(#ffd977,#e8a93a);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;min-height:48px;padding:10px 16px;font-size:17px;font-weight:800;transition:transform 80ms,filter .15s;display:flex;box-shadow:0 4px #8a5a12,0 6px 16px #00000059}.btn:disabled{filter:grayscale(.8)brightness(.7);cursor:default}.btn.ghost{color:var(--text);border-color:var(--panel-edge);box-shadow:none;background:#ffffff0f}.btn.danger{color:#fff;background:linear-gradient(#ff7a6b,#c63c34);border-color:#7d1f1a;box-shadow:0 4px #6b1a16}.btn.small{min-height:36px;padding:6px 10px;font-size:14px}.btn.diff{text-align:left;align-items:flex-start}.btn.diff span{font-size:13px;font-weight:500}.btn.diff.current{outline:3px solid #fff6}.icon-btn{border:1px solid var(--panel-edge);cursor:pointer;background:#00000059;border-radius:12px;min-width:44px;height:40px;font-weight:800}.icon-btn:disabled{opacity:.35}.muted{color:var(--muted)}.small{font-size:13px}.cap{text-transform:capitalize}.loading{flex:1;align-content:center;place-items:center;gap:12px;display:grid}.spinner{border:5px solid #fff2;border-top-color:var(--gold);border-radius:50%;width:46px;height:46px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.menu-screen{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;overflow-y:auto}.title-art{gap:0;margin-bottom:-18px;display:flex}.title-art img.flip{transform:scaleX(-1)}.game-title{text-align:center;color:var(--gold);text-shadow:0 3px #6b3d08,0 8px 18px #000a;letter-spacing:.5px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,9vw,44px);line-height:1.05}.game-title small{color:var(--text);text-shadow:none;letter-spacing:3px;text-transform:uppercase;margin:4px 0;font-size:.45em;display:block}.menu-panel{border:1px solid var(--panel-edge);background:#141022d9;border-radius:20px;flex-direction:column;gap:12px;width:100%;max-width:380px;padding:18px;display:flex;box-shadow:0 10px 40px #0009}.menu-panel h2,.settings h2,.rules h2{text-align:center;color:var(--gold);margin:0 0 4px;font-family:Georgia,serif}.settings,.rules{flex-direction:column;gap:12px;display:flex}.toggle{background:#ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 12px;display:flex}.toggle input{width:24px;height:24px;accent-color:var(--gold)}.rules ol{flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:14px;line-height:1.4;display:flex}.rules b{color:var(--gold)}.battle-screen{flex-direction:column;flex:1;min-height:0;display:flex}.hud{flex-direction:column;flex:none;gap:4px;padding:6px 8px 4px;display:flex}.hud-row{align-items:center;gap:6px;display:flex}.hud .icon-btn{height:36px}.hud-title{flex-direction:column;flex:1;align-items:center;line-height:1.1;display:flex}.hud-title .round{color:var(--gold);font-size:16px;font-weight:800}.hud-title .vs{color:var(--muted);font-size:12px}.prompt{text-align:center;background:#000a;border:1px solid #ffffff1a;border-radius:10px;min-height:32px;padding:5px 8px;font-size:13px;font-weight:700;line-height:1.25}.prompt.waiting{color:var(--muted)}.field{flex:auto;min-height:0;position:relative}.phaser-host{position:absolute;inset:0}.phaser-host canvas{touch-action:none;display:block}.hand{background:linear-gradient(#0000,#0008 20%);flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px 8px 8px;display:grid;position:relative}.hand-card{cursor:pointer;touch-action:none;background:0 0;border:none;min-width:0;height:clamp(84px,13dvh,124px);padding:0;transition:transform .12s;position:relative}.hand-card.empty{border:2px dashed #ffffff14;border-radius:12px}.hand-card.selected .card-face{outline:3px solid #7cf0ff;box-shadow:0 0 18px #7cf0ffaa}.hand-card.idle{cursor:default}.lane-badge{color:#08202a;pointer-events:none;background:#7cf0ff;border-radius:999px;padding:3px 8px;font-size:13px;font-weight:900;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0008}.hand-actions{flex-direction:column;justify-content:stretch;gap:6px;display:flex}.hand-actions .btn.confirm{flex:1;padding:6px;font-size:15px}.drag-ghost{pointer-events:none;z-index:50;opacity:.92;width:76px;height:94px;position:fixed;transform:translate(-50%,-70%)rotate(-4deg)}.overlay{z-index:40;background:#000b;place-items:center;padding:16px;animation:.18s ease-out fade;display:grid;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}.detail-panel{background:var(--panel);border:2px solid var(--panel-edge);border-radius:20px;flex-direction:column;gap:12px;width:100%;max-width:360px;padding:16px;display:flex}.detail-panel.rarity-rare{border-color:#4aa3ff}.detail-panel.rarity-epic{border-color:#b26bff}.detail-header{align-items:center;gap:12px;display:flex}.detail-header img{background:#0004;border-radius:14px;width:92px;height:92px}.detail-header h2{color:var(--gold);margin:0;font-family:Georgia,serif}.detail-sub{color:var(--muted);font-size:13px}.detail-desc{margin:4px 0 0;font-size:13px;font-style:italic}.detail-live{background:#0004;border-radius:10px;padding:6px 10px;font-size:14px;font-weight:700}.detail-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.detail-grid div,.result-stats div{background:#0003;border-radius:10px;flex-direction:column;align-items:center;padding:6px;display:flex}.detail-grid b,.result-stats b{font-size:18px}.detail-grid span,.result-stats span{color:var(--muted);font-size:11px}.detail-ability{background:#ffd16614;border:1px solid #ffd16655;border-radius:12px;padding:8px 12px}.detail-ability h3{color:var(--gold);margin:0 0 4px;font-size:15px}.detail-ability p{margin:0;font-size:14px;line-height:1.4}.result-panel{text-align:center;background:var(--panel);border:3px solid var(--gold-dark);border-radius:22px;flex-direction:column;gap:12px;width:100%;max-width:340px;padding:22px;animation:.35s cubic-bezier(.2,1.6,.4,1) pop;display:flex}.result-panel.loss{border-color:#7d1f1a}.result-panel h1{color:var(--gold);text-shadow:0 3px #6b3d08;margin:0;font-family:Georgia,serif;font-size:44px}.result-panel.loss h1{color:#ff8a80;text-shadow:0 3px #4a0f0b}.result-panel p{color:var(--muted);margin:0}.result-stats{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.result-actions{flex-direction:column;gap:10px;display:flex}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.confirm-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.toast{left:50%;bottom:calc(92px + var(--safe-bottom));z-index:60;text-align:center;background:#000d;border:1px solid #fff3;border-radius:12px;max-width:90%;padding:10px 16px;font-size:14px;font-weight:700;animation:.2s fade;position:absolute;transform:translate(-50%)}.toast.error{border-color:var(--danger);color:#ffb4ae}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.modifier-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.modifier-chip{cursor:pointer;background:#0008;border:1px solid #fff3;border-radius:999px;min-height:28px;padding:3px 10px;font-size:12px;font-weight:700}.modifier-chip.open{border-color:var(--gold)}.modifier-chip small{color:var(--muted);font-weight:500}.modifier-desc{text-align:center;background:#ffd16618;border:1px solid #ffd16655;border-radius:10px;padding:6px 10px;font-size:12px}.page{flex-direction:column;flex:1;min-height:0;display:flex}.screen-header{flex:none;align-items:center;gap:8px;padding:8px;display:flex}.screen-header h2{text-align:center;color:var(--gold);flex:1;margin:0;font-family:Georgia,serif;font-size:22px}.screen-header .icon-btn{font-size:22px;line-height:1}.screen-header-right{text-align:right;min-width:44px}.page-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:14px;padding:4px 12px 12px;display:flex;overflow-y:auto}.page-body h3{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:0 0 6px;font-size:14px}.page-footer{padding:8px 12px calc(10px + var(--safe-bottom));background:linear-gradient(#0000,#000a 30%);flex:none}.choice-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.choice-list.three{grid-template-columns:repeat(3,1fr)}.choice{text-align:left;cursor:pointer;background:#ffffff0a;border:2px solid #ffffff1f;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;min-height:56px;padding:10px;display:flex}.choice b{font-size:14px}.choice span{color:var(--muted);font-size:11.5px;line-height:1.3}.choice.selected{border-color:var(--gold);background:#ffd16614}.choice.invalid b{color:#ff9b8f}.warn{color:#ffb4ae;margin:2px 0}.good{color:#9fe6a8}.bad{color:#ffb4ae}.center{text-align:center}.pill{background:var(--gold);color:#3a2208;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.deck-card{background:#ffffff08;border:2px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:8px;padding:10px;display:flex}.deck-card.active{border-color:var(--gold)}.deck-card-top{align-items:center;gap:10px;display:flex}.deck-portraits{display:flex}.deck-portraits img{background:#0006;border:2px solid #2a2340;border-radius:50%;width:34px;height:34px;margin-right:-10px}.deck-meta{flex-direction:column;flex:1;padding-left:10px;display:flex}.deck-actions{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.deck-editor .deck-name{min-width:0;font:inherit;color:var(--gold);background:#0005;border:1px solid #ffffff2a;border-radius:10px;flex:1;padding:8px 10px;font-size:17px;font-weight:800}.count-badge{background:#7d1f1a;border-radius:10px;padding:6px 10px;font-weight:900}.count-badge.ok{background:#2f7d3a}.analysis-strip{cursor:pointer;text-align:left;background:#0005;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:8px;margin:0 10px;padding:6px 10px;font-size:13px;display:flex}.meter{background:#ffffff1a;border-radius:4px;flex:none;width:60px;height:8px;overflow:hidden}.meter span{background:linear-gradient(90deg,#e2524a,#ffd166,#6ee05a);height:100%;display:block}.analysis-panel{background:#0006;border-radius:12px;margin:6px 10px 0;padding:8px 10px}.tag-bars{grid-template-columns:1fr 1fr;gap:3px 12px;display:grid}.tag-bar{grid-template-columns:70px 1fr 18px;align-items:center;gap:6px;font-size:11.5px;display:grid}.tag-bar .bar{background:#ffffff14;border-radius:3px;height:6px;overflow:hidden}.tag-bar .bar span{background:var(--gold);height:100%;display:block}.tabs{border:1px solid #fff2;border-radius:12px;margin:8px 10px 0;display:flex;overflow:hidden}.tabs button{cursor:pointer;background:#0004;border:none;flex:1;min-height:40px;padding:9px;font-size:14px;font-weight:800}.tabs button.on{background:var(--panel-edge)}.filters{grid-template-columns:1fr 1fr;gap:6px;padding:8px 10px 0;display:grid}.filters input{grid-column:1/-1}.filters input,.filters select{font:inherit;color:var(--text);background:#0006;border:1px solid #ffffff2a;border-radius:10px;min-height:40px;padding:8px;font-size:14px}.collection-grid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:8px;padding:8px 10px;display:grid;overflow-y:auto}.collection-card{cursor:pointer;touch-action:manipulation;background:0 0;border:none;height:150px;padding:0;position:relative}.collection-card.maxed .card-face{filter:brightness(.6)}.collection-card .copies{color:#fff;background:#000c;border-radius:8px;padding:2px 6px;font-size:12px;font-weight:900;position:absolute;top:6px;left:6px}.collection-card .info-btn{color:#fff;background:#000c;border-radius:50%;place-items:center;width:26px;height:26px;font-family:Georgia,serif;font-style:italic;font-weight:900;display:grid;position:absolute;top:4px;right:4px}.deck-list{flex-direction:column;flex:1;gap:6px;padding:8px 10px;display:flex;overflow-y:auto}.deck-row{background:#ffffff0a;border-radius:12px;align-items:center;gap:8px;padding:6px 8px;display:flex}.deck-row img{background:#0005;border-radius:10px;width:40px;height:40px}.deck-row-name{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.row-count{text-align:center;width:28px}.detail-class{background:#0003;border-radius:10px;padding:8px 10px;font-size:12.5px;line-height:1.45}.detail-synergy{flex-direction:column;gap:6px;font-size:13px;display:flex}.synergy-list{flex-wrap:wrap;gap:6px;display:flex}.synergy-chip{background:#ffffff10;border:1px solid #fff2;border-radius:999px;align-items:center;gap:4px;padding:2px 8px 2px 2px;font-size:12px;display:inline-flex}.synergy-chip img{width:22px;height:22px}.synergy-chip.in-deck{border-color:#6ee05a}.detail-actions{justify-content:space-between;align-items:center;gap:8px;font-weight:800;display:flex}.detail-actions .btn{flex:1;width:auto}.detail-panel{max-height:92dvh;overflow-y:auto}.deck-editor{-webkit-overflow-scrolling:touch;overflow-y:auto}.deck-editor .screen-header{z-index:3;background:var(--bg);position:sticky;top:0}.deck-editor .page-footer{z-index:3;margin-top:auto;position:sticky;bottom:0}.deck-editor .collection-grid,.deck-editor .deck-list{flex:none;overflow:visible}.filters{grid-template-columns:repeat(4,minmax(0,1fr))}.filters select{padding:6px 4px;font-size:12.5px}.slider{background:#ffffff0d;border-radius:12px;grid-template-columns:1fr 1.3fr 32px;align-items:center;gap:10px;min-height:48px;padding:8px 12px;display:grid}.slider input{width:100%;accent-color:var(--gold);height:28px}.slider b{text-align:right;font-variant-numeric:tabular-nums}.screen{flex-direction:column;flex:1;min-height:0;animation:.28s ease-out both screen-in;display:flex}@keyframes screen-in{0%{opacity:0;transform:translateY(14px)scale(.985)}}.hand-card:not(.empty){animation:.32s cubic-bezier(.2,1.3,.4,1) both deal-in}@keyframes deal-in{0%{opacity:0;transform:translateY(40px)rotate(-6deg)scale(.8)}}.hand-card.selected{animation:none}.lane-badge{animation:.2s ease-out pop-in}@keyframes pop-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}}.game-title{animation:4s ease-in-out infinite title-float}@keyframes title-float{50%{transform:translateY(-4px)}}.title-art img{animation:2.4s ease-in-out infinite bob}.title-art img.flip{animation-delay:-1.2s}@keyframes bob{50%{translate:0 -6px}}.menu-panel{animation:.35s ease-out 50ms both screen-in}.btn{position:relative;overflow:hidden}.btn:not(:disabled):after{content:"";background:linear-gradient(110deg,#0000 30%,#fff5 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.btn:not(.ghost):not(:disabled):hover:after{transition:transform .6s;transform:translate(120%)}.prompt{transition:background .25s,color .25s}.prompt:not(.waiting){color:#ffe9b0;background:linear-gradient(90deg,#2a1f0a,#4a3510,#2a1f0a);border-color:#ffd16666;animation:2s ease-in-out infinite prompt-glow}@keyframes prompt-glow{50%{box-shadow:0 0 14px #ffd16644}}@media (min-width:700px){.app{border-left:1px solid #ffffff12;border-right:1px solid #ffffff12;box-shadow:0 0 60px #000c}}@media (max-height:700px){.hud{gap:2px;padding:4px 6px 2px}.hud .icon-btn{min-width:40px;height:32px}.prompt{min-height:0;padding:3px 6px;font-size:12px}.hand{gap:4px;padding:4px 6px 6px}.hand-card{height:clamp(72px,12dvh,100px)}.modifier-chip{min-height:24px;padding:1px 8px}}.rotate-notice{display:none}@media (orientation:landscape) and (max-height:520px){.rotate-notice{z-index:100;text-align:center;background:#0c0a14f2;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:fixed;inset:0}.rotate-notice span{font-size:54px;animation:2.4s linear infinite spin}}.app.reduced *,.app.reduced :before,.app.reduced :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.tutorial-layer{z-index:35;pointer-events:none;position:fixed;inset:0}.tutorial-spot{border:3px solid var(--gold);border-radius:14px;transition:all .25s;animation:1.4s ease-in-out infinite spot-pulse;position:fixed;box-shadow:0 0 0 9999px #0008}@keyframes spot-pulse{50%{border-color:#fff6d0;box-shadow:0 0 0 9999px #0008,0 0 22px #ffd166aa}}.tutorial-panel{pointer-events:auto;border:2px solid var(--gold);background:linear-gradient(#2f2650,#221b3a);border-radius:16px;width:min(92vw,420px);padding:12px 14px;animation:.25s ease-out both screen-in;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #000c}.tutorial-panel.top{top:calc(10px + var(--safe-top))}.tutorial-panel.bottom{bottom:calc(10px + var(--safe-bottom))}.tutorial-panel p{margin:6px 0 10px;font-size:14px;line-height:1.45}.tutorial-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.tutorial-head b{color:var(--gold);font-family:Georgia,serif;font-size:17px}.tutorial-actions{justify-content:flex-end;gap:8px;display:flex}.tutorial-actions .btn{width:auto;min-width:110px}.tutorial-result{background:#ffd16618;border:1px solid #ffd16655;border-radius:10px;margin:0;padding:8px 10px;font-size:13.5px;color:var(--text)!important}:root{--bg:#0e0b1a;--bg2:#1a1430;--ink:#120e20;--panel:#1d1733;--panel-hi:#2b2250;--panel-edge:#6a5426;--gold:#ffd77a;--gold-2:#f0b443;--gold-3:#a8701c;--gold-dark:#7a4f12;--parchment:#f4e6c4;--parchment-2:#e2cc98;--text:#f6eedb;--muted:#b9add0;--font-display:"Cinzel", "Cinzel Decorative", Georgia, serif;--font-deco:"Cinzel Decorative", "Cinzel", Georgia, serif;--font-ui:"Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--gild:linear-gradient(180deg, #fff1bf 0%, #ffd77a 22%, #e0a238 55%, #9a6117 78%, #f2c25c 100%);--gild-edge:linear-gradient(135deg, #fff2c4, #c98a2a 30%, #fbe39a 52%, #8a5a16 75%, #f5cf74);--panel-bg:linear-gradient(180deg, #2b2250f0, #161128f5);--shadow-deep:0 18px 50px #000000a6}body{font-family:var(--font-ui);letter-spacing:.1px;font-weight:600}html{background:#07060d}body{background:radial-gradient(60% 50% at 50% 40%,#2a1f4a 0%,#0000 70%),radial-gradient(at 50% 120%,#4a2a3a 0%,#0000 60%),#07060d}.app{isolation:isolate;background:radial-gradient(120% 70% at 50% 0,#2d2356 0%,#15102a 55%,#0b0915 100%)}.screen{z-index:1;position:relative}h1,h2,h3{font-family:var(--font-display);letter-spacing:.6px}.menu-panel,.detail-panel,.result-panel,.tutorial-panel,.deck-card{background:var(--panel-bg);box-shadow:var(--shadow-deep), inset 0 1px 0 #ffffff1a, inset 0 0 0 1px #0006, inset 0 0 40px #0000004d;background-clip:padding-box;border:1.5px solid #0000;position:relative}.menu-panel:before,.detail-panel:before,.result-panel:before,.tutorial-panel:before,.deck-card:before{content:"";border-radius:inherit;pointer-events:none;background:var(--gild-edge);-webkit-mask-composite:xor;padding:1.5px;position:absolute;inset:-1.5px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.menu-panel:after,.detail-panel:after,.result-panel:after{content:"";pointer-events:none;background:radial-gradient(circle at 0 0,#ffd77a55 0 3px,#0000 4px),radial-gradient(circle at 100% 0,#ffd77a55 0 3px,#0000 4px),radial-gradient(circle at 0 100%,#ffd77a55 0 3px,#0000 4px),radial-gradient(circle at 100% 100%,#ffd77a55 0 3px,#0000 4px);border:1px solid #ffd77a2a;border-radius:14px;position:absolute;inset:6px}.menu-panel{-webkit-backdrop-filter:blur(6px);background:linear-gradient(#241b42d1,#0f0b1ce6);border-radius:20px;padding:20px 18px}.menu-panel>*{z-index:1;position:relative}.menu-panel h2,.settings h2,.rules h2{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;background:var(--gild);color:#0000;filter:drop-shadow(0 2px #0008);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.menu-panel h2:after,.detail-panel h2:after{content:"";background:radial-gradient(circle,#ffd77a 0 2.5px,#0000 3px) 50%/10px 10px no-repeat,linear-gradient(90deg,#0000,#ffd77a99 30%,#0000 48% 52%,#ffd77a99 70%,#0000) 50%/100% 1px no-repeat;width:70%;height:10px;margin:6px auto 0;display:block}.btn{font-family:var(--font-display);letter-spacing:.8px;text-transform:uppercase;color:#3b2004;text-shadow:0 1px #fff4c799;background:linear-gradient(#fff6 0%,#0000 45%),linear-gradient(#ffe39a 0%,#f5bd4e 48%,#d98f24 52%,#b86f17 100%);border:none;border-radius:12px;min-height:50px;font-size:16px;font-weight:700;transition:transform .1s,filter .2s,box-shadow .2s;box-shadow:inset 0 0 0 1.5px #fff3c466,inset 0 -3px #8a4f0c,0 0 0 2px #5a3608,0 0 0 3px #f5cf7455,0 5px #3b2205,0 10px 22px #000a}.btn:hover:not(:disabled){filter:brightness(1.08)saturate(1.05)}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:inset 0 0 0 1.5px #fff3c466,inset 0 -2px #8a4f0c,0 0 0 2px #5a3608,0 1px #3b2205,0 3px 8px #000a}.btn.ghost{color:var(--parchment);text-shadow:0 1px 2px #000;background:linear-gradient(#ffffff12,#0000 50%),linear-gradient(#3a2f62,#241c42);box-shadow:inset 0 0 0 1px #ffd77a40,inset 0 1px #ffffff26,0 0 0 1.5px #0b0816,0 4px #0b0816,0 8px 16px #0008}.btn.ghost:active:not(:disabled){box-shadow:inset 0 0 0 1px #ffd77a40,0 0 0 1.5px #0b0816,0 1px #0b0816}.btn.danger{color:#fff3ee;text-shadow:0 1px 1px #4a0d0a;background:linear-gradient(#ffffff40,#0000 45%),linear-gradient(#ff8a74,#d0413a 50%,#8f221d);box-shadow:inset 0 0 0 1.5px #ffd3c866,inset 0 -3px #5e1310,0 0 0 2px #3a0a08,0 5px #2a0605,0 10px 20px #000a}.btn.small{letter-spacing:.5px;min-height:38px;font-size:13px}.btn.diff span,.btn.diff b{text-transform:none;font-family:var(--font-ui);letter-spacing:0}.btn.diff span{font-weight:600}.btn:disabled{filter:grayscale(.85)brightness(.6)}.btn:not(:disabled):after{background:linear-gradient(105deg,#0000 35%,#fffbe0aa 50%,#0000 65%)}.menu-panel .btn:not(.ghost):not(:disabled):after{animation:4.5s ease-in-out infinite btn-sheen}@keyframes btn-sheen{0%,70%{transform:translate(-130%)}to{transform:translate(130%)}}.icon-btn{font-family:var(--font-ui);color:var(--gold);background:radial-gradient(circle at 50% 35%,#3d3170,#1a1430 70%);border:none;border-radius:50%;width:40px;min-width:40px;height:40px;padding:0;font-weight:900;transition:transform .1s,filter .15s;box-shadow:inset 0 0 0 1.5px #ffd77a88,inset 0 2px #fff2,0 0 0 2px #0b0816,0 3px 8px #000a}.icon-btn:active:not(:disabled){transform:scale(.92)}.icon-btn:hover:not(:disabled){filter:brightness(1.2)}.loading{z-index:1;position:relative}.loading p{font-family:var(--font-display);letter-spacing:2px;color:var(--gold);text-transform:uppercase;font-size:13px;animation:1.8s ease-in-out infinite breathe}.spinner{background:conic-gradient(from 0deg, transparent 0 60%, #ffd77a 100%);border:none;width:64px;height:64px;-webkit-mask:radial-gradient(circle,#0000 0 24px,#000 25px 30px,#0000 31px);mask:radial-gradient(circle,#0000 0 24px,#000 25px 30px,#0000 31px)}@keyframes breathe{50%{opacity:.5}}.realm-backdrop{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.realm-backdrop.dim:after{content:"";background:linear-gradient(#0b0816cc,#0b0816e6 40%,#0b0816f2);position:absolute;inset:0}.rb-layer{width:100%;height:100%;position:absolute;inset:0}.rb-stars circle{animation:3.2s ease-in-out infinite twinkle}@keyframes twinkle{50%{opacity:.25}}.rb-sun{transform-origin:200px 520px;animation:6s ease-in-out infinite sun-pulse}@keyframes sun-pulse{50%{opacity:.82;transform:scale(1.04)}}.rb-far{animation:18s ease-in-out infinite alternate drift-far}.rb-mid{animation:14s ease-in-out infinite alternate drift-mid}@keyframes drift-far{to{transform:translate(-6px)}}@keyframes drift-mid{to{transform:translate(-12px)}}.rb-clouds{width:200%;height:90px;position:absolute;left:0}.rb-clouds svg{width:100%;height:100%;display:block}.rb-clouds-a{animation:70s linear infinite clouds;top:47%}.rb-clouds-b{animation:45s linear infinite reverse clouds;top:60%}@keyframes clouds{to{transform:translate(-50%)}}.rb-window{animation:2.2s steps(3,end) infinite window-flicker}@keyframes window-flicker{50%{opacity:.5}}.rb-mist{filter:blur(6px);background:radial-gradient(50% 50% at 30% 60%,#ffd2b033,#0000 70%),radial-gradient(45% 45% at 75%,#c9a6ff26,#0000 70%);height:26%;animation:16s ease-in-out infinite alternate mist;position:absolute;bottom:8%;left:-20%;right:-20%}@keyframes mist{to{transform:translate(8%)}}.rb-cloth{transform-box:fill-box;transform-origin:0;animation:2.4s ease-in-out infinite flag}.rb-banner-r .rb-cloth{transform-origin:100%;animation-delay:-1.1s}@keyframes flag{50%{transform:skewY(5deg)scaleX(.94)}}.rb-motes i{opacity:0;background:#ffe7a0;border-radius:50%;animation:8s ease-in-out infinite mote;position:absolute;box-shadow:0 0 6px 2px #ffcf6a99}@keyframes mote{0%{opacity:0;transform:translate(0)}20%{opacity:.9}50%{opacity:.6;transform:translate(14px,-40px)}80%{opacity:.9}to{opacity:0;transform:translate(-8px,-90px)}}.rb-vignette{background:radial-gradient(90% 75% at 50% 45%,#0000 55%,#05040acc 100%);position:absolute;inset:0}.menu-screen{z-index:1;justify-content:flex-start;gap:6px;padding-top:max(4dvh,18px);position:relative}.title-art{z-index:2;margin-bottom:-26px;position:relative}.title-art img{filter:drop-shadow(0 10px 10px #000b)drop-shadow(0 0 18px #ffcf6a33);width:clamp(110px,32vw,150px);height:auto}.title-art:before{content:"";z-index:-1;background:repeating-conic-gradient(from 0deg, #ffe6a01c 0 6deg, transparent 6deg 18deg);width:260px;height:260px;animation:40s linear infinite rays-spin;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(circle,#000 20%,#0000 68%);mask:radial-gradient(circle,#000 20%,#0000 68%)}@keyframes rays-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.logo{text-align:center;z-index:3;margin:0 0 6px;position:relative}.game-title{font-family:var(--font-deco);letter-spacing:1px;background:var(--gild);color:#0000;text-shadow:none;filter:drop-shadow(0 2px #4a2806)drop-shadow(0 3px #2a1604)drop-shadow(0 10px 18px #000c);-webkit-background-clip:text;background-clip:text;font-size:clamp(36px,11vw,52px);font-weight:700;line-height:.95;position:relative}.game-title small{font-family:var(--font-display);letter-spacing:6px;color:var(--parchment);-webkit-text-fill-color:var(--parchment);justify-content:center;align-items:center;gap:10px;margin:6px 0 4px;font-size:.32em;font-weight:700;display:flex}.game-title small:before,.game-title small:after{content:"";background:linear-gradient(90deg,#0000,#ffd77a);width:44px;height:1px}.game-title small:after{transform:scaleX(-1)}.game-title{background:linear-gradient(100deg, transparent 42%, #fffdf2 50%, transparent 58%) no-repeat, var(--gild);background-size:300% 100%,100% 100%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite logo-shine,4s ease-in-out infinite title-float}@keyframes logo-shine{0%,55%{background-position:120% 0,0 0}to{background-position:-20% 0,0 0}}.logo-sub{font-family:var(--font-display);letter-spacing:3px;text-transform:uppercase;color:#e9d9b3cc;margin-top:2px;font-size:11px}.menu-panel .version-note{font-family:var(--font-ui);text-align:center;margin:2px 0 0;font-size:11.5px;line-height:1.35}.toggle,.slider{background:linear-gradient(#ffffff0c,#ffffff05);border:1px solid #ffd77a22}.toggle input,.slider input{accent-color:var(--gold-2)}.hud{z-index:2;background:linear-gradient(#0b0816f2 0%,#0b0816b3 70%,#0000);padding:6px 8px 4px;position:relative}.hud-title{position:relative}.round-medallion{align-items:center;gap:8px;display:flex}.round-medallion .medal{width:42px;height:42px;font-family:var(--font-display);color:#3b2004;background:radial-gradient(circle at 50% 30%,#fff1bf,#f0b443 55%,#9a6117);border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:900;animation:.6s cubic-bezier(.2,1.8,.4,1) medal-bump;display:grid;box-shadow:0 0 0 2px #3b2205,0 0 0 4px #ffd77a55,0 4px 10px #000c,inset 0 -3px #0003}@keyframes medal-bump{30%{filter:brightness(1.4);transform:scale(1.3)rotate(-8deg)}}.round-medallion .labels{flex-direction:column;align-items:flex-start;line-height:1.05;display:flex}.hud-title .round{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-size:12px;font-weight:700}.hud-title .vs{font-family:var(--font-display);color:var(--parchment);font-size:13.5px;font-weight:700}.prompt{font-family:var(--font-ui);background:#0b0816cc;border:1px solid #ffffff14;border-radius:999px;font-weight:800}.prompt:not(.waiting){color:#fff0c8;text-shadow:0 1px 2px #000;background:linear-gradient(90deg,#2a1b0600,#5a3a10 20%,#6b4512 50%,#5a3a10 80%,#2a1b0600);border-color:#ffd77a55}.prompt.waiting{color:#cfc3e6;font-style:italic}.modifier-chip{font-family:var(--font-ui);color:var(--parchment);background:linear-gradient(#2b2250,#170f2c);border-color:#ffd77a55}.modifier-desc{background:#1a1430ee;border-color:#ffd77a66}.hand{background:linear-gradient(#0000,#0b0816d9 22%,#0b0816);padding-top:10px}.hand:before{content:"";background:linear-gradient(90deg,#0000,#ffd77a88,#0000);height:1px;position:absolute;top:4px;left:8%;right:8%}.hand-card.empty{background:radial-gradient(circle,#ffffff08,#0000 70%);border:1.5px dashed #ffd77a26}.hand-card.selected{transform:translateY(-12px)scale(1.04)}.hand-card.selected .card-face{outline:none;animation:1.2s ease-in-out infinite sel-glow;box-shadow:0 0 0 2px #fff,0 0 0 4px #7cf0ff,0 0 22px 4px #7cf0ffaa,0 10px 18px #000c}@keyframes sel-glow{50%{box-shadow:0 0 0 2px #fff,0 0 0 4px #7cf0ff,0 0 30px 8px #7cf0ffcc,0 10px 18px #000c}}.hand-card.placed .card-face{filter:brightness(.45)saturate(.4)}.lane-badge{font-family:var(--font-display);letter-spacing:.5px;background:linear-gradient(#e6fdff,#7cf0ff);font-weight:900;box-shadow:0 0 0 1.5px #08202a,0 3px 8px #000a}.hand-actions .btn.confirm{letter-spacing:1px;font-size:14px}.hand-actions .btn.confirm:not(:disabled){animation:1.4s ease-in-out infinite confirm-ready}@keyframes confirm-ready{50%{box-shadow:inset 0 0 0 1.5px #fff3c466,inset 0 -3px #8a4f0c,0 0 0 2px #5a3608,0 0 18px 4px #ffd77acc,0 5px #3b2205,0 10px 22px #000a}}.card-face{--tint:#888;--rim:#8e9aab;--rim-2:#d8e0ea;--rim-3:#4c5666;color:#2a1a08;background:linear-gradient(145deg, var(--rim-2), var(--rim) 35%, var(--rim-3) 60%, var(--rim) 80%, var(--rim-2));border-radius:11px;flex-direction:column;height:100%;padding:3px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0b0816,0 4px 10px #000b}.card-face.rarity-rare{--rim:#3f86d8;--rim-2:#bfe2ff;--rim-3:#1d4c86}.card-face.rarity-epic{--rim:#9b55e8;--rim-2:#ead2ff;--rim-3:#4f2386}.card-face.rarity-legendary{--rim:#e9a52c;--rim-2:#fff0b8;--rim-3:#8a5512}.card-art{background:radial-gradient(ellipse 70% 30% at 50% 96%, #00000059, transparent 70%), radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--tint) 35%, #fff6d8), color-mix(in srgb, var(--tint) 75%, #120c24) 72%);border-radius:8px 8px 3px 3px;flex:1;order:0;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0006,inset 0 0 14px #0000008c}.card-rays{background:repeating-conic-gradient(from 0deg at 50% 45%, #ffffff1f 0 7deg, transparent 7deg 20deg);position:absolute;inset:-30%;-webkit-mask:radial-gradient(circle at 50% 45%,#000 10%,#0000 55%);mask:radial-gradient(circle at 50% 45%,#000 10%,#0000 55%)}.card-art img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 2px #0007);width:112%;height:112%;margin-top:4%;position:relative}.card-gem{background:linear-gradient(135deg, var(--rim-2), var(--rim) 50%, var(--rim-3));width:9px;height:9px;box-shadow:0 0 0 1.5px #1b1325, 0 0 6px var(--rim);border-radius:2px;position:absolute;top:4px;left:4px;transform:rotate(45deg)}.card-class{width:18px;height:18px;box-shadow:0 0 0 1.5px var(--rim-2), 0 2px 4px #000a;color:#fff3cf;text-shadow:none;background:radial-gradient(circle at 50% 35%,#4a3c80,#15102a);border-radius:50%;place-items:center;font-size:11px;line-height:1;display:grid;top:3px;right:3px}.card-stats{z-index:2;order:1;justify-content:space-between;align-items:center;height:0;padding:0 1px;display:flex;position:relative}.stat{width:22px;height:22px;font-family:var(--font-display);color:#fff;text-shadow:0 1px 1px #000,0 0 2px #000;place-items:center;font-size:12px;font-weight:900;display:grid;translate:0 -2px}.stat.atk{color:#fff;background:radial-gradient(circle at 50% 30%,#ffcf6a,#d0711a 60%,#6e3205);border-radius:50%;box-shadow:0 0 0 1.5px #2a1404,0 0 0 2.5px #ffd77a99,0 2px 4px #000a}.stat.hp{color:#fff;background:radial-gradient(circle at 50% 30%,#ff8a8a,#c42a2a 60%,#5e0b0b);border-radius:50%/45% 45% 55% 55%;box-shadow:0 0 0 1.5px #2a0404,0 0 0 2.5px #ffb3b399,0 2px 4px #000a}.stat.arm{clip-path:polygon(50% 0,100% 15%,92% 65%,50% 100%,8% 65%,0 15%);color:#fff;background:linear-gradient(#dfe8f2,#7a8ea6 60%,#3d4c5f);width:19px;height:21px;font-size:10.5px}.card-plate{text-align:center;background:linear-gradient(#fbf1d6,#e6d2a2);border-radius:3px 3px 8px 8px;order:2;margin-top:2px;padding:5px 3px 3px;position:relative;box-shadow:inset 0 1px #fff8,inset 0 0 0 1px #0003}.card-name{font-family:var(--font-display);letter-spacing:.1px;color:#2a1608;white-space:nowrap;text-overflow:ellipsis;padding:0 2px;font-size:10.5px;font-weight:700;line-height:1.15;overflow:hidden}.card-ability{font-family:var(--font-ui);color:#7a5420;white-space:nowrap;text-overflow:ellipsis;padding:0;font-size:9.5px;font-weight:800;line-height:1.2;overflow:hidden}.card-face.compact .card-plate{padding-top:6px}.card-foil{pointer-events:none;border-radius:inherit;mix-blend-mode:color-dodge;opacity:.55;background:linear-gradient(115deg,#0000 25%,#ff6ad555 36%,#6ae3ff66 44%,#fff59a77 50%,#7dff9a55 56%,#0000 68%) 0 0/300% 100% no-repeat;animation:4.2s ease-in-out infinite foil;position:absolute;inset:0}.rarity-legendary .card-foil{opacity:.7}.rarity-legendary .card-art{box-shadow:inset 0 0 0 1px #0006,inset 0 0 14px #0000008c,inset 0 0 22px #ffd77a55}@keyframes foil{0%{background-position:120% 0}60%,to{background-position:-20% 0}}@media (max-height:700px){.card-name{font-size:9.5px}.stat{width:19px;height:19px;font-size:10.5px}.card-ability{display:none}}.overlay{-webkit-backdrop-filter:blur(3px);background:radial-gradient(#120c24cc,#05040ae6)}.detail-panel{border-radius:20px}.detail-panel>*{z-index:1;position:relative}.detail-panel h2{font-family:var(--font-display);color:var(--gold)}.detail-ability{background:linear-gradient(#ffd77a1c,#ffd77a0a);border-color:#ffd77a55}.detail-live,.detail-class{background:#00000040;border:1px solid #ffffff10}.result-panel{border:none;border-radius:22px;padding:26px 20px 20px;overflow:visible}.result-panel>*{z-index:1;position:relative}.result-panel h1{font-family:var(--font-deco);letter-spacing:1px;background:var(--gild);color:#0000;filter:drop-shadow(0 3px #3b2205)drop-shadow(0 8px 16px #000c);-webkit-background-clip:text;background-clip:text;margin:0;font-size:46px;line-height:1;animation:.7s cubic-bezier(.2,1.6,.4,1) both title-drop}.result-panel.loss h1{background:linear-gradient(#ffe3dc,#d76a5c 45%,#6e1d18);-webkit-background-clip:text;background-clip:text}.result-panel.draw h1{background:linear-gradient(#f4f0ff,#a9a2c8 50%,#4a4466);-webkit-background-clip:text;background-clip:text}@keyframes title-drop{0%{opacity:0;transform:translateY(-30px)scale(1.6)}}.result-stats div{background:#00000040;border:1px solid #ffd77a26;border-radius:12px;flex-direction:column;padding:8px 4px;display:flex}.result-stats b{font-family:var(--font-display);color:var(--gold);font-size:22px}.result-stats span{color:var(--muted);font-size:11px}.result-fx{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.result-fx .rays{background:repeating-conic-gradient(from 0deg, #ffe9a826 0 8deg, transparent 8deg 22deg);width:900px;height:900px;animation:30s linear infinite rays-turn;position:absolute;top:32%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#000 5%,#0000 55%);mask:radial-gradient(circle,#000 5%,#0000 55%)}@keyframes rays-turn{to{rotate:360deg}}.result-fx .glow{background:radial-gradient(circle,#ffd77a55,#0000 65%);width:360px;height:360px;animation:3s ease-in-out infinite breathe;position:absolute;top:32%;left:50%;translate:-50% -50%}.result-fx i{border-radius:2px;width:8px;height:14px;animation:3.4s linear infinite confetti;position:absolute;top:-20px}@keyframes confetti{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--dx), 110dvh) rotate(var(--rot));opacity:.9}}.result-fx.loss .glow{background:radial-gradient(circle,#6e1d1855,#0000 65%)}.result-fx.loss i{border-radius:50%;width:4px;height:4px;animation-name:ash;top:auto;bottom:-10px;box-shadow:0 0 4px #ff7a3a88;background:#c9c0b5!important}@keyframes ash{0%{opacity:0;transform:translate(0)}15%{opacity:.9}to{transform:translate(var(--dx), -105dvh);opacity:0}}.page{z-index:1;position:relative}.screen-header{z-index:2;background:linear-gradient(#0b0816e6,#0000);padding:10px 10px 8px;position:relative}.screen-header h1,.screen-header h2{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;background:var(--gild);color:#0000;filter:drop-shadow(0 2px #0009);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.page-body h3,.page-body h2{font-family:var(--font-display);color:var(--gold);letter-spacing:1px;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 6px;font-size:14px;font-weight:700;display:flex}.page-body h3:after,.page-body h2:after{content:"";background:linear-gradient(90deg,#ffd77a66,#0000);flex:1;height:1px}.page-footer{background:linear-gradient(#0000,#0b0816e6 35%)}.choice{background:linear-gradient(#2b2250cc,#1a1430cc);border:1.5px solid #ffd77a22;transition:border-color .2s,transform .1s,box-shadow .2s}.choice:active{transform:scale(.98)}.choice.selected,.choice.active,.choice[aria-pressed=true]{border-color:var(--gold);background:linear-gradient(#3d2f62,#241b44);box-shadow:0 0 0 1px #ffd77a66,0 0 16px #ffd77a44,inset 0 0 20px #ffd77a1a}.pill{font-family:var(--font-ui);background:var(--gild);color:#3b2004;box-shadow:0 0 0 1px #3b2205}.deck-card{border-radius:16px}.deck-card>*{z-index:1;position:relative}.deck-card.active{box-shadow:var(--shadow-deep), 0 0 0 1px #ffd77a, 0 0 22px #ffd77a44}.deck-portraits img{background:radial-gradient(circle at 50% 40%,#4a3c80,#15102a);border-radius:50%;box-shadow:0 0 0 1.5px #ffd77a99,0 2px 4px #000a}.tabs{background:#0b0816aa;border-color:#ffd77a44}.analysis-strip,.analysis-panel{background:#0b0816b3;border-color:#ffd77a2a}.deck-row{background:linear-gradient(90deg,#2b2250aa,#1a1430aa);border:1px solid #ffffff0c}input[type=text],input[type=search],select{font-family:var(--font-ui);color:var(--text);background:#0b0816cc;border:1px solid #ffd77a44;border-radius:10px;font-weight:700}.toast{font-family:var(--font-ui);box-shadow:var(--shadow-deep);background:linear-gradient(#2b2250f2,#15102af2);border:1px solid #ffd77a66}.tutorial-panel{border:none}.tutorial-panel>*{z-index:1;position:relative}.tutorial-panel b{font-family:var(--font-display);color:var(--gold);letter-spacing:.5px}.app.reduced .rb-motes,.app.reduced .card-foil,.app.reduced .result-fx i,.app.reduced .rb-clouds{display:none}@media (prefers-reduced-motion:reduce){.rb-motes,.rb-clouds,.card-foil{display:none}}.menu-screen .menu-panel{background:linear-gradient(#241b42b8,#0f0b1cdb);gap:10px;margin-top:auto;margin-bottom:max(2dvh,10px);padding:16px 16px 14px}.menu-screen .menu-panel .btn{min-height:46px}.menu-screen .menu-panel .btn.small{min-height:40px}.menu-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rb-far,.rb-mid,.rb-near{top:-17%;overflow:visible}.rb-clouds-a{top:34%}.rb-clouds-b{top:45%}.rb-mist{bottom:26%}.rb-sky .rb-sun{transform-origin:200px 400px}.field{background:radial-gradient(80% 60%,#1c2a1a,#0b0a12 80%)}.phaser-host canvas{border-radius:10px;box-shadow:0 0 0 1.5px #0b0816,0 0 0 3px #c99a46,0 0 0 4.5px #3b2205,0 10px 30px #000c}.campaign-page{background:#0b0816}.campaign-header{align-items:center;display:flex}.campaign-header h2{flex:1}.wallet{font-family:var(--font-display);flex-direction:column;align-items:flex-end;gap:1px;font-size:12.5px;font-weight:700;line-height:1.15;display:flex}.wallet-stars{color:var(--gold)}.wallet-gold{color:#ffe7a0}.map-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;position:relative;overflow-y:auto}.map-top-cap{text-align:center;font-family:var(--font-deco);background:var(--gild);color:#0000;-webkit-background-clip:text;background-clip:text;padding:18px 0 10px;font-size:20px}.campaign-complete{text-align:center;color:var(--gold);font-family:var(--font-display);padding:14px 20px 24px}.region-panel{aspect-ratio:400/560;width:100%;position:relative;overflow:hidden}.region-panel+.region-panel{margin-top:-2px}.region-panel:after{content:"";pointer-events:none;background:linear-gradient(#0b0816cc,#0000);height:40px;position:absolute;top:0;left:0;right:0}.region-art{width:100%;height:100%;display:block;position:absolute;inset:0}.region-banner{z-index:3;cursor:pointer;min-width:62%;color:var(--parchment);clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%);filter:drop-shadow(0 4px 6px #000a);background:linear-gradient(#3a2a5ef0,#1a1230f0);border:none;flex-direction:column;align-items:center;gap:1px;padding:6px 18px 7px;display:flex;position:absolute;top:3%;left:50%;transform:translate(-50%)}.region-banner b{font-family:var(--font-display);letter-spacing:1px;color:var(--gold);font-size:17px}.region-banner small{color:#e9dcc0;font-size:11px}.region-panel.locked .region-art{filter:grayscale(.7)brightness(.45)blur(1.5px)}.region-lock{z-index:4;text-align:center;color:var(--parchment);background:radial-gradient(#0b081688,#0b0816cc);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:20px;display:flex;position:absolute;inset:0}.region-lock span{filter:drop-shadow(0 3px 4px #000);font-size:34px}.region-lock b{font-family:var(--font-display);color:var(--gold);font-size:19px}.region-lock small{color:var(--muted)}.region-panel.locked:before{content:"";z-index:3;pointer-events:none;background:radial-gradient(40% 20% at 30% 40%,#fff2,#0000 70%),radial-gradient(40% 20% at 70% 70%,#ffffff1a,#0000 70%);animation:14s ease-in-out infinite alternate mist;position:absolute;inset:-20%}.map-node{z-index:2;cursor:pointer;color:var(--parchment);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;width:112px;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.node-medal{color:#3b2004;background:radial-gradient(circle at 50% 30%,#fff1bf,#f0b443 55%,#9a6117);border-radius:50%;place-items:center;width:54px;height:54px;font-size:24px;transition:transform .15s;display:grid;box-shadow:0 0 0 3px #3b2205,0 0 0 5px #ffd77a88,0 6px 12px #000c,inset 0 -4px #0003}.map-node:active .node-medal{transform:scale(.92)}.map-node.kind-elite .node-medal{color:#fff;background:radial-gradient(circle at 50% 30%,#f3e0ff,#b26bff 55%,#4f2386);box-shadow:0 0 0 3px #22103a,0 0 0 5px #d9b0ff88,0 6px 12px #000c,inset 0 -4px #0003}.map-node.kind-boss .node-medal{background:radial-gradient(circle at 50% 30%,#ffd0c8,#d0413a 55%,#5e1310);width:76px;height:76px;overflow:hidden;box-shadow:0 0 0 3px #2a0605,0 0 0 6px #ffd77a,0 0 24px 6px #ff6a4a66,0 8px 14px #000c}.map-node.kind-boss .node-medal img{object-fit:cover;width:118%;height:118%;margin-top:18%}.map-node.locked .node-medal{filter:grayscale()brightness(.55);font-size:18px}.map-node.locked{cursor:default}.map-node.cleared .node-medal:after{content:"✔";color:#fff;background:#3aa83a;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;display:grid;position:absolute;transform:translate(18px,18px);box-shadow:0 0 0 2px #0b0816}.map-node.current .node-medal{animation:1.4s ease-in-out infinite node-pulse}@keyframes node-pulse{50%{box-shadow:0 0 0 3px #3b2205,0 0 0 5px #ffd77a,0 0 26px 10px #ffd77acc,0 6px 12px #000c}}.node-marker{color:var(--gold);text-shadow:0 2px 3px #000;font-size:18px;animation:1s ease-in-out infinite marker-bob;position:absolute;top:-26px}.map-node.kind-boss .node-marker{top:-30px}@keyframes marker-bob{50%{transform:translateY(-5px)}}.node-label{font-family:var(--font-display);text-align:center;background:#0b0816cc;border-radius:8px;max-width:112px;padding:2px 7px;font-size:11px;font-weight:700;line-height:1.1;box-shadow:0 0 0 1px #ffd77a33}.map-node.locked .node-label{opacity:.6}.stars{gap:1px;line-height:1;display:inline-flex}.stars i{color:#ffffff30;text-shadow:0 1px 1px #000;font-style:normal}.stars i.on{color:#ffd77a;text-shadow:0 0 6px #ffb02e,0 1px 1px #000}.stars.sm{font-size:13px}.rm-water{stroke-dasharray:14 10;animation:3s linear infinite water}@keyframes water{to{stroke-dashoffset:-48px}}.rm-spin{animation:6s linear infinite spin}.rm-glow{animation:2.2s ease-in-out infinite twinkle}.rm-wisp{animation:4s ease-in-out infinite wisp}@keyframes wisp{0%,to{opacity:.9;transform:translate(0)}50%{opacity:.3;transform:translate(6px,-8px)}}.rm-smoke{transform-box:fill-box;transform-origin:50%;animation:3s ease-out infinite smoke}@keyframes smoke{0%{opacity:.6;transform:translateY(0)scale(.6)}to{opacity:0;transform:translateY(-18px)scale(1.4)}}.rm-lava{animation:2.4s ease-in-out infinite lava}@keyframes lava{50%{stroke:#ffb04a}}.rm-progress{filter:drop-shadow(0 0 4px #ffd77a);transition:stroke-dasharray .8s}.overlay.story{padding-bottom:calc(24px + var(--safe-bottom));z-index:70;cursor:pointer;align-content:end;place-items:end center}.story-title{text-align:center;font-family:var(--font-deco);background:var(--gild);color:#0000;filter:drop-shadow(0 3px #3b2205)drop-shadow(0 8px 16px #000);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(26px,8vw,36px);animation:.6s cubic-bezier(.2,1.6,.4,1) both title-drop;position:absolute;top:18%;left:0;right:0}.story-box{align-items:flex-end;gap:8px;width:min(100%,440px);animation:.3s ease-out both screen-in;display:flex;position:relative}.story-box.foe{flex-direction:row-reverse}.story-portrait{filter:drop-shadow(0 8px 10px #000c);z-index:1;flex:none;width:112px;height:112px;margin-bottom:-6px;animation:2.6s ease-in-out infinite bob}.story-text{background:linear-gradient(#2b2250f5,#15102af5);border-radius:16px;flex-direction:column;flex:1;min-height:108px;padding:12px 14px 10px;display:flex;position:relative;box-shadow:inset 0 0 0 1.5px #ffd77a88,0 12px 30px #000c}.story-box.foe .story-text{box-shadow:inset 0 0 0 1.5px #ff8a7a99,0 12px 30px #000c}.story-speaker{font-family:var(--font-display);color:var(--gold);letter-spacing:.5px}.story-box.foe .story-speaker{color:#ffb0a0}.story-text p{flex:1;margin:4px 0 6px;font-size:14.5px;line-height:1.4}.story-rest{opacity:0}.story-next{color:var(--muted);align-self:flex-end;font-size:11px;animation:1.6s ease-in-out infinite breathe}.story-skip{top:calc(12px + var(--safe-top));position:absolute;right:12px;width:auto!important}.mission-hero{border-radius:18px;align-items:center;gap:4px;min-height:150px;padding:10px 12px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1.5px #ffd77a55,0 10px 24px #000a}.mission-hero.theme-meadow{background:linear-gradient(135deg,#3f7a2c,#9cc65a)}.mission-hero.theme-forest{background:linear-gradient(135deg,#1b3a1c,#4f8f45)}.mission-hero.theme-ember{background:linear-gradient(135deg,#26100c,#a8432a)}.mission-hero.theme-marsh{background:linear-gradient(135deg,#1c2b27,#4f6b66)}.mission-hero.theme-frost{background:linear-gradient(135deg,#5f7fa6,#dbe9f8)}.mission-hero.theme-citadel{background:linear-gradient(135deg,#120a1f,#6a2a6a)}.mission-hero:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 30%,#0b0816cc);position:absolute;inset:0}.mission-hero-rays{background:repeating-conic-gradient(#fff2 0 8deg, transparent 8deg 22deg);width:360px;height:360px;animation:40s linear infinite rays-turn;position:absolute;top:50%;left:22%;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#000 10%,#0000 60%);mask:radial-gradient(circle,#000 10%,#0000 60%)}.mission-hero.kind-boss .mission-hero-rays{background:repeating-conic-gradient(#ff6a4a33 0 8deg, transparent 8deg 22deg)}.mission-enemy{z-index:1;filter:drop-shadow(0 10px 10px #000c);flex:none;width:132px;height:132px;animation:2.8s ease-in-out infinite bob;position:relative}.mission-hero.kind-boss .mission-enemy{filter:drop-shadow(0 10px 10px #000c)drop-shadow(0 0 16px #ff6a4a88);width:150px;height:150px}.mission-hero-text{z-index:2;flex-direction:column;align-items:flex-start;gap:4px;display:flex;position:relative}.mission-hero-text h1{font-family:var(--font-display);color:#fff6dc;text-shadow:0 2px 4px #000;margin:0;font-size:22px;line-height:1.1}.mission-foe{color:#ffd8c8;font-size:13px}.kind-badge{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;background:var(--gild);color:#3b2004;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.kind-badge.kind-elite{color:#22103a;background:linear-gradient(#ead2ff,#9b55e8)}.kind-badge.kind-boss{color:#fff;background:linear-gradient(#ffd0c8,#d0413a)}.briefing{flex-direction:column;gap:8px;display:flex}.bubble{align-items:flex-start;gap:8px;display:flex}.bubble.foe{text-align:right;flex-direction:row-reverse}.bubble img{background:radial-gradient(circle at 50% 40%,#4a3c80,#15102a);border-radius:50%;flex:none;width:52px;height:52px;box-shadow:0 0 0 1.5px #ffd77a99}.bubble.foe img{box-shadow:0 0 0 1.5px #ff8a7a99}.bubble div{background:linear-gradient(#2b2250cc,#1a1430cc);border:1px solid #ffd77a2a;border-radius:14px;padding:8px 12px}.bubble b{font-family:var(--font-display);color:var(--gold);font-size:12.5px}.bubble.foe b{color:#ffb0a0}.bubble p{margin:2px 0 0;font-size:13.5px;line-height:1.35}.intel{grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:8px;display:grid}.intel div{background:#0b0816aa;border:1px solid #ffd77a22;border-radius:12px;flex-direction:column;padding:8px 10px;display:flex}.intel b{font-family:var(--font-display);color:var(--gold);font-size:14px}.intel span{color:var(--muted);font-size:11px}.objectives{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.objectives li{background:#0b0816aa;border:1px solid #ffffff10;border-radius:10px;align-items:center;gap:8px;padding:7px 10px;font-size:13.5px;display:flex}.objectives li i{color:#ffffff30;font-size:16px;font-style:normal}.objectives li.done{border-color:#ffd77a55}.objectives li.done i{color:#ffd77a;text-shadow:0 0 6px #ffb02e}.objectives.compact li{text-align:left;padding:4px 8px;font-size:12.5px}.btn.march{letter-spacing:1.5px;font-size:18px}.btn.march:not(:disabled){animation:1.6s ease-in-out infinite confirm-ready}.campaign-result{flex-direction:column;gap:8px;display:flex}.result-stars{justify-content:center;gap:6px;margin:-2px 0 2px;display:flex}.result-stars i{color:#ffffff1c;text-shadow:0 2px #000;font-size:46px;font-style:normal;line-height:1}.result-stars i:nth-child(2){font-size:56px;translate:0 -8px}.result-stars i.on{color:#ffd77a;text-shadow:0 0 14px #ffb02e,0 3px #7a4f12;animation:.5s cubic-bezier(.2,1.8,.4,1) both star-pop}.result-stars i.on.new:after{content:"NEW";font-family:var(--font-ui);color:#7cf0ff;text-shadow:none;letter-spacing:1px;margin-top:-4px;font-size:9px;font-weight:900;display:block}@keyframes star-pop{0%{opacity:0;transform:scale(2.6)rotate(-30deg)}60%{opacity:1}}.reward-line{font-family:var(--font-display);color:#ffe7a0;margin:0;font-size:16px;font-weight:700;animation:.4s cubic-bezier(.2,1.6,.4,1) 1.4s both pop}.coin{color:#7a4f12;vertical-align:-3px;background:radial-gradient(circle at 40% 30%,#fff1bf,#f0b443 60%,#9a6117);border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:inline-grid;box-shadow:0 0 0 1px #3b2205}.region-done{font-family:var(--font-display);color:var(--gold);margin:0;font-size:16px;animation:.4s cubic-bezier(.2,1.6,.4,1) 1.7s both pop}.app.reduced .result-stars i.on{animation:none}.region-banner{min-width:0;max-width:58%;padding:5px 16px 6px;inset:auto 2% 2.2% auto;transform:none}.region-banner b{white-space:nowrap;font-size:15px}.region-banner small{white-space:nowrap;font-size:10px}@media (max-height:640px){.title-art img{width:96px}.logo-sub{display:none}.menu-screen .menu-panel{gap:8px;padding:12px 14px 10px}.menu-screen .menu-panel .btn{min-height:42px}.menu-screen .menu-panel .btn.small{min-height:36px}.menu-panel .version-note{font-size:10.5px}}.gold-pill{font-family:var(--font-display);color:#ffe7a0;white-space:nowrap;background:linear-gradient(#2b2250,#140c22);border-radius:999px;align-items:center;gap:5px;padding:3px 10px 3px 4px;font-size:14px;font-weight:700;animation:.35s cubic-bezier(.2,1.6,.4,1) pop;display:inline-flex;box-shadow:inset 0 0 0 1px #ffd77a66,0 2px 6px #0008}.menu-topbar{z-index:4;justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:420px;margin-bottom:-6px;display:flex;position:relative}.topbar-buttons{gap:8px;display:flex}.round-btn{cursor:pointer;background:radial-gradient(circle at 50% 35%,#3d3170,#1a1430 70%);border:none;border-radius:50%;place-items:center;width:44px;height:44px;font-size:20px;transition:transform .1s;display:grid;position:relative;box-shadow:inset 0 0 0 1.5px #ffd77a88,0 0 0 2px #0b0816,0 4px 10px #000a}.round-btn:active{transform:scale(.92)}.badge{min-width:19px;height:19px;font-family:var(--font-ui);color:#fff;background:linear-gradient(#ff7a6a,#c8302a);border-radius:999px;place-items:center;padding:0 5px;font-size:11px;font-weight:900;animation:1.6s ease-in-out infinite badge-pulse;display:grid;position:absolute;top:-4px;right:-4px;box-shadow:0 0 0 2px #0b0816}@keyframes badge-pulse{50%{transform:scale(1.15)}}.card-level{font-family:var(--font-display);color:#fff3cf;box-shadow:0 0 0 1px var(--rim-2);white-space:nowrap;background:#140c22d9;border-radius:999px;padding:0 6px;font-size:9px;font-weight:900;line-height:14px;position:absolute;top:3px;left:50%;translate:-50%}.card-level.up{color:#3b2004;background:var(--gild);box-shadow:0 0 0 1px #3b2205,0 0 6px #ffd77a}.card-face.locked .card-art img{filter:brightness(0)drop-shadow(0 0 2px #fff5);opacity:.7}.card-face.locked{filter:saturate(.3)}.card-lock{filter:drop-shadow(0 2px 3px #000);place-items:center;font-size:22px;display:grid;position:absolute;inset:0}.collection-page .collection-grid{padding-bottom:calc(16px + var(--safe-bottom))}.owned-card{flex-direction:column;gap:4px;display:flex;height:168px!important}.owned-card .card-face{flex:1;height:auto;min-height:0}.mini-shards{background:#0b0816;border-radius:999px;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.mini-shards i{background:linear-gradient(90deg,#4a7cff,#7cf0ff);position:absolute;top:0;bottom:0;left:0}.owned-card.ready .mini-shards i{background:linear-gradient(90deg,#3aa83a,#9cf07a)}.mini-shards b{text-align:center;color:#fff;text-shadow:0 1px 1px #000;font-size:9.5px;line-height:14px;display:block;position:relative}.ready-badge{color:#fff;background:linear-gradient(#7cf07a,#2a9a3a);border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;animation:1s ease-in-out infinite marker-bob;display:grid;position:absolute;top:-5px;right:-5px;box-shadow:0 0 0 2px #0b0816,0 0 10px #7cf07a}.owned-card.ready .card-face{box-shadow:0 0 0 1px #0b0816,0 0 14px 2px #7cf07a88}.upgrade-panel{background:#0b0816b3;border:1px solid #ffd77a33;border-radius:14px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.upgrade-panel.ready{border-color:#7cf07a88;box-shadow:0 0 16px #7cf07a33}.upgrade-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.upgrade-head b{font-family:var(--font-display);color:var(--gold)}.upgrade-arrow{font-family:var(--font-display);color:#9cf07a;font-weight:700}.upgrade-gain{margin-left:auto;font-size:13px}.upgrade-gain em{color:#9cf07a;font-style:normal;font-weight:900}.shard-bar{background:#0b0816;border-radius:999px;height:18px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff2}.shard-bar i{background:linear-gradient(90deg,#4a7cff,#7cf0ff);border-radius:999px;transition:width .5s;position:absolute;top:0;bottom:0;left:0}.upgrade-panel.ready .shard-bar i,.quest.done .shard-bar i{background:linear-gradient(90deg,#3aa83a,#9cf07a)}.shard-bar span{text-align:center;text-shadow:0 1px 1px #000;font-size:11px;font-weight:800;line-height:18px;display:block;position:relative}.upgrade-btn:not(:disabled){animation:1.4s ease-in-out infinite confirm-ready}.free-chest{background:linear-gradient(135deg,#3d2f62,#1a1430);border-radius:16px;align-items:center;gap:10px;padding:10px 12px;display:flex;box-shadow:inset 0 0 0 1.5px #ffd77a77,0 8px 18px #000a}.free-chest>div{flex-direction:column;flex:1;display:flex}.free-chest b{font-family:var(--font-display);color:var(--gold)}.free-chest .btn{width:auto}.free-chest:not(.claimed) .chest-icon{animation:2.2s ease-in-out infinite chest-wiggle}@keyframes chest-wiggle{0%,70%,to{transform:rotate(0)}75%{transform:rotate(-6deg)}85%{transform:rotate(6deg)}92%{transform:rotate(-3deg)}}.chest-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.chest-card{cursor:pointer;color:var(--text);background:linear-gradient(#2b2250,#15102a);border:none;border-radius:16px;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;transition:transform .1s;display:flex;box-shadow:inset 0 0 0 1.5px #ffd77a44,0 6px 14px #000a}.chest-card:active:not(:disabled){transform:scale(.96)}.chest-card:disabled{opacity:.55;cursor:default}.chest-card b{font-family:var(--font-display);font-size:12.5px}.chest-royal{box-shadow:inset 0 0 0 1.5px #ffd77a,0 0 16px #ffd77a44,0 6px 14px #000a}.price{font-family:var(--font-display);color:#ffe7a0;align-items:center;gap:4px;font-size:13px;font-weight:700;display:inline-flex}.odds{margin-top:8px;font-size:12.5px}.odds summary{cursor:pointer;color:var(--gold);font-weight:800}.odds table{border-collapse:collapse;width:100%;margin:6px 0;font-size:12px}.odds th,.odds td{text-align:center;border-bottom:1px solid #ffffff14;padding:3px 4px}.odds td:first-child,.odds th:first-child{text-align:left}.offer-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.offer{text-align:left;cursor:pointer;color:var(--text);box-shadow:inset 0 0 0 1.5px var(--rim,#8e9aab), 0 4px 10px #000a;background:linear-gradient(#2b2250,#15102a);border:none;border-radius:14px;grid-template-rows:auto auto auto;grid-template-columns:46px 1fr;align-items:center;column-gap:8px;padding:8px;display:grid;position:relative}.offer.rarity-rare{--rim:#3f86d8}.offer.rarity-epic{--rim:#9b55e8}.offer.rarity-legendary{--rim:#e9a52c}.offer.rarity-common{--rim:#8e9aab}.offer img{background:radial-gradient(circle at 50% 40%,#4a3c80,#15102a);border-radius:50%;grid-row:1/4;width:46px;height:46px}.offer b{font-family:var(--font-display);font-size:12px;line-height:1.15}.offer:disabled{opacity:.55;cursor:default}.offer.bought{opacity:.4}.cosmetic-list{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.cosmetic{background:#0b0816aa;border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:flex}.cosmetic.equipped{border-color:#ffd77a88;box-shadow:0 0 12px #ffd77a22}.cosmetic>div{flex-direction:column;flex:1;min-width:0;display:flex}.cosmetic b{font-family:var(--font-display);font-size:13.5px}.cosmetic .btn{flex:none;width:auto}.swatch{background:var(--sw);border-radius:10px;flex:none;width:42px;height:42px;box-shadow:inset 0 0 0 2px #fff3,0 2px 6px #000a}.swatch.theme{background:linear-gradient(135deg, color-mix(in srgb, var(--sw) 70%, white), var(--sw) 50%, color-mix(in srgb, var(--sw) 60%, black))}.swatch.banner{clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);border-radius:4px;width:32px}.chest-overlay{z-index:80;cursor:pointer;background:radial-gradient(at 50% 40%,#2a1f52f0,#05040af5);overflow:hidden}.chest-rays{background:repeating-conic-gradient(#ffe9a826 0 7deg, transparent 7deg 20deg);opacity:.4;width:1000px;height:1000px;transition:opacity .4s;animation:24s linear infinite rays-turn;position:absolute;top:42%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#000 5%,#0000 55%);mask:radial-gradient(circle,#000 5%,#0000 55%)}.chest-overlay.stage-reveal .chest-rays,.chest-overlay.stage-summary .chest-rays{opacity:1}.chest-stage{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px;animation:.3s ease-out both screen-in;display:flex;position:relative}.chest-stage h2{font-family:var(--font-deco);background:var(--gild);color:#0000;filter:drop-shadow(0 3px #3b2205);-webkit-background-clip:text;background-clip:text;margin:0;font-size:30px}.chest-bounce{filter:drop-shadow(0 0 24px #ffd77a66);animation:1.2s ease-in-out infinite chest-bounce}@keyframes chest-bounce{0%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(-14px)rotate(-4deg)}60%{transform:translateY(0)rotate(4deg)}}.chest-icon .chest-lid{transform-box:fill-box;transform-origin:50% 100%;transition:transform .4s cubic-bezier(.2,1.6,.4,1)}.chest-icon.open .chest-lid{transform:translateY(-8px)rotate(-14deg)}.chest-glow{animation:1.2s ease-in-out infinite breathe}.drop-card{width:150px;height:196px;animation:.55s cubic-bezier(.2,1.5,.4,1) both drop-in;position:relative}.drop-card .card-face{height:100%}.drop-card.rarity-epic{filter:drop-shadow(0 0 18px #b26bff)}.drop-card.rarity-legendary{filter:drop-shadow(0 0 24px #ffb02e)}.drop-card.rarity-rare{filter:drop-shadow(0 0 12px #4aa3ff)}@keyframes drop-in{0%{opacity:0;transform:translateY(-80px)scale(.3)rotate(-20deg)}}.new-tag{font-family:var(--font-display);color:#08202a;white-space:nowrap;background:linear-gradient(#e6fdff,#7cf0ff);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:900;animation:.4s cubic-bezier(.2,1.8,.4,1) .3s both pop;position:absolute;top:-12px;left:50%;translate:-50%;box-shadow:0 0 12px #7cf0ff}.drop-line{margin:4px 0 0;font-size:15px}.drop-line b{font-family:var(--font-display);color:var(--gold)}.drop-summary{grid-template-columns:repeat(4,64px);justify-content:center;gap:8px;display:grid}.drop-mini{flex-direction:column;align-items:center;gap:2px;animation:.35s cubic-bezier(.2,1.6,.4,1) both pop;display:flex}.drop-mini .card-face{width:64px;height:84px}.drop-mini span{font-family:var(--font-display);color:#9cf07a;font-size:12px;font-weight:900}.chest-stage.summary .btn{width:200px}.quest-list{flex-direction:column;gap:8px;display:flex}.quest{background:linear-gradient(#2b2250cc,#1a1430cc);border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.quest.done:not(.claimed){border-color:#9cf07a88;box-shadow:0 0 14px #7cf07a22}.quest.claimed{opacity:.55}.quest-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.quest-main b{font-family:var(--font-display);font-size:13.5px}.quest .btn{flex:none;width:auto;font-size:12px}.quest .medal{font-size:22px}.reward{text-transform:none;align-items:center;gap:4px;display:inline-flex}.battle-rewards{background:#0b081680;border:1px solid #ffd77a33;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:8px;display:flex}.battle-rewards p{margin:0}.unlock-line{align-items:center;gap:6px;font-size:13.5px;animation:.4s cubic-bezier(.2,1.6,.4,1) 1.6s both pop;display:flex}.unlock-line img{background:radial-gradient(circle,#4a3c80,#15102a);border-radius:50%;width:34px;height:34px;box-shadow:0 0 0 1.5px #7cf0ff}.quest-line{color:#9cf07a;font-size:12.5px}.battle-rewards .btn{width:auto;animation:1.4s ease-in-out infinite confirm-ready}.app.reduced .chest-rays,.app.reduced .chest-bounce{animation:none}.btn.small{flex-flow:wrap;gap:4px}.btn .coin{flex:none}.mode-tile{cursor:pointer;text-align:left;min-height:108px;color:var(--text);border:none;border-radius:18px;align-items:center;gap:10px;padding:10px 14px 10px 6px;transition:transform .12s;animation:.35s ease-out both screen-in;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1.5px #ffd77a66,0 10px 22px #000a}.mode-tile:active{transform:scale(.98)}.mode-tile:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 25%,#0b0816aa);position:absolute;inset:0}.mode-skirmish{background:linear-gradient(135deg,#2a4a8a,#1a1430 70%)}.mode-survival{background:linear-gradient(135deg,#7a2a1a,#1a1430 70%)}.mode-daily{background:linear-gradient(135deg,#8a6a1a,#1a1430 70%)}.mode-puzzles{background:linear-gradient(135deg,#4a2a8a,#1a1430 70%)}.mode-art{flex:none;width:116px;height:96px;position:relative}.mode-art img{filter:drop-shadow(0 6px 6px #000a);width:84px;height:84px;animation:2.6s ease-in-out infinite bob;position:absolute;bottom:-8px;left:-4px}.mode-art img.flip{animation-delay:-1.3s;left:36px;transform:scaleX(-1)}.mode-text{z-index:1;flex-direction:column;gap:3px;display:flex;position:relative}.mode-text b{font-family:var(--font-display);letter-spacing:.6px;color:#fff6dc;text-shadow:0 2px 3px #000;font-size:19px}.mode-text span{color:#e9dfc8;font-size:13px;line-height:1.3}.mode-text em{color:var(--gold);font-size:12px;font-style:normal;font-weight:800}.survival-hero,.daily-hero{text-align:center;background:radial-gradient(at 50% 0,#5a2a2a,#1a1430 70%);border-radius:18px;padding:14px 14px 10px;position:relative;box-shadow:inset 0 0 0 1.5px #ffd77a55,0 10px 22px #000a}.daily-hero{background:radial-gradient(at 50% 0,#6a5420,#1a1430 70%)}.survival-hero h2,.daily-hero h2{font-family:var(--font-deco);background:var(--gild);color:#0000;-webkit-background-clip:text;background-clip:text;margin:4px 0;font-size:24px}.survival-hero p,.daily-hero p{margin:4px 0;font-size:13.5px;line-height:1.4}.survival-hero-art{justify-content:center;margin-bottom:-6px;display:flex}.survival-hero-art img{filter:drop-shadow(0 6px 6px #000a);width:84px;height:84px;margin:0 -10px;animation:2.6s ease-in-out infinite bob}.survival-hero-art img:nth-child(2){width:100px;height:100px;animation-delay:-1s}.daily-hero img{filter:drop-shadow(0 8px 10px #000c);width:120px;height:120px;animation:2.8s ease-in-out infinite bob}.daily-date{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:#ffe7a0;font-size:12px}.rules-list{text-align:left;margin:8px 0 0;padding-left:18px;font-size:13px;line-height:1.45}.run-summary{text-align:center;background:#3a1414aa;border:1px solid #ff8a7a66;border-radius:14px;padding:12px}.run-summary h3{justify-content:center}.run-summary h3:after{display:none}.run-status{background:#0b0816b3;border:1px solid #ffd77a33;border-radius:16px;flex-direction:column;gap:8px;padding:12px;display:flex}.castle-meter span{font-family:var(--font-display);font-size:13px;font-weight:700}.meter-bar{background:#0b0816;border-radius:999px;height:22px;margin-top:4px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff2}.meter-bar i{background:linear-gradient(90deg,#1f5fc8,#7cc4ff);transition:width .6s;position:absolute;top:0;bottom:0;left:0}.meter-bar.low i{background:linear-gradient(90deg,#b8262a,#ff7a6a)}.meter-bar b{text-align:center;text-shadow:0 1px 2px #000;font-size:12px;line-height:22px;display:block;position:relative}.spoils{font-family:var(--font-display);color:#ffe7a0;font-weight:700}.wave-cleared{text-align:center;font-family:var(--font-display);color:var(--gold);margin:0;font-size:18px;animation:.45s cubic-bezier(.2,1.6,.4,1) both pop}.boon-list{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.boon{cursor:pointer;color:var(--text);text-align:center;background:linear-gradient(#3d2f62,#1a1430);border:none;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;transition:transform .12s;animation:.5s cubic-bezier(.2,1.5,.4,1) both drop-in;display:flex;box-shadow:inset 0 0 0 1.5px #ffd77a77,0 8px 16px #000a}.boon:active{transform:scale(.96)}.boon-icon{filter:drop-shadow(0 3px 4px #000);font-size:30px}.boon b{font-family:var(--font-display);color:var(--gold);font-size:13px}.boon span:last-child{font-size:11.5px;line-height:1.3}.wave-card{background:linear-gradient(135deg,#3a2a4a,#1a1430);border-radius:16px;align-items:center;gap:10px;padding:10px;display:flex;box-shadow:inset 0 0 0 1.5px #ffd77a55}.wave-card.boss{background:linear-gradient(135deg,#6a1a1a,#1a1430);box-shadow:inset 0 0 0 1.5px #ff8a7a,0 0 20px #ff6a4a44}.wave-card img{filter:drop-shadow(0 6px 8px #000a);flex:none;width:96px;height:96px;animation:2.6s ease-in-out infinite bob}.wave-card h2{font-family:var(--font-display);margin:4px 0 2px;font-size:17px}.wave-card p{margin:2px 0}.survival-footer{align-items:center;gap:8px;display:flex}.survival-footer .btn.ghost{flex:none;width:auto}.survival-footer .confirm-row{width:100%}.loaner{flex-wrap:wrap;gap:6px;display:flex}.puzzle-list{flex-direction:column;gap:6px;display:flex}.puzzle-row{cursor:pointer;text-align:left;color:var(--text);background:linear-gradient(90deg,#2b2250cc,#1a1430cc);border:none;border-radius:14px;align-items:center;gap:10px;padding:6px 12px 6px 6px;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.puzzle-row img{background:radial-gradient(circle,#4a3c80,#15102a);border-radius:50%;width:44px;height:44px;box-shadow:0 0 0 1.5px #ffd77a77}.puzzle-row span{flex-direction:column;flex:1;display:flex}.puzzle-row b{font-family:var(--font-display);font-size:14px}.puzzle-row i{color:var(--muted);font-size:20px;font-style:normal}.puzzle-row.solved{box-shadow:inset 0 0 0 1px #ffd77a77}.puzzle-row.solved i{color:var(--gold);text-shadow:0 0 8px #ffb02e}.puzzle-brief p{margin:6px 0;font-size:13.5px;line-height:1.4}.objective{background:#ffd77a1a;border:1px solid #ffd77a55;border-radius:12px;padding:8px 10px}.tier-Novice{color:#12300a;background:linear-gradient(#d8ffd0,#6ac85a)}.tier-Master{color:#fff;background:linear-gradient(#ffd0c8,#d0413a)}.formation{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.formation-slot{cursor:pointer;color:var(--muted);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:0;display:flex}.formation-slot small{font-family:var(--font-display);font-size:10.5px}.formation-slot .card-face{width:100%;height:100px}.hint{background:#7cf0ff14;border:1px solid #7cf0ff55;border-radius:12px;margin:0;padding:10px 12px;animation:.35s cubic-bezier(.2,1.6,.4,1) pop}.mode-result{background:#0b081680;border:1px solid #ffd77a33;border-radius:12px;padding:8px 10px}.mode-result p{margin:2px 0;font-size:13.5px}.daily-score b{font-family:var(--font-display);color:var(--gold);font-size:22px}.formation{grid-template-columns:repeat(4,minmax(0,1fr))}.formation.hand6{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.formation-slot{min-width:0}.formation.hand6 .card-face{height:96px}.formation.hand6 .card-name{font-size:9.5px}.formation.hand6 .stat{width:19px;height:19px;font-size:10.5px}.collection-card{contain:layout paint style;content-visibility:auto;contain-intrinsic-size:auto 160px}.collection-grid .card-art img,.formation .card-art img,.drop-summary .card-art img{filter:none}.collection-grid .card-foil{animation-duration:6s}.app.low-power .card-foil,.app.low-power .rb-motes,.app.low-power .rb-clouds,.app.low-power .rb-mist,.app.low-power .card-rays{display:none}.app.low-power .rb-stars circle,.app.low-power .rb-sun,.app.low-power .rb-far,.app.low-power .rb-mid{animation:none}.app.low-power .menu-panel,.app.low-power .overlay{-webkit-backdrop-filter:none}.perf-overlay{z-index:200;left:50%;top:calc(2px + var(--safe-top));color:#9cf07a;pointer-events:none;white-space:nowrap;background:#000c;border-radius:8px;padding:2px 8px;font:700 11px/1.4 ui-monospace,Menlo,monospace;position:fixed;translate:-50%}.perf-overlay.bad{color:#ffb07a}[data-hit-slop]{position:relative}[data-hit-slop]:before{content:"";inset:calc(var(--slop,8px) * -1);position:absolute}[data-hit-slop="6"]{--slop:6px}[data-hit-slop="9"]{--slop:9px}[data-hit-slop="10"]{--slop:10px}.icon-btn{width:44px;min-width:44px;height:44px}.hud .icon-btn{border-radius:18px;width:40px;min-width:40px;height:36px}.btn,.btn.small,.menu-screen .menu-panel .btn,.menu-screen .menu-panel .btn.small{min-height:44px}.round-btn{width:46px;height:46px}.tabs button,input[type=text],input[type=search],select,.analysis-strip{min-height:44px}.choice{min-height:56px}@media (max-height:640px){.menu-screen .menu-panel .btn,.menu-screen .menu-panel .btn.small{min-height:44px}.menu-screen .menu-panel{gap:6px}}@media (max-height:700px){.hud .icon-btn{height:32px}}.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.offer{min-width:0}.offer b{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.mission-hero-text{min-width:0}.mission-hero-text h1{overflow-wrap:anywhere}.hud-title,.round-medallion,.round-medallion .labels{min-width:0}.hud-title .vs{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}@media (max-width:300px){.mission-enemy{width:96px;height:96px}.mission-hero.kind-boss .mission-enemy{width:104px;height:104px}.offer-grid{grid-template-columns:1fr}.round-medallion .medal{width:34px;height:34px;font-size:15px}.hud-title .round{display:none}.chest-row{grid-template-columns:1fr 1fr 1fr;gap:4px}.boon-list{grid-template-columns:1fr}}.filters input,.filters select,.deck-editor .deck-name{min-height:44px}.tabs{flex:none}.crash-screen{z-index:5;flex:1;place-items:center;padding:16px;display:grid;position:relative}.crash-screen .menu-panel{text-align:center;max-width:380px}.crash-screen p{margin:4px 0;font-size:14px;line-height:1.45}.data-panel textarea{width:100%;min-height:88px;color:var(--text);background:#0b0816cc;border:1px solid #ffd77a44;border-radius:10px;margin-top:6px;padding:8px;font:12px/1.4 ui-monospace,Menlo,monospace}.paste-restore summary{cursor:pointer;color:var(--gold);align-items:center;min-height:44px;font-size:13px;font-weight:800;display:flex}.confirm-box{background:#3a1414cc;border:1px solid #ff8a7a88;border-radius:12px;padding:10px}.confirm-box p{margin:0 0 8px;font-size:13px}.about-panel h3,.data-panel h3{font-family:var(--font-display);color:var(--gold);letter-spacing:1px;margin:6px 0 0;font-size:14px}.credits{margin:0;padding-left:18px;font-size:12.5px;line-height:1.5}.settings p{margin:2px 0}.menu-panel .settings{max-height:min(78dvh,640px);overflow-y:auto}