@font-face{font-family:Lilita One;font-style:normal;font-weight:400;font-display:swap;src:url(./lilita-one-latin-400-normal-87r-Z-Re.woff2)format("woff2")}@font-face{font-family:Rubik Variable;font-style:normal;font-weight:300 900;font-display:swap;src:url(./rubik-latin-wght-normal-CnQIisVs.woff2)format("woff2-variations")}@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--bg:#e7e7e7;--surface:#fff;--soft:#f2f2f2;--line:#dadada;--ink:#0e0e0e;--ink2:#2a2a2a;--muted:#767676;--inverse:#fff;--board-bg:#fff;--board-grid:#ededed;--board-wall:#1b1b1b;--board-mid:#8d8d8d;--board-soft:#dadada;--board-accent:#555;--radius:22px;--pad:16px;--shadow-sm:0 1px 2px #00000014, 0 3px 8px #0000000f;--shadow-md:0 8px 22px #00000024, 0 2px 5px #00000014;--shadow-lg:0 20px 44px #00000047;--ease-out:cubic-bezier(.2, .9, .25, 1);--ease-back:cubic-bezier(.34, 1.56, .64, 1);--display:"Lilita One", "Rubik Variable", system-ui, sans-serif;--text:"Rubik Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--app-h:100dvh;--app-w:100vw;--sa-t:env(safe-area-inset-top,0px);--sa-r:env(safe-area-inset-right,0px);--sa-b:env(safe-area-inset-bottom,0px);--sa-l:env(safe-area-inset-left,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#070707;--surface:#141414;--soft:#1c1c1c;--line:#2a2a2a;--ink:#f2f2f2;--ink2:#d0d0d0;--muted:#9a9a9a;--inverse:#111;--board-bg:#161616;--board-grid:#232323;--board-wall:#e8e8e8;--board-mid:#8a8a8a;--board-soft:#3a3a3a;--board-accent:#bdbdbd;--shadow-sm:0 1px 2px #0009;--shadow-md:0 8px 22px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#070707;--surface:#141414;--soft:#1c1c1c;--line:#2a2a2a;--ink:#f2f2f2;--ink2:#d0d0d0;--muted:#9a9a9a;--inverse:#111;--board-bg:#161616;--board-grid:#232323;--board-wall:#e8e8e8;--board-mid:#8a8a8a;--board-soft:#3a3a3a;--board-accent:#bdbdbd;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;touch-action:pan-x pan-y}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background-image:radial-gradient(#0000000d 1px,#0000 1.2px);background-size:14px 14px}#app{max-width:440px;min-height:var(--app-h);margin:0 auto;position:relative;overflow-x:clip}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid var(--muted);outline-offset:2px}h1{font-family:var(--display);letter-spacing:.01em;margin:4px 0 12px;font-size:30px;font-weight:400}h2{margin:0 0 10px;font-size:16px}p{margin:0 0 10px;line-height:1.45}.muted{color:var(--muted)}.small{font-size:13px}[hidden]{display:none!important}.spacer{width:44px}.display{font-family:var(--display);font-weight:400}.route{z-index:1;min-height:var(--app-h);flex-direction:column;display:flex;position:relative}.route-out{z-index:0;pointer-events:none;position:absolute;left:0;right:0}.route.in-fade{animation:rFade .3s var(--ease-out) both}.route.in-up{animation:rUp .42s var(--ease-out) both}.route.in-left{animation:rLeft .34s var(--ease-out) both}.route.in-right{animation:rRight .34s var(--ease-out) both}.route.in-zoom{animation:rZoom .42s var(--ease-back) both}.route-out.out-fade,.route-out.out-zoom,.route-out.out-up{animation:.26s both rFadeOut}.route-out.out-left{animation:.3s both rOutLeft}.route-out.out-right{animation:.3s both rOutRight}@keyframes rFade{0%{opacity:0}to{opacity:1}}@keyframes rUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes rLeft{0%{opacity:0;transform:translate(34px)}to{opacity:1;transform:none}}@keyframes rRight{0%{opacity:0;transform:translate(-34px)}to{opacity:1;transform:none}}@keyframes rZoom{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes rFadeOut{to{opacity:0}}@keyframes rOutLeft{to{opacity:0;transform:translate(-30px)}}@keyframes rOutRight{to{opacity:0;transform:translate(30px)}}.screen{padding:calc(var(--sa-t) + 12px) calc(var(--sa-r) + var(--pad)) calc(var(--sa-b) + 12px) calc(var(--sa-l) + var(--pad));min-height:var(--app-h);flex-direction:column;flex:1;display:flex}.page{flex-direction:column;gap:14px;display:flex}.page-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.page-head h1{text-align:center;flex:1;margin:0}.stagger>*{animation:rise .52s var(--ease-back) both;animation-delay:calc(var(--i,0) * 60ms + 40ms)}@keyframes rise{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:none}}.b3d{--face:linear-gradient(#3e3e3e, #151515 55%, #0b0b0b);--edge:#000;--txt:#fff;isolation:isolate;background:var(--face);min-height:54px;color:var(--txt);font-family:var(--display);letter-spacing:.03em;text-transform:uppercase;text-shadow:0 2px #000000a6;box-shadow:inset 0 2px 0 #ffffff47, inset 0 -4px 0 #00000073, 0 5px 0 var(--edge), 0 10px 18px #0000003d;transition:transform 90ms var(--ease-out), box-shadow 90ms var(--ease-out);border:2px solid #000;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:20px;display:inline-flex;position:relative;overflow:hidden}.b3d:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#ffffff3d,#ffffff08);border-radius:12px 12px 22px 22px/12px 12px 8px 8px;position:absolute;inset:2px 3px 52%}.b3d:active:not(:disabled){box-shadow:inset 0 2px 0 #fff3, inset 0 -2px 0 #00000073, 0 1px 0 var(--edge), 0 3px 8px #0003;transform:translateY(4px)}.b3d.light{--face:linear-gradient(#fff, #efefef 60%, #dedede);--edge:#111;--txt:#111;text-shadow:0 1px #fff;border-color:#111}.b3d.light:before{background:linear-gradient(#ffffffe6,#fff0)}.b3d.small{border-radius:13px;min-height:42px;padding:0 14px;font-size:16px}.b3d.wide{width:100%}.b3d .b3d-label{position:relative}.shine{position:relative;overflow:hidden}.shine:after{content:"";width:38%;animation:sweep 3.4s var(--ease-out) infinite;pointer-events:none;z-index:2;background:linear-gradient(100deg,#0000,#ffffff8c,#0000);position:absolute;top:-30%;bottom:-30%;left:-70%;transform:skew(-18deg)}@keyframes sweep{0%,58%{left:-70%}88%,to{left:135%}}.btn{border:2px solid var(--ink);background:var(--surface);min-height:48px;box-shadow:0 3px 0 var(--ink);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:700;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.btn.primary{background:var(--ink);color:var(--inverse)}.btn.ghost{border-color:var(--line);box-shadow:0 3px 0 var(--line)}.btn.wide{width:100%}.btn.danger{border-color:var(--ink)}.link{background:0 0;border:0;padding:4px 0;text-decoration:underline}.icon-btn{background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.icon-btn.round{background:var(--surface);border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:50%}.icon-btn.round:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.card{background:var(--surface);border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink), var(--shadow-sm);border-radius:20px;padding:14px}.card.flat{box-shadow:var(--shadow-sm);border-color:var(--line)}.card.center,.center-col{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.center-col{flex:1;justify-content:center}.big{font-size:22px;font-weight:800}.tag{border:2px solid var(--ink);letter-spacing:.06em;text-transform:uppercase;background:var(--surface);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:3px 12px;font-size:13px;font-weight:800;display:inline-flex}.sec-head{justify-content:space-between;align-items:center;gap:8px;margin:0 0 10px;display:flex}.sec-head h2{font-family:var(--display);letter-spacing:.02em;margin:0;font-size:20px;font-weight:400}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.list li:last-child{border-bottom:0}.list.rules li{display:block}.table{border-collapse:collapse;width:100%}.table th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:2px solid var(--ink);padding:8px 4px;font-size:12px}.table td{text-align:left;border-bottom:1px solid var(--line);padding:10px 4px;font-weight:600}.input{border:2px solid var(--ink);width:100%;min-height:50px;font-size:18px;font-family:var(--display);background:var(--surface);color:var(--ink);border-radius:14px;padding:0 14px}.field{flex-direction:column;gap:6px;margin:10px 0;display:flex}.toggle{align-items:center;gap:12px;min-height:48px;font-weight:600;display:flex}.toggle input{appearance:none;background:var(--line);border:2px solid var(--ink);border-radius:999px;flex:none;width:52px;height:30px;transition:background .2s;position:relative}.toggle input:after{content:"";background:var(--surface);border:2px solid var(--ink);width:22px;height:22px;transition:transform .25s var(--ease-back);border-radius:50%;position:absolute;top:2px;left:2px}.toggle input:checked{background:var(--ink)}.toggle input:checked:after{transform:translate(22px)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:2px solid var(--line);background:var(--surface);border-radius:12px;justify-content:center;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:4px 10px;font-weight:700;display:flex}.chip.on{border-color:var(--ink);box-shadow:0 3px 0 var(--ink)}.hold{width:100%;position:relative;overflow:hidden}.hold-fill{background:var(--soft);width:0%;position:absolute;inset:0 auto 0 0}.hold-label{position:relative}.prose p{font-size:15px}.stack{flex-direction:column;gap:12px;margin-top:auto;display:flex}.particle{pointer-events:none;z-index:90;background:var(--pcol,#fff);width:10px;height:10px;animation:pfly var(--t,.8s) cubic-bezier(.15,.8,.3,1) forwards;margin:-5px 0 0 -5px;position:absolute}.p-dot{border-radius:50%}.p-diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.p-star{clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);width:14px;height:14px}@keyframes pfly{0%{transform:translate(0, 0) scale(var(--s)) rotate(0);opacity:1}to{transform:translate(var(--dx), var(--dy)) scale(0) rotate(var(--r));opacity:0}}.confetti-layer{pointer-events:none;z-index:95;position:fixed;inset:0;overflow:hidden}.confetto{animation:fall var(--t) linear var(--d) forwards;border:1px solid #00000059;position:absolute;top:-24px}@keyframes fall{to{transform:translate(var(--x), calc(var(--app-h) * 1.12)) rotate(var(--r))}}.sparkle{pointer-events:none;z-index:3;opacity:0;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);width:11px;height:11px;animation:twinkle 2.6s ease-in-out var(--d) infinite;filter:drop-shadow(0 0 3px #fff);background:#fff;margin:-5px 0 0 -5px;position:absolute}@keyframes twinkle{0%,to{opacity:0;transform:scale(.2)rotate(0)}50%{opacity:1;transform:scale(var(--s)) rotate(90deg)}}.shockwave{border:3px solid var(--pcol,#fff);opacity:.9;pointer-events:none;z-index:40;animation:shock .7s var(--ease-out) forwards;border-radius:50%;position:absolute;transform:translate(-50%,-50%)scale(.15)}@keyframes shock{to{opacity:0;border-width:1px;transform:translate(-50%,-50%)scale(1)}}.rays{pointer-events:none;background:repeating-conic-gradient(#ffffff1a 0deg 6deg,#0000 6deg 17deg);width:170vmax;height:170vmax;margin:-85vmax 0 0 -85vmax;animation:26s linear infinite spin;position:absolute;top:50%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 52%);mask-image:radial-gradient(circle,#000 0%,#0000 52%)}.shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-2px,1px)}20%,80%{transform:translate(4px,-2px)}30%,50%,70%{transform:translate(-7px,2px)}40%,60%{transform:translate(7px,-1px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ang{to{--ang:360deg}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #fff0,0 0 18px #ffffff2e}50%{box-shadow:0 0 0 4px #ffffff14,0 0 34px #ffffff61}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}svg .spin,svg .spin-slow,svg .spin-rev,svg .flicker{transform-box:fill-box;transform-origin:50%}svg .spin{animation:6s linear infinite spin}svg .spin-rev{animation:9s linear infinite reverse spin}svg .spin-slow{animation:40s linear infinite spin}svg .flicker{animation:1.6s ease-in-out infinite flicker}svg .twinkle{animation:3s ease-in-out infinite twinkleGroup}@keyframes flicker{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}@keyframes twinkleGroup{0%,to{opacity:1}50%{opacity:.55}}.emblem{width:var(--m);height:var(--m);flex:none;position:relative}.medallion{z-index:1;width:var(--m);height:var(--m);color:#fff;--medal-bg:#121212;border:calc(var(--m) * .045 + 1px) solid transparent;background:radial-gradient(circle at 34% 28%,#505050,#141414 62%) padding-box padding-box,linear-gradient(#f2f2f2,#9c9c9c) border-box;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 0 0 2px #000,inset 0 -5px 10px #0009,inset 0 3px 6px #fff3,0 6px 14px #00000073}.medallion svg{filter:drop-shadow(0 2px #000000a6)}.medallion.r-rare{background:radial-gradient(circle at 34% 28%,#5a5a5a,#141414 62%) padding-box padding-box,linear-gradient(135deg,#fff,#7a7a7a 35%,#fff 55%,#5e5e5e) border-box}.medallion.r-epic{background:repeating-linear-gradient(135deg,#252525 0 4px,#161616 4px 8px) padding-box padding-box,linear-gradient(135deg,#fff,#8a8a8a,#fff) border-box}.medallion.r-legendary,.medallion.r-mythic{background:radial-gradient(circle at 34% 28%, #4e4e4e, #070707 64%) padding-box, conic-gradient(from var(--ang), #fff, #3a3a3a, #fff, #111, #fff) border-box;animation:4s linear infinite ang}.medallion.r-mythic{box-shadow:0 0 0 2px #000,inset 0 -5px 10px #0009,0 0 22px #ffffff73}.deco{inset:calc(var(--m) * -.3);z-index:0;color:#fff;pointer-events:none;filter:drop-shadow(0 2px #0000008c);position:absolute}.deco svg{width:100%;height:100%;display:block;overflow:visible}.deco.de-crown,.deco.de-stars{z-index:2}.lvl{z-index:3;width:var(--s);height:calc(var(--s) * 1.1);filter:drop-shadow(0 2px #000);position:relative}.lvl svg{width:100%;height:100%;display:block}.lvl-rim{fill:#f3f3f3}.lvl-face{fill:#111}.lvl-num{fill:#fff;font-family:var(--display);font-size:25px}.medal{width:var(--s);height:calc(var(--s) * 1.06);filter:drop-shadow(0 2px #0000008c);flex:none}.medal svg{width:100%;height:100%;display:block}.medal.empty{filter:none;border:2px dashed #7f7f7f8c;border-radius:30%}.medal-stars{fill:#fff;stroke:#000;stroke-width:1.2px}.metal-1 .medal-rim{fill:#5c5c5c}.metal-1 .medal-face{fill:#262626}.metal-1 .medal-glyph{fill:#b8b8b8}.metal-2 .medal-rim{fill:#d4d4d4}.metal-2 .medal-face{fill:#5e5e5e}.metal-2 .medal-glyph{fill:#fff}.metal-3 .medal-rim{fill:#fff;stroke:#000;stroke-width:1.5px}.metal-3 .medal-face{fill:#0d0d0d}.metal-3 .medal-glyph{fill:#fff}.bnr{--bnr-bg:radial-gradient(120% 140% at 15% 0%, #2c2c2c, #0b0b0b 62%);isolation:isolate;color:#fff;background:var(--bnr-bg) padding-box, linear-gradient(#3a3a3a, #000) border-box;box-shadow:0 0 0 2px #000, 0 6px 0 #000, var(--shadow-md);border:3px solid #0000;border-radius:22px;position:relative;overflow:hidden}.bnr.size-hero{padding:20px 16px 14px}.bnr.size-vs{padding:16px 14px 12px}.bnr.size-mini{border-width:2px;border-radius:16px;padding:6px 12px 6px 8px;box-shadow:0 0 0 1.5px #000,0 3px #000}.bnr-bg{z-index:-3;position:absolute;inset:0}.bnr-bg svg{width:100%;height:100%;display:block}.bnr-vignette{z-index:-2;background:linear-gradient(90deg,#0000008c,#0000000d 60%),radial-gradient(120% 90% at 50% 125%,#0009,#0000 60%);position:absolute;inset:0}.bnr.mirror .bnr-vignette{background:linear-gradient(270deg,#0000008c,#0000000d 60%),radial-gradient(120% 90% at 50% 125%,#0009,#0000 60%)}.bnr-shine{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bnr-shine:after{content:"";width:30%;animation:sweep 5s var(--ease-out) infinite;background:linear-gradient(100deg,#0000,#ffffff38,#0000);position:absolute;top:-40%;bottom:-40%;left:-60%;transform:skew(-20deg)}.bnr-sparks{z-index:2;pointer-events:none;position:absolute;inset:0}.bnr-body{z-index:1;align-items:center;gap:18px;display:flex;position:relative}.bnr.mirror .bnr-body{text-align:right;flex-direction:row-reverse}.bnr.size-mini .bnr-body{gap:10px}.bnr-emblem{flex-direction:column;align-items:center;display:flex;position:relative}.bnr-emblem .lvl{margin-top:-14px}.bnr.size-mini .bnr-emblem .lvl{margin:0;position:absolute;bottom:-6px;right:-8px}.bnr.mirror.size-mini .bnr-emblem .lvl{left:-8px;right:auto}.bnr-id{flex:1;min-width:0}.bnr-tag{letter-spacing:.24em;opacity:.7;text-transform:uppercase;margin-bottom:2px;font-size:11px;font-weight:800}.bnr-name{font-family:var(--display);letter-spacing:.01em;text-shadow:0 3px #000,0 0 14px #0009;text-overflow:ellipsis;white-space:nowrap;font-size:30px;line-height:1.02;overflow:hidden}.bnr.size-vs .bnr-name{font-size:26px}.bnr.size-mini .bnr-name{text-shadow:0 2px #000;font-size:16px}.bnr-title{letter-spacing:.22em;text-transform:uppercase;background:#ffffff1f;border:1px solid #ffffff47;border-radius:6px;margin-top:6px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-block}.bnr-qi{white-space:nowrap;font-family:var(--display);background:#00000073;border:1.5px solid #ffffff59;border-radius:999px;align-items:center;gap:6px;margin-top:8px;margin-left:4px;padding:3px 10px 3px 7px;font-size:18px;display:inline-flex}.bnr.size-mini .bnr-qi{border-width:1px;margin-top:2px;margin-left:0;padding:1px 8px 1px 5px;font-size:13px}.bnr-qi .l{font-family:var(--text);letter-spacing:.12em;opacity:.7;text-transform:uppercase;font-size:10px;font-weight:800}.bnr-badges{z-index:1;gap:10px;margin-top:14px;display:flex;position:relative}.bnr.mirror .bnr-badges{justify-content:flex-end}.bnr .medal.empty{border-color:#ffffff38}.bnr.r-rare{background:var(--bnr-bg) padding-box, linear-gradient(135deg, #fff, #6f6f6f 35%, #fff 55%, #555) border-box}.bnr.r-epic{background:var(--bnr-bg) padding-box, linear-gradient(135deg, #fff, #8a8a8a, #fff, #6a6a6a) border-box;box-shadow:0 0 0 2px #000, inset 0 0 0 2px #000000e6, inset 0 0 0 3.5px #ffffff59, 0 6px 0 #000, var(--shadow-md)}.bnr.r-legendary{background:var(--bnr-bg) padding-box, conic-gradient(from var(--ang), #fff, #3d3d3d, #fff, #121212, #fff) border-box;animation:5s linear infinite ang}.bnr.r-mythic{background:var(--bnr-bg) padding-box, conic-gradient(from var(--ang), #fff, #2a2a2a, #fff, #000, #fff) border-box;animation:3.2s linear infinite ang,2.4s ease-in-out infinite mythGlow}@keyframes mythGlow{0%,to{box-shadow:0 0 0 2px #000,0 6px #000,0 0 16px #ffffff2e}50%{box-shadow:0 0 0 2px #000,0 6px #000,0 0 34px #ffffff73}}.home{height:var(--app-h);gap:0;min-height:0;padding-bottom:0}.home-content{overscroll-behavior:contain;scrollbar-width:none;min-height:0;margin:0 calc(-1 * var(--pad));padding:2px var(--pad) 16px;flex-direction:column;flex:1;display:flex;overflow-y:auto}.home-content::-webkit-scrollbar{display:none}.home-content>*{animation:rise .45s var(--ease-out) both}.topbar{align-items:center;gap:10px;margin-bottom:4px;display:flex}.me-pill{color:#fff;text-align:left;background:linear-gradient(#262626,#0c0c0c);border:2px solid #000;border-radius:18px;flex:1;align-items:center;gap:10px;min-width:0;padding:6px 12px 6px 6px;display:flex;box-shadow:0 4px #000}.me-pill:active{transform:translateY(2px);box-shadow:0 2px #000}.me-pill .emblem{--m:42px}.me-info{flex:1;min-width:0}.me-name{font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;font-size:18px;line-height:1.05;overflow:hidden}.xpbar{background:#000;border:1.5px solid #6b6b6b;border-radius:999px;height:12px;margin-top:4px;position:relative;overflow:hidden}.xpbar>i{width:var(--p,0%);transition:width 1s var(--ease-out);background:linear-gradient(#fff,#bdbdbd);border-radius:999px;position:absolute;inset:0 auto 0 0}.xpbar>b{letter-spacing:.08em;color:#000;mix-blend-mode:difference;filter:invert();place-items:center;font-size:9px;font-weight:800;display:grid;position:absolute;inset:0}.qi-pill{color:#111;font-family:var(--display);background:#fff;border:2px solid #000;border-radius:16px;align-items:center;gap:6px;padding:8px 12px;font-size:20px;display:flex;box-shadow:0 4px #000}.qi-pill small{font-family:var(--text);letter-spacing:.1em;color:#666;font-size:10px;font-weight:800}.battle{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.top-row{gap:12px;display:flex}.pass{color:#fff;isolation:isolate;text-align:left;min-height:86px;box-shadow:inset 0 2px 0 #ffffff2e, 0 5px 0 #000, var(--shadow-md);background:radial-gradient(130% 120% at 0 0,#3b3b3b,#0b0b0b 60%);border:2px solid #000;border-radius:22px;flex:3;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:end;padding:14px 16px;transition:transform 90ms;display:grid;position:relative;overflow:hidden}.pass:before{content:"";z-index:-1;background:repeating-linear-gradient(135deg,#ffffff0d 0 10px,#0000 10px 22px);position:absolute;inset:0}.pass:active{transform:translateY(3px)}.pass-ic{grid-area:1/1;animation:2.6s ease-in-out infinite bob}.pass-label{font-family:var(--display);letter-spacing:.02em;text-shadow:0 2px #000;grid-area:2/1;font-size:23px}.pass-soon{letter-spacing:.14em;border:1.5px solid #ffffff80;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800;position:absolute;top:10px;right:10px}.pass-chev{grid-area:1/2/3;align-self:center}.shop{color:#111;min-height:86px;box-shadow:inset 0 -3px 0 #00000014, 0 5px 0 #111, var(--shadow-md);font-family:var(--display);background:linear-gradient(#fff,#e8e8e8);border:2px solid #111;border-radius:22px;flex-direction:column;flex:1.15;justify-content:center;align-items:center;gap:4px;font-size:17px;display:flex;position:relative;overflow:hidden}.shop:active{transform:translateY(3px);box-shadow:0 2px #111}.shop svg{animation:2.2s ease-in-out .4s infinite bob}.ribbon-corner{color:#fff;font-family:var(--text);letter-spacing:.1em;background:#111;padding:2px 24px;font-size:9px;font-weight:800;position:absolute;top:9px;right:-24px;transform:rotate(35deg)}.stage-area{flex:1 1 0;min-height:92px;display:flex;position:relative}.daily{z-index:2;border:2px solid var(--ink);background:var(--surface);width:76px;color:var(--ink);box-shadow:0 4px 0 var(--ink), var(--shadow-md);animation:rise .5s var(--ease-back) both .25s;border-radius:18px;flex-direction:column;align-items:center;gap:1px;padding:7px 4px 8px;font-weight:800;display:flex;position:absolute;top:2px;left:0}.daily:active{box-shadow:0 2px 0 var(--ink);transform:translateY(2px)}.daily .chest-mini{place-items:center;width:36px;height:32px;display:grid}.daily.ready .chest-mini{animation:1.8s ease-in-out infinite wiggle}.daily-l{font-family:var(--display);font-size:14px;line-height:1.1}.daily-t{color:var(--muted);letter-spacing:.02em;font-size:10px;font-weight:700}.daily .ready-dot{letter-spacing:.08em;text-transform:uppercase;background:var(--ink);color:var(--inverse);border-radius:999px;margin-top:2px;padding:2px 7px;font-size:9.5px;font-weight:800}.daily.ready:after{content:"";border:2px solid var(--ink);opacity:0;pointer-events:none;border-radius:22px;animation:2s ease-out 1s infinite readyRing;position:absolute;inset:-6px}@keyframes readyRing{0%{opacity:.5;transform:scale(.92)}to{opacity:0;transform:scale(1.12)}}@keyframes wiggle{0%,70%,to{transform:rotate(0)}75%{transform:rotate(-9deg)scale(1.08)}82%{transform:rotate(8deg)scale(1.08)}89%{transform:rotate(-5deg)}95%{transform:rotate(3deg)}}.preview{perspective:700px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;container-type:size}.matrix{grid-template-columns:repeat(3,60px);gap:8px;display:grid}.tile{border:2px solid var(--ink);width:60px;height:60px;color:var(--ink);background:var(--surface);box-shadow:0 4px 0 var(--ink);animation:tileIn .55s var(--ease-back) both;animation-delay:calc(var(--i) * 70ms + .12s);transition:transform .5s var(--ease-out);border-radius:18px;justify-content:center;align-items:center;display:flex}.tile.flip{transform:rotateY(180deg)}.tile.q{color:#fff;font-family:var(--display);text-shadow:0 3px #000;animation:tileIn .55s var(--ease-back) both, qPulse 2s ease-in-out infinite 1.2s;animation-delay:calc(var(--i) * 70ms + .12s), 1.2s;background:linear-gradient(#2c2c2c,#050505);font-size:40px}@keyframes tileIn{0%{opacity:0;transform:translateY(18px)rotateX(70deg)scale(.6)}to{opacity:1;transform:none}}@supports (height:1cqh){.matrix{--t:clamp(30px, min(calc((100cqh - 10px) / 3.3), calc((100cqw - 176px) / 3.3)), 64px);grid-template-columns:repeat(3, var(--t));gap:calc(var(--t) * .14)}.tile{width:var(--t);height:var(--t);border-radius:calc(var(--t) * .3)}.tile svg{width:72%;height:72%}.tile.q{font-size:calc(var(--t) * .66)}}@container (height<=108px){.matrix{display:none}}@keyframes qPulse{0%,to{box-shadow:0 4px #000,0 0 #00000059}50%{box-shadow:0 4px #000,0 0 0 10px #0000}}.bottom{flex-direction:column;gap:12px;padding-bottom:10px;display:flex}.battle-btn{isolation:isolate;color:#fff;width:100%;min-height:70px;font-family:var(--display);letter-spacing:.05em;text-shadow:0 3px #000,0 0 18px #ffffff40;transition:transform .1s var(--ease-out);background:radial-gradient(140% 140% at 50% -40%,#4d4d4d,#141414 55%,#050505);border:2.5px solid #000;border-radius:26px;justify-content:center;align-items:center;gap:14px;font-size:34px;animation:2.6s ease-in-out infinite breathe;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 3px #ffffff40,inset 0 -6px #00000080,0 7px #000,0 14px 26px #00000052}.battle-btn:before{content:"";z-index:-1;background:linear-gradient(#fff3,#fff0);border-radius:22px 22px 30px 30px/22px 22px 10px 10px;position:absolute;inset:3px 4px 50%}.battle-btn:active{transform:translateY(5px)scale(.99);box-shadow:inset 0 3px #fff3,inset 0 -3px #00000080,0 2px #000,0 5px 12px #00000040}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.018)}}.segmented{background:var(--soft);border:2px solid var(--ink);border-radius:20px;gap:4px;padding:5px;display:flex;position:relative;box-shadow:inset 0 2px 4px #00000014}.seg-thumb{background:var(--ink);width:calc(50% - 7px);transition:transform .38s var(--ease-back);transform:translateX(calc(var(--k,0) * (100% + 4px)));border-radius:14px;position:absolute;top:5px;bottom:5px;left:5px;box-shadow:0 3px #0006}.seg{z-index:1;min-width:0;min-height:46px;font-family:var(--display);color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:19px;transition:color .25s;display:flex;position:relative}.seg.on{color:var(--inverse)}.mode-row{align-items:stretch;gap:10px;display:flex}.mode-row .segmented{flex:1;min-width:0}.level-pick{animation:rise .35s var(--ease-back) both;flex:0 0 112px;align-items:center;display:flex;position:relative}.level-pick .cap{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);pointer-events:none;font-size:9px;font-weight:800;position:absolute;top:7px;left:14px}.level-pick svg{pointer-events:none;position:absolute;top:calc(50% + 2px);right:10px;transform:translateY(-50%)}.level-select{appearance:none;border:2px solid var(--ink);background:var(--surface);width:100%;height:100%;min-height:56px;color:var(--ink);font-family:var(--display);box-shadow:0 4px 0 var(--ink);border-radius:18px;padding:13px 28px 0 13px;font-size:20px}.tabbar{z-index:10;margin:0 calc(-1 * var(--pad));padding:6px var(--pad) calc(var(--sa-b) + 6px);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:2px solid var(--ink);justify-content:space-between;align-items:center;display:flex;position:sticky;bottom:0}.tab-track{flex:1;display:flex;position:relative}.tab-ind{width:33.3333%;transition:transform .42s var(--ease-back);transform:translateX(calc(var(--idx,1) * 100%));padding:0 4px;position:absolute;top:0;bottom:0;left:0}.tab-ind:before{content:"";background:linear-gradient(#2e2e2e,#0b0b0b);border:2px solid #000;border-radius:18px;position:absolute;inset:0 4px;box-shadow:0 3px #000}.tab{z-index:1;color:var(--muted);letter-spacing:.04em;background:0 0;border:0;border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:54px;font-size:12px;font-weight:700;display:flex;position:relative}.tab.active{color:#fff}.tab.active svg{animation:tabPop .45s var(--ease-back)}.tab .tab-dot{background:var(--ink);border:2px solid var(--surface);border-radius:50%;width:9px;height:9px;position:absolute;top:6px;right:calc(50% - 20px)}@keyframes tabPop{0%{transform:scale(.6)translateY(4px)}70%{transform:scale(1.18)translateY(-2px)}to{transform:none}}.profile-hero{position:relative}.hero-actions{gap:10px;margin-top:14px;display:flex}.hero-actions .b3d{flex:1}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-tile{border:2px solid var(--ink);background:var(--surface);box-shadow:0 4px 0 var(--ink);border-radius:18px;padding:12px;position:relative;overflow:hidden}.stat-tile .ic{opacity:.14;transform-origin:100% 0;position:absolute;top:10px;right:10px;transform:scale(2.1)}.stat-tile .v{font-family:var(--display);font-size:30px;line-height:1}.stat-tile .k{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:6px;font-size:11px;font-weight:800}.stat-tile.dark{color:#fff;background:linear-gradient(#262626,#0b0b0b);border-color:#000;box-shadow:0 4px #000}.stat-tile.dark .k{color:#aaa}.level-card{align-items:center;gap:14px;display:flex}.level-card .lvl{--s:58px}.level-card .xpbar{background:var(--soft);border-color:var(--ink);height:18px}.level-card .xpbar>i{background:linear-gradient(#3a3a3a,#000)}.level-card .xpbar>b{color:#fff;mix-blend-mode:difference;filter:none;font-size:11px}.level-meta{flex:1}.level-meta .t{font-family:var(--display);font-size:22px}.badge-row{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.badge-cell{text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.badge-cell .medal{--s:52px}.badge-cell.locked .medal{opacity:.25;filter:grayscale()}.badge-cell .n{letter-spacing:.04em;font-size:11px;font-weight:800}.badge-cell .p{background:var(--line);border-radius:99px;width:100%;height:5px;overflow:hidden}.badge-cell .p>i{background:var(--ink);height:100%;width:var(--p,0%);display:block}.collection-bar{border:2px solid var(--ink);background:var(--soft);border-radius:999px;height:14px;display:flex;overflow:hidden}.collection-bar>i{height:100%;display:block}.rar-legend{flex-wrap:wrap;gap:6px 12px;margin-top:8px;font-size:12px;font-weight:700;display:flex}.rar-legend span{align-items:center;gap:6px;display:inline-flex}.rar-sw{border:1.5px solid #000;border-radius:4px;width:12px;height:12px;display:inline-block}.sw-common{background:#e6e6e6}.sw-rare{background:linear-gradient(135deg,#fff,#8d8d8d)}.sw-epic{background:repeating-linear-gradient(135deg,#333 0 3px,#111 3px 6px)}.sw-legendary{background:conic-gradient(#fff,#333,#fff,#000,#fff)}.sw-mythic{background:radial-gradient(#fff 20%,#000 70%)}.defeated{flex-direction:column;gap:8px;display:flex}.rarity-label{letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:800}.rarity-label.r-legendary,.rarity-label.r-mythic{background:linear-gradient(90deg,#7a7a7a,#fff,#7a7a7a,#fff,#7a7a7a) 0 0/300% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shimmerText}@keyframes shimmerText{to{background-position:-300% 0}}.items{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px;display:grid}.item{--rar-bg:linear-gradient(#fafafa, #e3e3e3);--rar-ink:#1b1b1b;isolation:isolate;background:var(--rar-bg);color:var(--rar-ink);box-shadow:0 4px 0 #000, var(--shadow-sm);transition:transform .14s var(--ease-back);text-align:center;border:2px solid #000;border-radius:16px;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:6px 6px 8px;display:flex;position:relative;overflow:hidden}.item:active{transform:translateY(3px)scale(.98)}.item-art{aspect-ratio:1.1;background:radial-gradient(circle at 50% 30%,#2d2d2d,#0b0b0b 70%);border:1.5px solid #0009;border-radius:11px;place-items:center;width:100%;display:grid;overflow:hidden}.item-name{font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:3px;font-size:14px;line-height:1.1;overflow:hidden}.item-foot{letter-spacing:.08em;text-transform:uppercase;border:1.5px solid;border-radius:999px;align-items:center;gap:4px;margin-top:2px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-flex}.item-foot.price{color:#fff;background:#000;border-color:#000}.item-foot.equipped{background:currentColor}.item-foot.equipped,.item-foot.equipped svg{color:var(--rar-ink)}.item-foot.equipped{color:inherit;background:0 0}.item-new{color:#000;letter-spacing:.1em;text-transform:uppercase;z-index:4;background:#fff;border:1px solid #000;padding:1px 24px;font-size:8px;font-weight:900;position:absolute;top:9px;right:-26px;transform:rotate(35deg)}.item.equipped{box-shadow:0 0 0 3px var(--surface), 0 0 0 6px var(--ink), 0 4px 0 #000}.item.mode-editor.missing .item-art>*{filter:grayscale()brightness(.55)}.item.r-common{--rar-bg:linear-gradient(#fafafa, #e3e3e3)}.item.r-rare{--rar-bg:linear-gradient(155deg, #fff, #bdbdbd 42%, #f4f4f4 54%, #9a9a9a)}.item.r-epic{--rar-bg:repeating-linear-gradient(135deg, #2c2c2c 0 6px, #1f1f1f 6px 12px);--rar-ink:#fff}.item.r-legendary{--rar-ink:#fff;background:radial-gradient(circle at 50% 0%, #3d3d3d, #070707 70%) padding-box, conic-gradient(from var(--ang), #fff, #3a3a3a, #fff, #111, #fff) border-box;border-color:#0000;animation:4s linear infinite ang}.item.r-mythic{--rar-ink:#fff;background:radial-gradient(circle at 50% 10%, #474747, #000 66%) padding-box, conic-gradient(from var(--ang), #fff, #222, #fff, #000, #fff) border-box;border-color:#0000;animation:2.8s linear infinite ang,2.4s ease-in-out infinite mythGlowItem}@keyframes mythGlowItem{0%,to{box-shadow:0 4px #000,0 0 10px #0003}50%{box-shadow:0 4px #000,0 0 22px #00000073}}.item.r-rare:after,.item.r-epic:after,.item.r-legendary:after,.item.r-mythic:after{content:"";z-index:3;pointer-events:none;width:34%;animation:sweep 4.2s var(--ease-out) infinite;background:linear-gradient(100deg,#0000,#ffffff80,#0000);position:absolute;top:-30%;bottom:-30%;left:-70%;transform:skew(-18deg)}.item.r-epic:after{animation-delay:.6s}.item.r-legendary:after{animation-duration:3.4s}.item.r-mythic:after{animation-duration:2.6s}.art-frame{width:100%;height:100%}.art-frame svg{width:100%;height:100%;display:block}.art-deco,.art-avatar{place-items:center;width:100%;height:100%;display:grid}.art-deco .emblem{--m:42px}.art-title{place-items:center;width:100%;height:100%;padding:6px;display:grid}.art-title span{font-family:var(--display);color:#111;text-align:center;background:linear-gradient(#fff,#cfcfcf);border:2px solid #000;border-radius:6px;padding:7px 12px;font-size:15px;line-height:1.05;position:relative;box-shadow:0 3px #000}.art-title span:before,.art-title span:after{content:"";background:#fff;border:2px solid #000;width:10px;height:10px;margin-top:-5px;position:absolute;top:50%;transform:rotate(45deg)}.art-title span:before{left:-7px}.art-title span:after{right:-7px}.reveal-card .art-title span{padding:10px 16px;font-size:22px}.kind-tabs{scrollbar-width:none;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.kind-tabs::-webkit-scrollbar{display:none}.kind-tab{border:2px solid var(--ink);background:var(--surface);min-height:40px;font-family:var(--display);box-shadow:0 3px 0 var(--ink);border-radius:12px;flex:none;padding:0 14px;font-size:15px;transition:transform .1s}.kind-tab.on{background:var(--ink);color:var(--inverse);box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.editor-preview{z-index:5;background:linear-gradient(var(--bg) 85%, transparent);padding:6px 0 10px;position:sticky;top:0}.editor-preview .bnr{animation:none}.bump{animation:bump .45s var(--ease-back)}@keyframes bump{0%{transform:scale(1)}35%{transform:scale(1.04)}to{transform:scale(1)}}.shop-hero{isolation:isolate;color:#fff;box-shadow:0 5px 0 #000, var(--shadow-md);background:radial-gradient(130% 120% at 80% -10%,#434343,#0a0a0a 60%);border:2px solid #000;border-radius:22px;padding:18px 16px;position:relative;overflow:hidden}.shop-hero .rays{opacity:.6}.shop-hero h2{font-family:var(--display);text-shadow:0 2px #000;margin:0 0 4px;font-size:26px;font-weight:400}.shop-hero p{color:#cfcfcf;margin:0;font-size:14px}.offer-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.offer{position:relative}.offer .item{width:100%}.offer .item-art{aspect-ratio:1.5}.timer-chip{letter-spacing:.06em;color:var(--muted);text-transform:uppercase;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.reveal{z-index:80;color:#fff;background:radial-gradient(circle at 50% 42%,#3c3c3c,#000 60%);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;animation:.25s both rFade;display:flex;position:fixed;inset:0;overflow:hidden}.reveal .rays{opacity:.9}.reveal.r-common .rays{opacity:.35}.reveal.r-rare .rays{opacity:.55}.reveal.r-mythic .rays{background:repeating-conic-gradient(#ffffff2e 0deg 5deg,#0000 5deg 13deg);animation-duration:12s}.reveal-stage{place-items:center;width:100%;min-height:260px;display:grid;position:relative}.reveal-card{width:210px;transform-style:preserve-3d;animation:cardIn .7s var(--ease-back) both;position:relative}.reveal-card .item{cursor:default;width:100%}.reveal-card .item-art{aspect-ratio:1.05}.reveal-card .item-name{font-size:22px}.reveal-card .rarity-label{font-size:13px}@keyframes cardIn{0%{opacity:0;transform:translateY(60px)rotateY(180deg)scale(.4)}60%{opacity:1;transform:translateY(-10px)rotateY(-15deg)scale(1.08)}to{transform:none}}.reveal-title{font-family:var(--display);letter-spacing:.04em;text-shadow:0 3px #000;animation:pop .55s var(--ease-back) .35s both;text-align:center;font-size:34px}.reveal-sub{color:#bdbdbd;text-align:center;font-size:14px;animation:.4s .6s both rFade}.reveal .b3d{animation:pop .45s var(--ease-back) .8s both}.reveal-actions{flex-direction:column;gap:10px;width:min(320px,100%);display:flex}.chest{width:200px;height:175px;position:relative}.chest svg{width:100%;height:100%;overflow:visible}.chest .c-dark{fill:#121212;stroke:#000;stroke-width:3px}.chest .c-mid{fill:#2f2f2f}.chest .c-light{fill:#cfcfcf;stroke:#000;stroke-width:2px}.chest .c-shine{stroke:#ffffff73;stroke-width:3px;stroke-linecap:round}.chest .chest-shadow{fill:#00000073}.chest .chest-lid{transform-box:fill-box;transform-origin:10% 100%;transition:transform .45s var(--ease-back)}.chest.idle{animation:2.2s ease-in-out infinite bob}.chest.charge{animation:.12s linear infinite chestShake}.chest.open .chest-lid{transform:translate(-6px,-26px)rotate(-24deg)}.chest.open{animation:none}@keyframes chestShake{0%{transform:rotate(-4deg)scale(1.03)}50%{transform:rotate(4deg)scale(1.06)}to{transform:rotate(-4deg)scale(1.03)}}.chest-glow{opacity:0;background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)scale(0);box-shadow:0 0 60px 40px #ffffffbf}.chest.open .chest-glow{animation:glowBurst .7s var(--ease-out) forwards}@keyframes glowBurst{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(5)}}.odds{grid-template-columns:repeat(5,1fr);gap:6px;width:min(340px,100%);display:grid}.odds div{letter-spacing:.06em;text-transform:uppercase;color:#bdbdbd;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:800;display:flex}.odds b{font-family:var(--display);color:#fff;letter-spacing:0;font-size:15px;font-weight:400}.vs-stage{isolation:isolate;color:#fff;min-height:var(--app-h);padding:calc(var(--sa-t) + 10px) calc(var(--sa-r) + 14px) calc(var(--sa-b) + 14px) calc(var(--sa-l) + 14px);background:linear-gradient(165deg,#1c1c1c 0%,#0b0b0b 48%,#000 52%,#121212 100%);flex:1;grid-template-rows:auto 1fr auto 1fr auto;gap:8px;display:grid;position:relative;overflow:hidden}.vs-stage:before{content:"";z-index:-2;background:repeating-linear-gradient(115deg,#ffffff09 0 2px,#0000 2px 14px);animation:1.2s linear infinite speed;position:absolute;inset:-20%}@keyframes speed{to{transform:translate(28px)}}.vs-stage:after{content:"";z-index:-1;opacity:.5;background:linear-gradient(90deg,#0000,#fff,#0000);height:3px;position:absolute;top:50%;left:-10%;right:-10%;transform:rotate(-8deg);box-shadow:0 0 22px #fff}.vs-stage .rays{z-index:-1;opacity:.7}.vs-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.vs-head .tag{color:#fff;background:#0006;border-color:#ffffff8c}.vs-head .icon-btn{color:#fff}.vs-slot{align-items:center;display:flex}.vs-slot.opp{align-items:flex-start}.vs-slot.me{align-items:flex-end}.vs-slot .bnr{width:100%}.vs-slot.opp .bnr{animation:vsInRight .6s var(--ease-back) 50ms both}.vs-slot.me .bnr{animation:vsInLeft .6s var(--ease-back) .15s both}@keyframes vsInRight{0%{opacity:0;transform:translate(115%)rotate(6deg)}to{opacity:1;transform:none}}@keyframes vsInLeft{0%{opacity:0;transform:translate(-115%)rotate(-6deg)}to{opacity:1;transform:none}}.vs-stage.go .vs-slot.opp .bnr{animation:.45s cubic-bezier(.6,0,.9,.4) forwards vsOutUp}.vs-stage.go .vs-slot.me .bnr{animation:.45s cubic-bezier(.6,0,.9,.4) forwards vsOutDown}@keyframes vsOutUp{to{opacity:0;transform:translateY(-130%)scale(.9)}}@keyframes vsOutDown{to{opacity:0;transform:translateY(130%)scale(.9)}}.vs-center{place-items:center;height:150px;display:grid;position:relative}.vs-word{font-family:var(--display);letter-spacing:.02em;color:#fff;text-shadow:0 6px #000,0 0 30px #ffffff8c;-webkit-text-stroke:3px #000;paint-order:stroke fill;font-size:104px;line-height:1;animation:.5s cubic-bezier(.2,1.7,.4,1) .55s both vsSlam}@keyframes vsSlam{0%{opacity:0;transform:scale(3.2)rotate(-12deg)}60%{opacity:1;transform:scale(.88)rotate(3deg)}to{opacity:1;transform:scale(1)rotate(-4deg)}}.vs-word.out{animation:.3s ease-in forwards vsWordOut}@keyframes vsWordOut{to{opacity:0;transform:scale(.2)rotate(-30deg)}}.vs-count{place-items:center;display:grid;position:absolute;inset:0}.vs-ring{width:150px;height:150px;position:absolute}.vs-ring circle{fill:none;stroke-width:7px}.vs-ring .bg{stroke:#ffffff26}.vs-ring .fg{stroke:#fff;stroke-linecap:round;transform-origin:50%;filter:drop-shadow(0 0 6px #fffc);transform:rotate(-90deg)}.vs-num{font-family:var(--display);text-shadow:0 6px #000,0 0 26px #fff9;-webkit-text-stroke:3px #000;paint-order:stroke fill;font-size:96px;line-height:1}.vs-num.tick{animation:.7s cubic-bezier(.2,1.6,.4,1) both numPop}@keyframes numPop{0%{opacity:0;transform:scale(2.6)}35%{opacity:1;transform:scale(.9)}55%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.vs-num.goword{letter-spacing:.03em;font-size:64px}.vs-chips{flex-wrap:wrap;justify-content:center;gap:6px;animation:.5s 1s both rFade;display:flex}.vs-chips span{letter-spacing:.1em;text-transform:uppercase;background:#00000073;border:1.5px solid #fff6;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800}.vs-flash{opacity:0;pointer-events:none;z-index:30;background:#fff;position:absolute;inset:0}.vs-flash.on{animation:.45s ease-out flash}@keyframes flash{0%{opacity:.95}to{opacity:0}}.vs-status{text-align:center;color:#cfcfcf;min-height:18px;font-size:13px}.vs-wait .vs-slot.opp .bnr.placeholder{animation:none}.bnr.placeholder{background:repeating-linear-gradient(135deg,#1a1a1a 0 12px,#101010 12px 24px);border-color:#444;place-items:center;min-height:128px;display:grid}.bnr.placeholder .q{font-family:var(--display);color:#fff;text-shadow:0 4px #000;animation:qSpin 1.1s var(--ease-out) infinite;font-size:64px}@keyframes qSpin{0%{transform:rotateY(0)scale(1)}50%{transform:rotateY(180deg)scale(1.1)}to{transform:rotateY(360deg)scale(1)}}.radar{border:2px solid #ffffff59;border-radius:50%;place-items:center;width:150px;height:150px;display:grid;position:relative}.radar:before,.radar:after{content:"";animation:radarPing 2s var(--ease-out) infinite;border:2px solid #fff;border-radius:50%;position:absolute;inset:-2px}.radar:after{animation-delay:1s}.radar .sweep{background:conic-gradient(#ffffff80,#0000 25%);border-radius:50%;animation:1.8s linear infinite spin;position:absolute;inset:0}@keyframes radarPing{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}.duel{padding-top:calc(var(--sa-t) + 6px);height:var(--app-h);gap:8px;min-height:0;position:relative;overflow:hidden}.duel-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.duel-top .icon-btn{border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:var(--surface);border-radius:14px}.time{font-family:var(--display);font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 2px #000;background:linear-gradient(#2a2a2a,#050505);border:2px solid #000;border-radius:999px;align-items:center;gap:6px;padding:4px 16px;font-size:24px;display:inline-flex;box-shadow:0 3px #000}.hint-btn{border:2px solid var(--ink);background:var(--surface);width:54px;height:46px;color:var(--muted);box-shadow:0 3px 0 var(--ink);border-radius:14px;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.hint-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.hint-btn.ready{color:#fff;background:linear-gradient(#333,#000);border-color:#000;animation:1.4s ease-in-out infinite hintReady;box-shadow:0 3px #000}@keyframes hintReady{0%,to{box-shadow:0 3px #000,0 0 #00000059}50%{box-shadow:0 3px #000,0 0 0 9px #0000}}.hint-count{color:#000;background:#fff;border:2px solid #000;border-radius:999px;place-items:center;min-width:20px;height:20px;font-size:11px;font-weight:900;display:grid;position:absolute;top:-8px;right:-8px}.hint-count:empty{display:none}.duel-vs{grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;display:grid}.duel-vs .vsx{font-family:var(--display);color:var(--muted);font-size:16px}.duel-vs .bnr{animation:rise .5s var(--ease-back) both}.duel-vs .bnr.mirror{animation-delay:80ms}.objective{border:2px solid var(--ink);background:var(--surface);box-shadow:0 3px 0 var(--ink);animation:pop .5s var(--ease-back) .2s both;border-radius:999px;justify-content:center;align-self:center;align-items:center;gap:8px;padding:5px 14px;font-weight:800;display:flex}.opp{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:16px;font-size:12px;font-weight:600;display:flex}.opp-shape{color:var(--ink)}.status{text-align:center;width:100%;color:var(--ink);font-weight:800}.board-wrap{min-height:0;animation:boardIn .6s var(--ease-back) .1s both;flex:1;justify-content:center;align-items:center;display:flex}@keyframes boardIn{0%{opacity:0;transform:scale(.85)rotate(-2deg)}to{opacity:1;transform:none}}.board{touch-action:none;box-shadow:0 0 0 2.5px var(--ink), 0 6px 0 var(--ink), var(--shadow-md);border-radius:14px;display:block}.view-first .board{image-rendering:pixelated}.controls{touch-action:none;-webkit-user-select:none;user-select:none;animation:rUp .5s var(--ease-out) .25s both;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:6px;display:flex}.controls.solo{justify-content:center}.dpad{grid-template-rows:repeat(3,64px);grid-template-columns:repeat(3,64px);gap:5px;display:grid}.dpad .up{grid-area:1/2}.dpad .left{grid-area:2/1}.dpad .right{grid-area:2/3}.dpad .down{grid-area:3/2}.ctl{color:#111;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:linear-gradient(#fff,#ececec 60%,#dcdcdc);border:2px solid #111;border-radius:16px;justify-content:center;align-items:center;font-size:24px;transition:transform 60ms,box-shadow 60ms;display:flex;box-shadow:inset 0 -3px #00000014,0 5px #111}.ctl.pressed{color:#fff;background:linear-gradient(#2a2a2a,#000);border-color:#000;transform:translateY(4px);box-shadow:0 1px #000}.actions{flex-direction:column;gap:14px;display:flex}.ctl.act{width:80px;height:80px;font-size:28px;font-family:var(--display);border-radius:50%}.sheet{z-index:20;justify-content:center;display:flex;position:fixed;inset:auto 0 0}.sheet-body{background:var(--surface);border:2px solid var(--ink);width:100%;max-width:440px;padding:16px 16px calc(var(--sa-b) + 16px);max-height:calc(var(--app-h) * .6);animation:sheetUp .35s var(--ease-out) both;border-bottom:0;border-radius:24px 24px 0 0;overflow-y:auto;box-shadow:0 -10px 34px #0003}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}.hint{border-bottom:1px solid var(--line);animation:rise .4s var(--ease-back) both;padding:10px 0}.hint strong{font-family:var(--display);font-size:18px;font-weight:400}.hint-long{white-space:pre-line;color:var(--muted)}.end-overlay{z-index:40;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.end-overlay .rays{opacity:.8}.end-overlay.lose{background:radial-gradient(circle,#0003,#000000a6)}.end-overlay.win{background:radial-gradient(circle,#00000059,#000000bf)}.end-word{font-family:var(--display);color:#fff;-webkit-text-stroke:3px #000;paint-order:stroke fill;text-shadow:0 6px #000,0 0 30px #fff9;letter-spacing:.03em;font-size:62px;animation:.5s cubic-bezier(.2,1.7,.4,1) both vsSlam}.end-overlay.lose .end-word{animation:.6s cubic-bezier(.3,1.5,.5,1) both dropIn}@keyframes dropIn{0%{opacity:0;transform:translateY(-120px)}to{opacity:1;transform:none}}.result{gap:14px;position:relative;overflow:hidden}.result-hero{isolation:isolate;color:#fff;text-align:center;box-shadow:0 6px 0 #000, var(--shadow-lg);background:radial-gradient(120% 120% at 50% 0,#3c3c3c,#080808 62%);border:2px solid #000;border-radius:26px;padding:22px 14px 18px;position:relative;overflow:hidden}.result-hero .rays{opacity:.55}.result-crown{animation:pop .6s var(--ease-back) .3s both;place-items:center;display:grid}.result-crown svg{filter:drop-shadow(0 3px #000)drop-shadow(0 0 16px #ffffff80)}.ribbon{font-family:var(--display);letter-spacing:.04em;color:#111;text-shadow:none;background:#fff;border:2.5px solid #000;margin:8px auto 6px;padding:8px 34px;font-size:38px;animation:.6s cubic-bezier(.2,1.6,.4,1) .1s both ribbonIn;display:inline-block;position:relative;box-shadow:0 5px #000}.ribbon:before,.ribbon:after{content:"";z-index:-1;background:#bdbdbd;border:2.5px solid #000;width:26px;height:100%;position:absolute;top:10px}.ribbon:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,40% 50%);left:-18px}.ribbon:after{clip-path:polygon(0 0,100% 0,60% 50%,100% 100%,0 100%);right:-18px}.ribbon.dark{color:#fff;background:#111}@keyframes ribbonIn{0%{opacity:0;transform:scale(2.2)rotate(-6deg)}to{opacity:1;transform:none}}.result-sub{color:#cfcfcf;margin-top:4px;font-size:14px;animation:.4s .5s both rFade}.result-duo{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.result-duo .bnr{animation:rise .5s var(--ease-back) both}.result-duo .bnr:nth-child(2){animation-delay:.1s}.result-duo .winner{box-shadow:0 0 0 2px #000,0 0 0 4px #fff,0 6px #000}.result-duo .loser{opacity:.62;filter:grayscale()brightness(.85)}.reward-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.reward{border:2px solid var(--ink);background:var(--surface);box-shadow:0 4px 0 var(--ink);border-radius:18px;padding:12px}.reward .k{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.reward .v{font-family:var(--display);font-size:28px;line-height:1.1}.reward .xpbar{background:var(--soft);border-color:var(--ink);height:14px;margin-top:8px}.reward .xpbar>i{background:linear-gradient(#3a3a3a,#000)}.levelup{z-index:85;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.levelup .box{text-align:center;color:#fff;animation:pop .6s var(--ease-back) both}.levelup .lvl{--s:120px;filter:drop-shadow(0 6px #000)drop-shadow(0 0 26px #fff9);margin:0 auto}.levelup .t{font-family:var(--display);-webkit-text-stroke:3px #000;paint-order:stroke fill;text-shadow:0 5px #000;font-size:40px}.levelup-bg{z-index:84;background:#000000b3;animation:.25s both rFade;position:fixed;inset:0;overflow:hidden}.badge-unlock{align-items:center;gap:12px;display:flex}.badge-unlock .medal{--s:56px;animation:pop .6s var(--ease-back) both}.overlay{z-index:50;background:#00000073;justify-content:center;align-items:center;padding:24px;animation:.2s both rFade;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border:2px solid var(--ink);width:100%;max-width:360px;box-shadow:0 6px 0 var(--ink), var(--shadow-lg);animation:pop .35s var(--ease-back) both;border-radius:22px;padding:18px}.dialog .row{justify-content:flex-end;gap:10px;display:flex}.toast{left:50%;bottom:calc(var(--sa-b) + 100px);max-width:min(calc(var(--app-w) * .92), 400px);color:#fff;z-index:60;animation:toastIn .4s var(--ease-back) both;background:linear-gradient(#2a2a2a,#050505);border:2px solid #000;border-radius:14px;padding:11px 16px;font-size:14px;font-weight:600;transition:opacity .3s,transform .3s;position:fixed;transform:translate(-50%);box-shadow:0 4px #000}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,20px)scale(.9)}to{opacity:1;transform:translate(-50%)}}.toast.out{opacity:0;transform:translate(-50%,10px)}.spinner{border:5px solid var(--line);border-top-color:var(--ink);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}.prep{position:relative}.prep-back{top:calc(var(--sa-t) + 8px);left:calc(var(--sa-l) + 8px);z-index:2;position:absolute}.joystick{touch-action:none;background:radial-gradient(circle at 50% 40%,#fafafa,#d8d8d8);border:2px solid #111;border-radius:50%;flex:none;width:134px;height:134px;position:relative;box-shadow:inset 0 4px 10px #00000026,0 5px #111}.joystick .knob{pointer-events:none;background:radial-gradient(circle at 35% 30%,#555,#0b0b0b 65%);border:2px solid #000;border-radius:50%;width:58px;height:58px;margin:-29px 0 0 -29px;transition:transform 60ms;position:absolute;top:50%;left:50%;box-shadow:0 5px #000,inset 0 2px #ffffff40}.halves{flex:1;gap:10px;display:flex}.ctl.half{border-radius:20px;flex:1;height:110px;font-size:30px}.ctl.gauge{position:relative;overflow:hidden}.gauge-fill{opacity:.35;pointer-events:none;background:#000;height:0%;position:absolute;bottom:0;left:0;right:0}.gauge-label{position:relative}.surface-hint{color:var(--muted);text-align:center;width:100%;font-size:13px}.controls.invisible{min-height:8px;padding:0}.free-gestures{touch-action:none;-webkit-user-select:none;user-select:none}.free-gestures .board-wrap{flex:1}.gesture-layer{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.gesture-dot{border:2px solid var(--ink);background:var(--surface);border-radius:17px;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0 6px;font-size:13px;animation:.45s ease-out forwards gdot;display:flex;position:absolute;transform:translate(-50%,-50%)}@keyframes gdot{0%{opacity:1;transform:translate(-50%,-50%)scale(.7)}to{opacity:0;transform:translate(-50%,-50%)scale(1.4)}}.press-gauge{border:3px solid var(--ink);pointer-events:none;z-index:30;opacity:0;border-radius:50%;width:64px;height:64px;margin:-32px 0 0 -32px;animation:1s linear .35s forwards pgauge;position:fixed}@keyframes pgauge{0%{opacity:.2;transform:scale(.4)}to{opacity:.9;transform:scale(1)}}.frame-note{color:var(--muted)}.badge{align-items:center;gap:6px;display:inline-flex}.badge.empty{color:var(--muted)}.badge-name{font-size:12px;font-weight:700}[data-reduced-motion] *,[data-reduced-motion] :before,[data-reduced-motion] :after{transition-duration:0s!important;animation-duration:0s!important;animation-delay:0s!important}@media (prefers-reduced-motion:reduce){:root:not([data-full-motion]) *,:root:not([data-full-motion]) :before,:root:not([data-full-motion]) :after{transition-duration:0s!important;animation-duration:0s!important;animation-delay:0s!important}}@media (max-height:700px){.dpad{grid-template-rows:repeat(3,54px);grid-template-columns:repeat(3,54px)}.ctl.act{width:66px;height:66px}.battle-btn{min-height:64px;font-size:30px}.vs-word{font-size:84px}.vs-center{height:120px}}.choice{border:2px solid var(--ink);background:var(--soft);border-radius:16px;gap:4px;padding:4px;display:flex}.choice-b{min-height:42px;font-family:var(--display);color:var(--muted);transition:background .2s, color .2s, transform .2s var(--ease-back);background:0 0;border:0;border-radius:12px;flex:1;font-size:17px}.choice-b.on{background:var(--ink);color:var(--inverse);box-shadow:0 3px #00000059}.choice-b:active{transform:scale(.96)}.choice-note{margin:2px 2px 0}html.framed{--app-h:844px;--app-w:390px;--sa-t:47px;--sa-b:34px;--sa-l:0px;--sa-r:0px;height:100%;overflow:hidden}html.framed body{background:radial-gradient(55% 75% at 60% 50%, color-mix(in srgb, var(--surface) 75%, transparent), transparent 72%), radial-gradient(#00000012 1px, transparent 1.3px) 0 0 / 18px 18px, var(--bg);height:100%;overflow:hidden}.desk{justify-content:center;align-items:center;gap:clamp(32px,6vw,96px);height:100%;padding:24px;display:flex}.device-box{width:calc(418px * var(--k,1));height:calc(872px * var(--k,1));flex:none;position:relative}.device{width:418px;height:872px;transform:scale(var(--k,1));transform-origin:0 0;animation:deviceIn .7s var(--ease-back) backwards;background:linear-gradient(150deg,#4a4a4a,#161616 22%,#0a0a0a 60%,#2b2b2b 85%,#0d0d0d);border-radius:68px;padding:14px;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1.5px #ffffff3d,inset 0 0 0 5px #050505,inset 0 0 0 6.5px #ffffff12,0 0 0 1px #ffffff14,0 50px 90px -20px #0000008c,0 18px 36px #00000047}@keyframes deviceIn{0%{opacity:0;transform:translateY(30px) scale(calc(var(--k,1) * .95))}}.device-screen{isolation:isolate;background:var(--bg);-webkit-user-select:none;user-select:none;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='11' fill='rgba(120,120,120,.30)' stroke='%23fff' stroke-width='2'/%3E%3Ccircle cx='15' cy='15' r='12.5' fill='none' stroke='rgba(0,0,0,.5)' stroke-width='1'/%3E%3C/svg%3E") 15 15,pointer;background-image:radial-gradient(#0000000d 1px,#0000 1.2px);background-size:14px 14px;border-radius:54px;width:390px;height:844px;position:relative;overflow:hidden;transform:translateZ(0)}.device-screen *{cursor:inherit}.device-screen input,.device-screen textarea{-webkit-user-select:text;user-select:text;cursor:text}html.framed #app{overscroll-behavior:contain;scrollbar-width:none;max-width:none;height:100%;min-height:0;margin:0;overflow:hidden auto}html.framed #app::-webkit-scrollbar{display:none}.dev-island{z-index:1000;pointer-events:none;background:#000;border-radius:20px;width:124px;height:36px;margin-left:-62px;position:absolute;top:11px;left:50%}.dev-status{z-index:1001;color:#fff;mix-blend-mode:difference;pointer-events:none;height:52px;font:600 16px/1 -apple-system, BlinkMacSystemFont, var(--text);justify-content:space-between;align-items:center;padding:2px 32px 0 52px;display:flex;position:absolute;top:0;left:0;right:0}.dev-icons{align-items:center;gap:6px;display:flex}.dev-home{z-index:1001;mix-blend-mode:difference;pointer-events:none;background:#fff;border-radius:3px;width:136px;height:5px;margin-left:-68px;position:absolute;bottom:8px;left:50%}.dev-btn{background:linear-gradient(90deg,#2d2d2d,#0a0a0a);border-radius:3px 0 0 3px;width:5px;position:absolute;left:-4px}.dev-btn.action{height:34px;top:150px}.dev-btn.vol-up{height:62px;top:212px}.dev-btn.vol-down{height:62px;top:290px}.dev-btn.power{background:linear-gradient(270deg,#2d2d2d,#0a0a0a);border-radius:0 3px 3px 0;height:100px;top:250px;left:auto;right:-4px}.desk-info{width:330px;color:var(--ink);animation:rise .6s var(--ease-out) both .2s;flex:none}.desk-brand{align-items:center;gap:14px;display:flex}.desk-brand img{border-radius:14px;box-shadow:0 5px #00000059}.desk-name{font-family:var(--display);font-size:46px;line-height:1}.desk-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap;margin-top:4px;font-size:11px;font-weight:800}.desk-lead{color:var(--ink2);margin:18px 0;font-size:15px}.desk-card{border:2px solid var(--ink);background:var(--surface);box-shadow:0 5px 0 var(--ink);border-radius:20px;margin-bottom:18px;padding:14px 16px}.desk-card h3{font-family:var(--display);align-items:center;gap:8px;margin:0 0 8px;font-size:20px;font-weight:400;display:flex}.desk-card ul{margin:0;padding-left:18px;font-size:14px;line-height:1.7}kbd{border:1.5px solid var(--ink);min-width:22px;font:700 12px/1.5 var(--text);text-align:center;background:var(--soft);border-bottom-width:3px;border-radius:6px;padding:0 6px;display:inline-block}.desk-qr{border:2px solid var(--ink);width:150px;height:150px;animation:rise .5s var(--ease-back) both;background:#fff;border-radius:16px;margin:4px auto 12px;padding:10px}.desk-qr svg{width:100%;height:100%;display:block}.desk-url{border:1.5px dashed var(--muted);border-radius:12px;align-items:center;gap:8px;padding:6px 6px 6px 10px;font-size:13px;font-weight:600;display:flex}.desk-url span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.desk-copy{border:2px solid var(--ink);background:var(--ink);color:var(--inverse);border-radius:10px;flex:none;padding:6px 10px;font-size:12px;font-weight:800;box-shadow:0 3px #0000004d}.desk-copy:active{box-shadow:none;transform:translateY(2px)}.desk-note{color:var(--muted);margin:8px 0 0;font-size:12px}.desk-warn{border-left:4px solid var(--ink);background:var(--surface);border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600}@media (max-width:999px){.desk-info{display:none}}