:root{--sky1: #47c6ff;--sky2: #6b5cff;--ink: #1d2448;--ink2: #56608c;--card: #ffffff;--soft: #f2f5ff;--line: #dfe4f6;--yellow: #ffc83d;--yellow-d: #e39a00;--blue: #3d8bfd;--blue-d: #2261c4;--green: #3ccf6a;--green-d: #23a24c;--red: #ff5a5f;--red-d: #cf2f3a;--purple: #8b5cf6;--tok: 52px;--r: 16px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:linear-gradient(160deg,var(--sky1),var(--sky2)) fixed;color:var(--ink);font:700 14px/1.35 Nunito,system-ui,sans-serif;-webkit-user-select:none;user-select:none;overflow-x:hidden}input,select,textarea,button{font:inherit;color:inherit}h1,h2,h3,h4{font-family:Lilita One,Nunito,sans-serif;font-weight:400;letter-spacing:.01em;margin:0}.muted{color:var(--ink2);font-weight:600}.small{font-size:12px}.spacer{flex:1}.row{display:flex;gap:8px;align-items:center}.row.wrap{flex-wrap:wrap}.row.center{justify-content:center}.hidden{display:none!important}.win{color:var(--green-d)}.loss{color:var(--red-d)}kbd{margin-left:6px;font:800 10px Nunito;padding:1px 5px;border-radius:5px;background:#0002}.screen{min-height:100vh;position:relative}.btn{--bg: #fff;--bd: #c9d0ea;background:var(--bg);color:var(--ink);border:0;border-radius:14px;padding:9px 16px;box-shadow:0 5px 0 var(--bd),0 8px 14px #0002;cursor:pointer;font-weight:800;white-space:nowrap;transition:transform .08s,box-shadow .08s,filter .15s;position:relative}.btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--bd),0 3px 6px #0002}.btn:disabled{filter:grayscale(.7);opacity:.55;cursor:not-allowed}.btn.primary,.btn.fight{--bg: var(--yellow);--bd: var(--yellow-d);color:#4a2a00}.btn.blue{--bg: var(--blue);--bd: var(--blue-d);color:#fff;text-shadow:0 1px 0 #0003}.btn.green{--bg: var(--green);--bd: var(--green-d);color:#fff}.btn.danger{--bg: #fff;color:var(--red-d)}.btn.ghost{--bg: #ffffffcc}.btn.big{padding:13px 26px;font-size:17px}.btn.huge{padding:18px 30px;font:400 26px Lilita One;min-width:320px;border-radius:20px;box-shadow:0 7px 0 var(--bd),0 12px 20px #0003}.btn.small{padding:6px 11px;font-size:13px;border-radius:11px;box-shadow:0 4px 0 var(--bd),0 5px 8px #0002}.btn.tiny{padding:3px 8px;font-size:12px;border-radius:9px;box-shadow:0 3px 0 var(--bd)}.btn.round{width:48px;height:48px;padding:0;border-radius:50%;font-size:20px}.btn.icon{padding:6px 9px}.btn.on{--bg: #fff4cf;--bd: var(--yellow-d)}.pill{display:inline-block;background:#fff;border-radius:999px;padding:4px 12px;font-weight:800;box-shadow:0 3px #0001}.pill.big{font:400 18px Lilita One;padding:6px 16px;color:#b07a00}.bar{display:flex;align-items:center;gap:14px;padding:12px 16px}.bar-title{flex:1;text-align:center;font:400 26px Lilita One;color:#fff;text-shadow:0 3px 0 #0003;display:flex;flex-direction:column;align-items:center;gap:4px}.bar-right{display:flex;gap:8px;align-items:center;min-width:48px;justify-content:flex-end}.home{display:grid;place-items:center;overflow:hidden}.home-burst{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:repeating-conic-gradient(from 0deg,#ffffff14 0 10deg,transparent 10deg 20deg);animation:spin 80s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.home-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:36px;padding:16px}.logo{text-align:center;transform:rotate(-3deg)}.logo-top,.logo-bottom{font:400 84px/.9 Lilita One;letter-spacing:.02em}.logo-top{color:var(--yellow);-webkit-text-stroke:3px #7a4a00;text-shadow:0 8px 0 #7a4a00,0 14px 24px #0004}.logo-bottom{color:#fff;-webkit-text-stroke:3px var(--ink);text-shadow:0 8px 0 var(--ink),0 14px 24px #0004;font-size:96px}.logo-tag{margin-top:14px;color:#fff;font-weight:900;font-size:18px;text-shadow:0 2px 0 #0003}.home-btns{display:flex;flex-direction:column;gap:18px}.btn.disabled-soon:disabled{opacity:.9;filter:none;color:var(--ink2)}.soon{position:absolute;top:-12px;right:-14px;background:var(--red);color:#fff;font:900 12px Nunito;padding:4px 10px;border-radius:999px;transform:rotate(8deg);box-shadow:0 3px 0 var(--red-d)}.parade{position:absolute;bottom:18px;left:0;display:flex;gap:26px;font-size:40px;white-space:nowrap;animation:march 40s linear infinite;filter:drop-shadow(0 6px 4px #0003)}.parade span{animation:hop .6s ease-in-out infinite alternate}.parade span:nth-child(odd){animation-delay:.3s}@keyframes march{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes hop{to{transform:translateY(-8px)}}.dev-btn{position:absolute!important;top:14px;right:14px}.map-screen{background:radial-gradient(ellipse at 50% 40%,#5fd0ff,#2b8fe0 70%,#2370c8);display:flex;flex-direction:column;height:100vh;overflow:hidden}.map-wrap{flex:1;display:grid;place-items:center;min-height:0;padding:0 16px 170px}.map-svg{width:100%;height:100%;max-width:1200px}.land{stroke:#fff;stroke-width:6;filter:drop-shadow(0 10px 0 #0002)}.deco{pointer-events:none}.map-path{fill:none;stroke:#fff;stroke-width:7;stroke-dasharray:2 16;stroke-linecap:round;opacity:.9}.node{cursor:pointer}.node:hover .node-face{filter:brightness(1.08)}.node-base{fill:#0003;transform:translateY(6px)}.node-face{fill:var(--yellow);stroke:#fff;stroke-width:6}.node.cleared .node-face{fill:var(--green)}.node.locked .node-face{fill:#c7cbe0}.node.teaser{cursor:default;opacity:.7}.node.teaser .node-face{fill:#dfe3f3;stroke-dasharray:6 6}.node.open .node-face{animation:glow 1.4s ease-in-out infinite alternate}@keyframes glow{to{stroke:#fff4b0;stroke-width:9}}.node.pop .node-face{animation:nodePop .8s ease-out;transform-box:fill-box;transform-origin:center}@keyframes nodePop{0%{transform:scale(.3)}70%{transform:scale(1.25)}to{transform:scale(1)}}.node-label{font:400 18px Lilita One;fill:var(--ink);stroke:#fff;stroke-width:5;paint-order:stroke}.node-stars{font:400 20px Lilita One;fill:var(--yellow);stroke:#7a4a00;stroke-width:3;paint-order:stroke;letter-spacing:2px}.node-soon{font:800 12px Nunito;fill:#fff}.marker-bob{animation:bob .9s ease-in-out infinite alternate;filter:drop-shadow(0 4px 2px #0004)}@keyframes bob{to{transform:translateY(-10px)}}.sheet{position:absolute;left:50%;bottom:20px;transform:translate(-50%);width:min(720px,calc(100% - 32px));background:#fff;border-radius:24px;padding:18px 20px;display:flex;gap:18px;align-items:center;box-shadow:0 8px #0002,0 20px 40px #0004;animation:slideUp .25s ease-out}@keyframes slideUp{0%{transform:translate(-50%,40px);opacity:0}}.sheet-icon{font-size:56px;width:88px;height:88px;display:grid;place-items:center;background:var(--soft);border-radius:22px;flex:none}.sheet-body{flex:1;min-width:0}.sheet-body h2{font-size:28px}.sheet-body p{margin:4px 0 8px;color:var(--ink2);font-weight:600}.sheet-sub{color:var(--purple);font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.sheet-meta{display:flex;gap:6px;flex-wrap:wrap}.sheet-meta .pill{background:var(--soft);box-shadow:none}.stars-pill{color:#d99a00;letter-spacing:2px}.sheet-actions{display:flex;flex-direction:column;gap:10px}.level-screen{display:grid;grid-template-rows:auto 1fr auto;height:100vh;overflow:hidden}.lvl-name{font-size:20px}.round-dots{display:flex;gap:6px}.dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff5;color:#fff;font:900 13px Nunito;text-shadow:none}.dot.done{background:var(--green);box-shadow:0 3px 0 var(--green-d)}.dot.now{background:var(--yellow);color:#4a2a00;box-shadow:0 3px 0 var(--yellow-d);animation:pulse 1s ease-in-out infinite alternate}.dot.boss{background:#2c2350}.dot.boss.now{background:var(--red)}@keyframes pulse{to{transform:scale(1.15)}}.hearts{display:flex;gap:2px;font-size:26px;filter:drop-shadow(0 3px 0 #0002)}.heart.lost{opacity:.45;transform:scale(.85)}.arena{display:grid;grid-template-columns:190px 1fr 150px;gap:12px;padding:0 16px;min-height:0;align-items:start}.stage-col{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}.side-col{background:#ffffffe6;border-radius:var(--r);padding:10px;box-shadow:0 5px #0001;max-height:100%;overflow:auto;margin-top:58px}.col-title{font:400 16px Lilita One;color:var(--purple);margin-bottom:6px}.col-empty{color:var(--ink2);font-size:12px;font-weight:600}.phase-banner{display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:6px 6px 6px 18px;box-shadow:0 5px #0002;min-height:50px}.enemy-name{display:flex;flex-direction:column;font:400 18px/1.05 Lilita One;min-width:150px}.enemy-name small{font:900 11px Nunito;color:var(--ink2);text-transform:uppercase;letter-spacing:.06em}.timer{font:400 24px Lilita One;background:var(--soft);border-radius:999px;padding:4px 14px;min-width:76px;text-align:center}.timer.urgent{background:var(--red);color:#fff;animation:pulse .5s ease-in-out infinite alternate}.syn{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:10px;cursor:default}.syn+.syn{margin-top:3px}.syn-badge{width:28px;height:30px;display:grid;place-items:center;font:400 15px Lilita One;color:#fff;background:#b5bbd4;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.syn.active{background:color-mix(in srgb,var(--c) 16%,#fff)}.syn.active .syn-badge{background:var(--c)}.syn-name{flex:1;font-weight:800}.syn-goal{font-size:12px;color:var(--ink2)}.items-col{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}.items-col .col-title,.items-col .col-empty{width:100%}.item{width:44px;height:44px;display:grid;place-items:center;font-size:24px;background:var(--soft);border-radius:12px;box-shadow:0 3px 0 var(--line);cursor:grab}.item:hover{transform:translateY(-2px)}.board-wrap{padding:14px;background:linear-gradient(#3aa65a,#2b8a48);border-radius:30px;box-shadow:0 10px #1d6b36,0 20px 30px #0003}.board{position:relative}.hex{position:absolute;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.hex.home-half{background:linear-gradient(170deg,#b5f08b,#7fd457)}.hex.enemy-half{background:linear-gradient(170deg,#ffd8b5,#f7b07c)}.hex[data-drop]{cursor:pointer}.hex.drop-hover{background:#fff59a!important}.board.dim-enemy .hex.enemy-half{filter:saturate(.6)}.tok-layer,.fx-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.tok-layer .tok{pointer-events:auto}.tok{position:absolute;left:0;top:0;width:var(--tok);height:var(--tok);margin:calc(var(--tok) / -2) 0 0 calc(var(--tok) / -2);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#e8ecfb);border:3px solid #fff;box-shadow:0 0 0 3px var(--cc),0 6px #0003;display:grid;place-items:center;cursor:grab;transition:opacity .4s,filter .3s}.tok.side-1{box-shadow:0 0 0 3px var(--red),0 6px #0003;background:radial-gradient(circle at 35% 30%,#fff,#ffe3e3)}.tok.enemy-preview{cursor:help}.tok .face{font-size:calc(var(--tok) * .52);line-height:1}.tok .stars{position:absolute;bottom:-11px;font:400 14px Lilita One;color:var(--yellow);-webkit-text-stroke:1px #7a4a00;letter-spacing:-1px}.tok .titems{position:absolute;top:-8px;right:-14px;font-size:12px;background:#fff;border-radius:8px;padding:0 3px;box-shadow:0 2px #0002}.tok .stun{position:absolute;top:-22px;font-size:16px;display:none}.tok.stunned .stun{display:block}.tok.stunned{filter:grayscale(.5)}.tok.dead{opacity:0;pointer-events:none}.tok .bars{position:absolute;top:-15px;left:-6px;right:-6px;display:flex;flex-direction:column;gap:1px}.tok .hp,.tok .mp{position:relative;height:7px;background:#1d2448cc;border-radius:4px;overflow:hidden;border:1px solid #fff}.tok .mp{height:4px;border:0}.tok .hp i{position:absolute;left:0;top:0;bottom:0;background:var(--green)}.tok.side-1 .hp i{background:var(--red)}.tok .hp b{position:absolute;top:0;bottom:0;background:#fff}.tok .mp i{position:absolute;left:0;top:0;bottom:0;background:#4fb3ff}.tok.with-bars{cursor:default}.float{position:absolute;transform:translate(-50%,-50%);font:400 17px Lilita One;-webkit-text-stroke:1px #1d2448;text-shadow:0 2px 0 #1d2448;animation:floatUp .9s ease-out forwards;pointer-events:none}.dmg-physical{color:#ff9f43}.dmg-magic{color:#c084fc}.dmg-true{color:#fff}.float.crit{font-size:24px;color:#ffd23f}.heal{color:#5cf08a}.shield{color:#fff;font-size:13px}@keyframes floatUp{0%{opacity:1;margin-top:0}to{opacity:0;margin-top:-34px}}.cast-label{position:absolute;transform:translate(-50%);font:400 13px Lilita One;color:#4a2a00;background:var(--yellow);border-radius:999px;padding:2px 10px;white-space:nowrap;box-shadow:0 3px 0 var(--yellow-d);animation:floatUp 1s ease-out forwards}.proj{position:absolute;width:10px;height:10px;margin:-5px;border-radius:50%;background:#fff36b;box-shadow:0 0 8px #ffd500}.proj.side-1{background:#ffb0a8;box-shadow:0 0 8px #ff5a5f}.bench{display:flex;gap:6px;padding:8px;background:#fffc;border-radius:20px;box-shadow:0 5px #0001}.slot{width:56px;height:56px;border-radius:14px;background:var(--soft);border:2px dashed #c9d0ea;display:grid;place-items:center}.slot.drop-hover{border-color:var(--yellow-d);background:#fff6d6}.tok.bench-tok{position:relative;margin:0}.shop-panel{display:grid;grid-template-columns:230px 1fr 230px;gap:14px;align-items:center;margin:10px 16px 0;padding:14px 16px 16px;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -6px 20px #0002;position:relative}.shop-panel.locked .cards,.shop-panel.locked .lvlbox,.shop-panel.locked .goldbox{opacity:.45;pointer-events:none;filter:grayscale(.4)}.shop-panel.locked:after{content:attr(data-lock);position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:4px 14px;border-radius:999px;font-size:12px;white-space:nowrap}.lvlbox{display:flex;gap:10px;align-items:center}.lvl-badge{width:64px;height:64px;border-radius:50%;background:var(--purple);color:#fff;display:grid;place-items:center;align-content:center;font:400 28px/1 Lilita One;box-shadow:0 4px #5b33c9;flex:none}.lvl-badge small{font:900 9px Nunito;letter-spacing:.1em;opacity:.85}.lvl-info{display:flex;flex-direction:column;gap:5px;flex:1;align-items:flex-start}.xpbar{height:10px;width:100%;background:var(--soft);border-radius:999px;overflow:hidden;box-shadow:inset 0 2px #0001}.xpbar i{display:block;height:100%;background:linear-gradient(90deg,#a78bfa,var(--purple));border-radius:999px}.lvl-sub{font-size:12px;color:var(--ink2)}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;position:relative}.shop-panel.sell-mode .cards:after{content:attr(data-sell);position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;display:grid;place-items:center;background:#ff5a5fe6;color:#fff;font:400 24px Lilita One;border-radius:16px;border:3px dashed #fff}.shop-panel.sell-mode .cards.drop-hover:after{background:#cf2f3a}.card{position:relative;background:#fff;border-radius:16px;border:3px solid var(--cc);box-shadow:0 5px color-mix(in srgb,var(--cc) 70%,#000);padding:8px 8px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;transition:transform .1s;min-height:118px}.card:hover{transform:translateY(-4px)}.card:active{transform:translateY(2px)}.card-art{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:32px;background:color-mix(in srgb,var(--cc) 22%,#fff)}.card-name{font:400 15px/1.05 Lilita One}.card-traits{display:flex;flex-wrap:wrap;justify-content:center}.card-cost{position:absolute;top:6px;right:6px;font:400 14px Lilita One;color:#8a5a00;background:#fff4cf;border-radius:999px;padding:0 7px}.card-ribbon{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--yellow);color:#4a2a00;font:900 11px Nunito;padding:2px 9px;border-radius:999px;white-space:nowrap;box-shadow:0 2px 0 var(--yellow-d)}.card.cant{filter:grayscale(.85);opacity:.55}.card.pair{animation:glowCard .9s ease-in-out infinite alternate}@keyframes glowCard{to{box-shadow:0 5px color-mix(in srgb,var(--cc) 70%,#000),0 0 22px var(--yellow)}}.card.sold{border:3px dashed var(--line);box-shadow:none;color:#b5bbd4;justify-content:center;cursor:default;font-weight:900}.goldbox{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.gold{font:400 34px/1 Lilita One;color:#c28400;display:flex;align-items:center;gap:6px}.coin{font-size:28px}.gold-sub{font-size:12px;color:var(--ink2)}.chip{display:inline-block;font:800 10px Nunito;padding:1px 7px;border-radius:999px;margin:1px;color:#fff;background:var(--c);text-shadow:0 1px 0 #0003}.chip.pick{cursor:pointer;opacity:.4;font-size:12px;padding:4px 10px;border:0}.chip.pick.on{opacity:1;box-shadow:0 3px #0002}.hint{position:fixed;z-index:300;transform:translate(-50%,-100%);background:var(--ink);color:#fff;padding:10px 16px;border-radius:14px;font-size:15px;box-shadow:0 6px 16px #0004;pointer-events:none;animation:hintBob .8s ease-in-out infinite alternate;white-space:nowrap}.hint:after{content:"";position:absolute;left:50%;bottom:-8px;margin-left:-8px;border:8px solid transparent;border-bottom:0;border-top-color:var(--ink)}.hint b{color:var(--yellow)}@keyframes hintBob{to{margin-top:-6px}}.big-toast{position:fixed;top:34%;left:50%;transform:translate(-50%,-50%);z-index:400;text-align:center;pointer-events:none;color:#fff;font-size:18px;font-weight:900;text-shadow:0 2px 0 #0004;animation:toastIn .3s cubic-bezier(.2,1.6,.4,1)}.big-toast .bt-title{font:400 64px Lilita One;-webkit-text-stroke:3px var(--ink);text-shadow:0 6px 0 var(--ink)}.big-toast.win .bt-title{color:var(--yellow)}.big-toast.loss .bt-title{color:var(--red)}.big-toast.warn{background:var(--ink);padding:10px 18px;border-radius:14px;font-size:15px;top:60%}@keyframes toastIn{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1d2448aa;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:500}.modal{background:#fff;border-radius:28px;padding:28px 32px;width:min(460px,calc(100% - 32px));text-align:center;box-shadow:0 10px #0002,0 30px 60px #0005;animation:modalIn .35s cubic-bezier(.2,1.5,.4,1)}@keyframes modalIn{0%{transform:scale(.5);opacity:0}}.modal h2{font-size:36px;margin:4px 0 8px}.modal p{color:var(--ink2);font-weight:600}.modal-icon{font-size:64px;margin-top:-70px;filter:drop-shadow(0 8px 0 #0002)}.big-stars{font:400 64px Lilita One;color:#dfe3f3;letter-spacing:6px}.big-stars .on{color:var(--yellow);-webkit-text-stroke:2px #b07a00;display:inline-block;animation:modalIn .5s backwards}.big-stars .on:nth-child(2){animation-delay:.15s}.big-stars .on:nth-child(3){animation-delay:.3s}.unlock{color:var(--green-d)!important;font-weight:900!important}.col-btns{display:flex;flex-direction:column;gap:12px;margin-top:12px}.tooltip{position:fixed;z-index:1000;max-width:320px;background:#fff;color:var(--ink);border-radius:16px;padding:12px;pointer-events:none;box-shadow:0 6px #0001,0 16px 30px #0003;font-size:13px;display:none}.tt-head{display:flex;gap:10px;align-items:center;padding-bottom:6px;margin-bottom:6px;border-bottom:2px solid var(--soft)}.tt-icon{font-size:28px;width:46px;height:46px;display:grid;place-items:center;border:3px solid var(--c);border-radius:50%;background:var(--soft)}.tt-name{font:400 17px Lilita One}.tt-stars{color:#d99a00}.tt-cost{font-size:12px;color:var(--ink2)}.tt-stats{display:flex;flex-wrap:wrap;gap:3px 10px;font-size:12px;margin-bottom:6px}.tt-ab{font-size:12px;font-weight:600}.tt-ab b{font-weight:900}.tt-ab .eff{color:var(--ink2);font:600 11px ui-monospace,monospace}.tt-items{margin-top:6px;border-top:2px solid var(--soft);padding-top:4px}.tt-blurb{margin-top:6px;font-style:italic;color:var(--ink2);font-size:12px;font-weight:600}.tt-hint{margin-top:6px;font-size:11px;color:var(--purple)}.tier{color:var(--ink2);font-size:12px;font-weight:600}.tier.on{color:var(--ink);font-weight:900}.drag-ghost{position:fixed!important;z-index:2000;pointer-events:none;transform:translate(-50%,-50%) scale(1.15) rotate(-6deg)!important;margin:0!important}body.dragging,body.dragging *{cursor:grabbing!important}.lab{display:grid;grid-template-columns:210px minmax(0,1fr) 500px;grid-template-rows:auto 1fr;gap:10px;padding:10px;height:100vh}.topbar{grid-column:1 / -1;display:flex;align-items:center;gap:14px;padding:8px 12px;background:#fff;border-radius:var(--r);box-shadow:0 5px #0001}.brand{font:400 20px Lilita One;color:var(--purple);cursor:pointer}.stage{font:400 18px Lilita One}.status{font-size:12px}.panel{background:#fff;border-radius:var(--r);padding:12px;box-shadow:0 5px #0001}.panel h3{font-size:16px;color:var(--purple);margin-bottom:8px}.panel h4{font-size:14px;color:var(--purple);margin:14px 0 6px}.lab-list,.lab-editor,.lab-sand{overflow:auto}.lab-cost{font:400 13px Lilita One;margin:10px 0 2px}.lab-unit{display:flex;align-items:center;gap:6px;padding:5px 7px;border-radius:10px;cursor:pointer}.lab-unit:hover{background:var(--soft)}.lab-unit.sel{background:#fff4cf;box-shadow:inset 0 0 0 2px var(--yellow)}.lab-unit.off{opacity:.45}.lu-icon{font-size:18px}.lu-name{flex:1;font-size:13px}.tag{font:900 10px Nunito;padding:1px 6px;border-radius:6px;background:var(--yellow)}.tag.edited{background:var(--blue);color:#fff}.ed-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.ed-head h2{font-size:26px}.ed-icon{font-size:34px;width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background:var(--soft);box-shadow:0 0 0 3px var(--cc)}.toggle{font-size:12px;display:flex;align-items:center;gap:4px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fld{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--ink2);margin-bottom:6px}.fld input,.fld select,.eff-row select,.eff-row input,.lab-sand select{background:var(--soft);border:2px solid var(--line);border-radius:10px;padding:6px 8px;color:var(--ink);-webkit-user-select:text;user-select:text;font-weight:700}.fld input:focus,.eff-row input:focus{outline:none;border-color:var(--blue)}.trait-pick{display:flex;flex-wrap:wrap;gap:4px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px}.effects{display:flex;flex-direction:column;gap:6px;margin:8px 0}.eff-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px;background:var(--soft);border-radius:12px;font-size:12px}.eff-n{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--purple);color:#fff;font-size:11px}.mini{display:flex;align-items:center;gap:3px;color:var(--ink2)}.eff-row input.n{width:60px;padding:3px 5px}.tier3{display:inline-flex;gap:2px}.lab-sand{display:flex;flex-direction:column;gap:8px}.lab-sand .board-wrap{align-self:center}.lab-sand select{max-width:100%}.lab-sand .tok{--tok: 46px}.sand-traits{font-size:12px;min-height:18px}.meter{width:100%;border-collapse:collapse;font-size:12px;margin-top:6px}.meter th,.meter td{text-align:left;padding:4px 6px;border-bottom:2px solid var(--soft)}.meter th{color:var(--ink2)}.meter tr.dead{opacity:.5}.side-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.side-dot.s0{background:var(--green)}.side-dot.s1{background:var(--red)}@media(max-width:1100px){.arena{grid-template-columns:1fr}.side-col{margin-top:0}.shop-panel{grid-template-columns:1fr}.goldbox{align-items:flex-start}.level-screen{height:auto;overflow:visible}.lab{grid-template-columns:1fr;height:auto}.logo-top{font-size:56px}.logo-bottom{font-size:64px}.btn.huge{min-width:260px;font-size:22px}}.level-screen .board .tok{--tok: 46px}.board-wrap:has(.board3d){padding:0;background:none;box-shadow:none}.board3d{position:relative}.board3d canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.b3-hits{position:absolute;top:0;right:0;bottom:0;left:0}.b3-hit{position:absolute;border-radius:50%}.b3-hit[data-drop],.b3-hit:hover{cursor:pointer}.b3-hit.drop-hover{background:#fff59acc;box-shadow:0 0 0 3px #fff}.board3d .tok-layer .tok.handle{--tok: 56px;opacity:0;background:none;box-shadow:none;border:0}.drag-ghost.handle{opacity:1!important;background:radial-gradient(circle at 35% 30%,#fff,#e8ecfb)!important;border:3px solid #fff!important;box-shadow:0 0 0 3px var(--cc),0 6px #0003!important}.u3d-hud{position:absolute;left:0;top:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:1px;width:64px}.u3d-hud .bars{width:64px;display:flex;flex-direction:column;gap:1px}.u3d-hud .hp,.u3d-hud .mp{position:relative;height:8px;background:#1d2448cc;border-radius:4px;overflow:hidden;border:1px solid #fff}.u3d-hud .mp{height:4px;border:0}.u3d-hud .hp i{position:absolute;left:0;top:0;bottom:0;background:var(--green)}.u3d-hud.side-1 .hp i{background:var(--red)}.u3d-hud .hp b{position:absolute;top:0;bottom:0;background:#fff}.u3d-hud .mp i{position:absolute;left:0;top:0;bottom:0;background:#4fb3ff}.u3d-stars{font:400 15px Lilita One;color:var(--yellow);-webkit-text-stroke:1px #7a4a00;letter-spacing:-1px;line-height:1}.u3d-items{font-size:12px;background:#fff;border-radius:8px;padding:0 3px;box-shadow:0 2px #0002}.u3d-hud .stun{display:none;font-size:16px}.u3d-hud.stunned .stun{display:block}.u3d-hud.dead{opacity:0;transition:opacity .4s}.tag.model{background:#d9f2ff;color:#1d5f8a}img.portrait{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;pointer-events:none}.card-art{overflow:hidden}.card-art img.portrait{border-radius:50%}.lu-icon{width:24px;height:24px;display:grid;place-items:center}.tt-icon,.ed-icon{overflow:hidden}.tok .face img.portrait{width:calc(var(--tok) - 6px);height:calc(var(--tok) - 6px)}.lab-tabs{margin-bottom:4px}.train-head{align-items:center}.train-hero{display:inline-flex;align-items:center;gap:8px;font:400 16px Lilita One}.train-hero img.portrait{width:36px;height:36px;box-shadow:0 0 0 3px var(--yellow)}.train-clips .btn.tiny{text-transform:capitalize}.b3-ctrls{position:absolute;right:12px;bottom:12px;display:flex;gap:6px;z-index:3}.b3-ctrls .btn.round.small{width:36px;height:36px;padding:0;font-size:17px;border-radius:50%}.level-screen{position:relative;display:block;height:100vh;overflow:hidden}.level-screen .stage3d{position:absolute;top:0;right:0;bottom:0;left:0}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.hud>*{pointer-events:auto}.hud .bar{position:absolute;top:0;left:0;right:0;pointer-events:none}.hud .bar>*{pointer-events:auto}.hud .bar-title{text-shadow:0 2px 0 #0005,0 0 12px #0004}.hud .phase-banner{position:absolute;top:84px;left:50%;transform:translate(-50%);white-space:nowrap}.hud .traits-col{position:absolute;left:16px;top:150px;width:196px;margin:0;max-height:calc(100vh - 360px)}.hud .items-col{position:absolute;right:16px;top:150px;width:176px;margin:0;max-height:calc(100vh - 360px);display:block}.hud .shop-panel{position:absolute;left:16px;right:16px;bottom:0;margin:0}.level-screen .b3-ctrls{right:16px;bottom:196px;flex-direction:column}.side-col{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.col-toggle{all:unset;display:flex;align-items:center;gap:6px;width:100%;cursor:pointer;font:400 16px Lilita One;color:var(--purple)}.col-toggle .chev{margin-left:auto;color:var(--ink2)}.items-col.collapsed{width:auto;padding:8px 12px}.item-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.new-badge{background:var(--red);color:#fff;font:900 10px Nunito;padding:1px 6px;border-radius:999px;animation:pulse .6s ease-in-out infinite alternate}.item.fresh{box-shadow:0 0 0 3px var(--yellow),0 0 14px var(--yellow);animation:pulse .7s ease-in-out infinite alternate}.items-col.glow{animation:panelGlow .6s ease-in-out 4 alternate}@keyframes panelGlow{to{box-shadow:0 0 0 4px var(--yellow),0 0 30px var(--yellow)}}.fly-item{position:fixed;z-index:900;font-size:36px;pointer-events:none;filter:drop-shadow(0 4px 6px #0005)}.modal.reveal{width:min(520px,calc(100% - 32px))}.reveal-chest{font-size:72px;margin-top:-80px;animation:chestBounce .9s cubic-bezier(.3,1.8,.5,1);filter:drop-shadow(0 8px 0 #0002)}@keyframes chestBounce{0%{transform:scale(.2) rotate(-20deg)}}.reveal-item{display:flex;gap:14px;align-items:center;text-align:left;background:var(--soft);border-radius:18px;padding:12px 14px;margin:10px 0}.reveal-icon{font-size:46px;width:70px;height:70px;display:grid;place-items:center;background:#fff;border-radius:16px;box-shadow:0 0 0 3px var(--yellow),0 0 20px var(--yellow);animation:pulse .8s ease-in-out infinite alternate;flex:none}.reveal-name{font:400 22px Lilita One}.reveal-recipes{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:6px;font-size:12px;color:var(--ink2)}.codex{display:flex;flex-direction:column;height:100vh;overflow:hidden}.codex-tabs{display:flex;gap:10px;justify-content:center;padding:0 16px 12px}.codex-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 470px;gap:14px;padding:0 16px 16px}.codex-list,.codex-detail{background:#fffe;border-radius:22px;padding:14px;overflow:auto;box-shadow:0 6px #0002}.codex-filters{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.codex-filters .row{gap:5px}.codex-search{background:var(--soft);border:2px solid var(--line);border-radius:12px;padding:8px 12px;font-weight:700;-webkit-user-select:text;user-select:text}.codex-search:focus{outline:none;border-color:var(--blue)}.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:12px}.codex-card{all:unset;position:relative;cursor:pointer;background:#fff;border-radius:16px;border:3px solid var(--cc);box-shadow:0 4px color-mix(in srgb,var(--cc) 70%,#000);padding:6px 6px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;transition:transform .1s}.codex-card:hover{transform:translateY(-3px)}.codex-card.sel{outline:4px solid var(--yellow);outline-offset:2px}.codex-face{width:100%;aspect-ratio:1;border-radius:11px;overflow:hidden;background:var(--soft);display:grid;place-items:center;font-size:48px}.codex-face img.portrait{border-radius:0}.codex-name{font:400 15px/1.1 Lilita One}.codex-chips{display:flex;flex-wrap:wrap;justify-content:center}.codex-cost{position:absolute;top:10px;right:10px;font:400 13px Lilita One;background:#fff4cf;color:#8a5a00;border-radius:999px;padding:0 7px}.codex-h{font-size:22px;color:var(--purple);margin:6px 0 10px}.codex-stage{position:relative;border-radius:20px;background:radial-gradient(ellipse at 50% 30%,#fff,color-mix(in srgb,var(--cc) 30%,#dfe6ff));overflow:hidden;display:grid;place-items:center}.model-viewer{cursor:grab}.model-viewer:active{cursor:grabbing}.codex-stars{position:absolute;top:10px;left:10px;display:flex;gap:4px}.codex-hint{position:absolute;bottom:8px;width:100%;text-align:center}.codex-clips{margin:10px 0 2px;gap:5px}.codex-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.codex-title h2{font-size:30px}.cost-pill{background:var(--cc)!important;color:#fff;text-shadow:0 1px 0 #0003}.codex-blurb{font-style:italic;color:var(--ink2);font-weight:600;margin:8px 0}.codex-ability{background:var(--soft);border-radius:16px;padding:12px 14px;margin:10px 0}.ab-head{display:flex;gap:10px;align-items:center}.ab-head b{font:400 20px Lilita One}.ab-icon{font-size:26px;width:44px;height:44px;display:grid;place-items:center;background:#fff;border-radius:12px;box-shadow:0 0 0 3px var(--yellow)}.codex-ability p{margin:8px 0 4px;font-weight:700}.ab-lines{margin:4px 0 6px;padding-left:20px}.ab-lines li{margin:3px 0;font-weight:600}.ab-lines b{color:var(--purple)}.codex-stats{display:flex;flex-direction:column;gap:6px;margin-top:6px}.stat-row{display:grid;grid-template-columns:130px 1fr 70px;gap:8px;align-items:center;font-size:13px}.stat-bar{height:10px;background:var(--soft);border-radius:999px;overflow:hidden}.stat-bar i{display:block;height:100%;background:linear-gradient(90deg,#7dd3fc,var(--blue));border-radius:999px}.stat-val{text-align:right;font:400 15px Lilita One}.codex-tip h3{font-size:24px;color:var(--purple);margin-bottom:8px}.codex-tip p{font-weight:600}.syn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-bottom:14px}.syn-card{border-radius:18px;padding:12px 14px;background:color-mix(in srgb,var(--c) 10%,#fff);border:3px solid color-mix(in srgb,var(--c) 60%,#fff)}.syn-card-head{display:flex;gap:10px;align-items:center}.syn-card-head .syn-badge{width:38px;height:42px;font-size:18px;background:var(--c)}.syn-card-name{font:400 22px Lilita One}.syn-card p{margin:8px 0;font-weight:600}.syn-tiers{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.syn-tier{font-size:13px;font-weight:700}.syn-members{display:flex;flex-wrap:wrap;gap:6px}.syn-member{all:unset;cursor:pointer;display:flex;align-items:center;gap:6px;background:#fff;border-radius:999px;padding:3px 10px 3px 3px;box-shadow:0 0 0 2px var(--cc);font-weight:800;font-size:12px}.syn-member:hover{transform:translateY(-1px)}.syn-member-face{width:28px;height:28px;border-radius:50%;overflow:hidden;display:grid;place-items:center}@media(max-width:1100px){.codex{height:auto;overflow:visible}.codex-body{grid-template-columns:1fr}}.role-pill{border:0;cursor:pointer}.role-pill:hover{filter:brightness(.96)}.soon.new{background:var(--green);box-shadow:0 3px 0 var(--green-d)}.mp-menu{display:flex;flex-direction:column;min-height:100vh}.mp-card{margin:24px auto;width:min(620px,calc(100% - 32px));background:#fff;border-radius:28px;padding:28px 30px;box-shadow:0 10px #0002;display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center}.mp-card h2{font-size:30px}.mp-card p{margin:0;font-weight:600}.mp-or{color:var(--ink2);font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.mp-error{background:#ffe3e3;color:var(--red-d);padding:8px 14px;border-radius:12px;font-weight:800}.code-input{width:110px;text-align:center;font:400 26px Lilita One;letter-spacing:.15em;background:var(--soft);border:2px solid var(--line);border-radius:14px;padding:8px;-webkit-user-select:text;user-select:text}.code-input:focus{outline:none;border-color:var(--blue)}.mp-code{font:400 58px Lilita One;letter-spacing:.2em;color:var(--purple);display:flex;flex-direction:column;align-items:center;-webkit-user-select:text;user-select:text}.mp-code small{font:800 12px Nunito;letter-spacing:.05em;color:var(--ink2)}.mp-seats{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.mp-seat{background:var(--soft);border-radius:14px;padding:10px 12px;font-weight:800;text-align:left}.mp-seat.you{background:#fff4cf;box-shadow:inset 0 0 0 2px var(--yellow)}.mp-seat.empty{color:#9aa3c4;border:2px dashed var(--line);background:none}.mp-countdown{font:400 20px Lilita One;color:var(--ink2)}.mp-phase{font:800 14px Nunito;display:flex;gap:8px;align-items:center;color:#fff}.mp-phase .timer{font-size:18px;color:var(--ink)}.mp-hp{font-size:20px;color:#fff}.hud .mp-players{position:absolute;right:16px;top:96px;width:210px;max-height:calc(100vh - 306px);margin:0}.hud .mp-items{right:auto;left:16px;top:auto;bottom:200px;width:196px;max-height:30vh}.hud .mp-game .traits-col,.mp-game .hud .traits-col{top:96px;max-height:calc(68vh - 296px)}.mp-game .b3-ctrls{right:240px}.mp-carousel-panel{position:absolute;left:50%;top:96px;transform:translate(-50%);background:#fffe;border-radius:18px;padding:10px 16px;box-shadow:0 6px #0002;min-width:360px;display:flex;flex-direction:column;gap:4px}.mp-cstatus{font-weight:900}.mp-cstatus.go{color:#4a2a00;background:var(--yellow);border-radius:10px;padding:4px 10px;animation:pulse .6s ease-in-out infinite alternate}.mp-cgroup{display:flex;gap:8px;align-items:center;font-size:12px;opacity:.55}.mp-cgroup.open{opacity:1}.mp-cname.me{font-weight:900;color:var(--purple)}.carousel-view{position:absolute;top:0;right:0;bottom:0;left:0}.carousel-view canvas{display:block}.carousel-tags{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ct-tag{all:unset;position:absolute;left:0;top:0;pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;background:#fff;border-radius:14px;box-shadow:0 0 0 3px var(--cc),0 4px #0003;cursor:default;min-width:70px}.ct-tag.pickable{cursor:pointer;animation:ctGlow .7s ease-in-out infinite alternate;box-shadow:0 0 0 3px var(--yellow),0 0 18px var(--yellow)}@keyframes ctGlow{to{box-shadow:0 0 0 5px var(--yellow),0 0 30px var(--yellow)}}.ct-tag.taken{opacity:.75}.ct-tag.mine{box-shadow:0 0 0 3px var(--green),0 4px #0003;opacity:1}.ct-item{font-size:24px;line-height:1}.ct-face{width:38px;height:38px;border-radius:50%;overflow:hidden;display:grid;place-items:center}.ct-name{font:400 12px Lilita One;white-space:nowrap}.ct-taken{font:800 11px Nunito;white-space:nowrap}.pl{padding:6px 8px;border-radius:10px;margin-top:5px;background:var(--soft);border:2px solid transparent;cursor:default}.pl.me{border-color:var(--yellow);background:#fff7dc}.pl.opp{border-color:var(--red);box-shadow:0 0 10px #ff5a5f55}.pl.out{opacity:.45}.pl-top{display:flex;justify-content:space-between;gap:6px;font-weight:800;font-size:13px}.pl-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-hp{font:400 15px Lilita One;color:#c28400}.hpbar{height:6px;background:#1d244822;border-radius:4px;overflow:hidden;margin:3px 0}.hpbar i{display:block;height:100%;background:linear-gradient(90deg,var(--green),#9be36d)}.pl-meta{font-size:11px;color:var(--ink2)}.overtime-banner{position:absolute;left:50%;top:22%;transform:translate(-50%,-50%);text-align:center;font:400 52px Lilita One;color:#ff8a3d;-webkit-text-stroke:3px var(--ink);text-shadow:0 6px 0 var(--ink);animation:modalIn .4s cubic-bezier(.2,1.5,.4,1);pointer-events:none;display:flex;flex-direction:column;align-items:center;white-space:nowrap}.overtime-banner small{font:900 15px Nunito;color:#fff;-webkit-text-stroke:0;text-shadow:0 2px 0 #0006}.aug-modal{width:min(820px,calc(100% - 32px))}.aug-card.pickable{all:unset;position:relative;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 14px 16px;border-radius:20px;background:linear-gradient(#fff,#f2f5ff);box-shadow:0 0 0 3px var(--line),0 6px #0002;transition:transform .12s,box-shadow .12s}.aug-card.pickable:hover,.aug-card.pickable:focus-visible{transform:translateY(-6px);box-shadow:0 0 0 4px var(--yellow),0 0 26px var(--yellow),0 10px #0002}.aug-card.pickable:active{transform:translateY(0)}.aug-card .aug-icon{font-size:46px;width:78px;height:78px;display:grid;place-items:center;background:#fff;border-radius:50%;box-shadow:0 0 0 3px var(--purple)}.aug-card .aug-name{font:400 20px Lilita One;color:var(--ink);margin:2px 0 0}.aug-card .aug-text{font-size:14px;color:var(--ink2);font-weight:700;min-height:40px}.aug-kind{font:900 11px Nunito;text-transform:uppercase;letter-spacing:.06em;color:var(--purple)}.aug-key{position:absolute;top:10px;left:12px;width:22px;height:22px;border-radius:7px;background:var(--soft);display:grid;place-items:center;font:900 12px Nunito;color:var(--ink2)}.aug-choose{margin-top:4px;pointer-events:none}.aug-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0 10px}@media(max-width:700px){.aug-row{grid-template-columns:1fr}}.watch-bar{position:absolute;top:92px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#fffe;border-radius:999px;padding:6px 8px 6px 16px;box-shadow:0 5px #0002;white-space:nowrap;font-weight:800}.pl.watchable{cursor:pointer}.pl.watchable:hover{border-color:var(--blue)}.pl.watching{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue) inset}.pl.watching .pl-name:before{content:"👀 "}.ot-meter{position:absolute;left:50%;top:150px;transform:translate(-50%);width:min(560px,80%);background:#1d2448e6;color:#fff;border-radius:16px;padding:8px 14px;z-index:4;pointer-events:none;box-shadow:0 6px #0003}.ot-head{text-align:center;font-weight:900;font-size:14px}.ot-head b{color:#ffb36b}.ot-legend{display:flex;justify-content:space-between;gap:8px;font-size:11px;font-weight:800}.ot-legend span:nth-child(2){opacity:.75;text-align:center}.ot-meter.urgent{animation:otFlash .5s ease-in-out infinite alternate}@keyframes otFlash{0%{background:#1d2448e6}to{background:#cf2f3ae6}}