:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07101c;--ink:#f3f1ea;--muted:#c9d4e5;--gold:#e8c56b;--line:#c8dcff38;--fire:#ff6b35;--water:#4cc9f0;--air:#d8f3ff;--earth:#8bd46e;--death:#c084fc;--arena-chrome:3.4rem;--arena-foot:6.2rem;--field-chrome:2.6rem;--card-size:clamp(56px, calc((100vh - var(--arena-chrome) - var(--arena-foot) - var(--field-chrome)) / 5), 120px);background:var(--bg);color:var(--ink);font-family:Nunito Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;max-height:100%;margin:0}html,body{overflow:hidden}#app{--card-size:clamp(56px, calc((100cqh - var(--arena-chrome) - var(--arena-foot) - var(--field-chrome)) / 5), 120px);overflow:auto;container-type:size}#app:has(.arena-wrap){overflow:hidden}body{overscroll-behavior:none;background:linear-gradient(#060c169e,#060c16c7),url(/art/thumbs/bg-nebula.jpg) 50%/cover fixed}img{max-width:100%;display:block}button{font:inherit;cursor:pointer;color:inherit}.btn{border:1px solid var(--line);background:#08101cbf;border-radius:8px;padding:.55rem 1rem}.btn.primary{color:#23180a;background:linear-gradient(#f0d592,#c9a14a);border:none;font-weight:800}.btn.ghost{background:0 0}.btn:disabled{opacity:.4;cursor:not-allowed}.shell{max-width:1100px;margin:0 auto;padding:1rem}.hero,.rules{text-align:center}.hero h1,.rules h1,.overlay-card h2{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:.2rem 0 .5rem;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2.6rem,7vw,4.6rem)}.eyebrow{color:var(--gold);letter-spacing:.26em;text-transform:uppercase;font-size:.72rem}.lede,.rules li{color:var(--muted);line-height:1.5}.paths{flex-direction:column;align-items:stretch;width:100%;display:flex}.paths h2{text-align:center;font-family:Cormorant Garamond,Georgia,serif}.path-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:.7rem;width:100%;display:grid}.path-card{text-align:left;border:1px solid var(--line);height:100%;min-height:0;color:inherit;background:#060c16d1;border-radius:12px;grid-template-rows:auto 1fr;align-content:start;padding:0;display:grid;overflow:hidden}.path-art{aspect-ratio:3/4;object-fit:cover;object-position:center top;background:#05080f;width:100%;height:auto;display:block}.path-body{flex-direction:column;gap:.2rem;min-height:8.25rem;padding:.65rem .75rem .9rem;display:flex}.path-veil{letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;display:block}.path-card strong{font-size:1rem;line-height:1.2;display:block}.path-blurb{color:var(--muted);min-height:4.05em;max-height:4.05em;margin-top:.15rem;font-size:.82rem;line-height:1.35;display:block;overflow:hidden}.path-card.is-on{outline:2px solid var(--gold)}.title-actions{justify-content:center;gap:.7rem;margin-top:1rem;display:flex}.shell-nav{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#060a12f5 55%,#060a12b8);border-bottom:1px solid #b4a0642e;justify-content:space-between;align-items:center;gap:.75rem;margin:0 0 .85rem;padding:.35rem 0 .55rem;display:flex;position:sticky;top:0}.shell-nav-brand{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:1.15rem}.shell-nav-actions{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.shell-nav-actions .btn{width:auto;min-width:0;padding:.4rem .85rem}.mode-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;margin:1.2rem 0 .4rem;display:grid}.mode-card{text-align:left;border:1px solid var(--line);color:inherit;background:#060c16d1;border-radius:14px;padding:1.1rem 1.15rem 1.2rem}.mode-card .tag{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:.45rem;font-size:.68rem;display:block}.mode-card strong{font-size:1.15rem;display:block}.mode-card p{color:var(--muted);margin:.45rem 0 0;font-size:.9rem;line-height:1.4}.mode-card:hover{border-color:var(--gold)}.api-banner{text-align:left;width:min(100%,42rem);color:inherit;background:#30100ec7;border:1px solid #ff8c788c;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:.85rem 1rem;margin:0 auto 1.2rem;padding:.95rem 1.1rem;display:grid}.api-banner-copy{gap:.25rem;min-width:0;display:grid}.api-banner-copy strong{font-size:1.05rem;line-height:1.2}.api-banner-copy p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.4}.api-banner .btn{white-space:nowrap;width:auto;min-width:7.5rem}@media (width<=640px){.api-banner{text-align:center;grid-template-columns:1fr}.api-banner-copy{justify-items:center}.api-banner .btn{width:100%}}.age-shell .age-actions{justify-content:center;width:min(100%,22rem);margin:1.25rem auto 0;display:flex}.age-shell .age-actions .btn{width:100%}.privacy-card{text-align:left;border:1px solid var(--line);background:#060c16b8;border-radius:14px;max-width:min(40rem,100%);margin:1.5rem auto 0;padding:1.1rem 1.2rem 1.2rem}.privacy-card h2{margin:0 0 .45rem;font-size:1.15rem}.privacy-card p{color:var(--muted);margin:0 0 .65rem;line-height:1.4}.privacy-card .btn{width:auto}.skins-shell{max-width:min(1100px,100vw - 2rem)}.skins-tabs{flex-wrap:wrap;justify-content:center;gap:.4rem;margin:.4rem 0 1rem;display:flex}.skins-error{color:#ffb4a8;text-align:center}.skins-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem;display:grid}.skin-card{text-align:left;border:1px solid var(--line);color:inherit;background:#060c16d1;border-radius:14px;grid-template-rows:auto 1fr;display:grid;overflow:hidden}.skin-card.is-focus{outline:2px solid #e8c56b8c}.skin-card.is-active{border-color:var(--gold)}.skin-preview{background:#04080eb3;grid-template-columns:1.1fr .9fr;gap:.35rem;padding:.65rem;display:grid}.skin-preview-portrait,.skin-preview-card{aspect-ratio:3/4;object-fit:cover;object-position:center top;background:#05080f;border-radius:8px;width:100%}.skin-body{flex-direction:column;gap:.35rem;padding:.85rem .95rem 1rem;display:flex}.skin-body strong{font-size:1.05rem}.skin-body p{color:var(--muted);min-height:2.8em;margin:0;font-size:.88rem;line-height:1.4}.skin-badge{letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line);width:fit-content;color:var(--muted);border-radius:999px;padding:.18rem .45rem;font-size:.68rem;display:inline-block}.skin-badge.is-active{border-color:var(--gold);color:var(--gold);background:#b48c3c29}.skin-badge.is-owned{color:var(--earth);border-color:#8bd46e73}.skin-badge.is-free{color:var(--water);border-color:#4cc9f066}.skin-price{color:var(--gold);align-items:center;gap:.35rem;font-size:.9rem;font-weight:700;display:inline-flex}.skin-price img{width:1rem;height:1rem}.skin-actions{flex-wrap:wrap;gap:.4rem;margin-top:.35rem;display:flex}.skin-actions .btn{width:auto;min-width:0;padding:.4rem .75rem}.skins-filter{flex-wrap:wrap;justify-content:center;gap:.35rem;margin:0 0 .9rem;display:flex}.skins-cards-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:.65rem;display:grid}.skin-card-tile{text-align:left;border:1px solid var(--line);color:inherit;background:#060c16d1;border-radius:12px;gap:.3rem;padding:.45rem;display:grid}.skin-card-tile img{aspect-ratio:3/4;object-fit:cover;background:#05080f;border-radius:8px;width:100%}.skin-card-tile strong{font-size:.82rem;line-height:1.2}.skin-card-tile span{color:var(--muted);font-size:.72rem;line-height:1.25}.skin-card-tile:hover{border-color:var(--gold)}.skins-mage-grid{margin-top:.2rem}.skins-promo{text-align:left;cursor:pointer;width:min(100%,42rem);color:inherit;background:linear-gradient(135deg,#48300cb8,#121c30e0 55%,#0a101ceb),radial-gradient(at 12% 20%,#e8c56b38,#0000 55%);border:1px solid #e8c56b8c;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:1rem 1.25rem;margin:0 auto 1.35rem;padding:1.15rem 1.35rem;transition:border-color .15s,transform .15s,box-shadow .15s;display:grid;box-shadow:0 0 0 1px #e8c56b1f,0 12px 32px #00000047}.skins-promo:hover,.skins-promo:focus-visible{border-color:var(--gold);outline:none;transform:translateY(-1px);box-shadow:0 0 0 1px #e8c56b47,0 16px 36px #00000057}.skins-promo-copy{gap:.28rem;min-width:0;display:grid}.skins-promo-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0;font-size:.72rem}.skins-promo-copy strong{font-size:clamp(1.2rem,2.6vw,1.55rem);line-height:1.15}.skins-promo-copy p:not(.skins-promo-kicker){color:var(--muted);margin:0;font-size:.95rem;line-height:1.45}.skins-promo-btn{white-space:nowrap;pointer-events:none;width:auto;min-width:9.5rem}.skins-promo.is-compact{gap:.75rem 1rem;width:min(100%,36rem);margin-bottom:1rem;padding:.85rem 1rem}.skins-promo.is-compact .skins-promo-copy strong{font-size:1.1rem}.skins-promo.is-compact .skins-promo-copy p:not(.skins-promo-kicker){font-size:.86rem}.skins-promo.is-compact .skins-promo-btn{min-width:0;padding:.4rem .75rem;font-size:.88rem}.mode-grid+.skins-promo,.paths+.skins-promo{margin-top:1.35rem;margin-bottom:0}.lobby-side>.skins-promo{box-sizing:border-box;text-align:left;grid-template-columns:1fr;width:100%;margin:0}.lobby-side>.skins-promo .skins-promo-copy{justify-items:start}.lobby-side>.skins-promo .skins-promo-btn{width:100%}@media (width<=640px){.skins-promo{text-align:center;grid-template-columns:1fr}.skins-promo-copy{justify-items:center}.skins-promo-btn{width:100%}}.lobby-shell{width:100%;max-width:min(1180px,100vw - 2rem)}.lobby-layout{text-align:left;grid-template-columns:minmax(28rem,1.8fr) minmax(18rem,20rem);gap:1rem;margin-top:1.2rem;display:grid}.lobby-resume{border:1px solid var(--gold);text-align:left;background:#2a1c088c;border-radius:14px;margin:0 0 1rem;padding:.95rem 1.1rem 1.05rem}.lobby-resume h2{margin:.15rem 0 .35rem;font-size:1.15rem}.lobby-resume p{color:var(--muted);margin:0 0 .75rem;font-size:.88rem}.lobby-resume .btn{width:auto}.lobby-card{border:1px solid var(--line);background:#060c16d1;border-radius:14px;min-width:0;padding:1.1rem 1.15rem 1.2rem}.lobby-card-tables{overflow:hidden}.lobby-card h2{margin:0 0 .35rem;font-size:1.05rem}.lobby-hint,.lobby-note,.lobby-wait{color:var(--muted);margin:0 0 .85rem;font-size:.88rem;line-height:1.4}.lobby-filters{gap:.55rem;margin:.55rem 0 .75rem;display:grid}.lobby-filter-tabs{flex-wrap:wrap;gap:.35rem;display:flex}.lobby-chip{letter-spacing:.04em;text-transform:uppercase;width:auto;padding:.35rem .7rem;font-size:.78rem}.lobby-chip.is-on{border-color:var(--gold);color:var(--gold);background:#b48c3c24}.lobby-filter-veil{margin:0}.lobby-check{color:var(--muted);align-items:center;gap:.45rem;font-size:.86rem;display:flex}.lobby-meta-list{gap:.4rem;max-height:180px;margin:.35rem 0 0;padding:0;list-style:none;display:grid;overflow:auto}.lobby-meta-row{border:1px solid var(--line);background:#050a128c;border-radius:8px;gap:.1rem;padding:.45rem .55rem;display:grid}.lobby-meta-row strong{font-size:.88rem}.lobby-meta-row span{color:var(--muted);font-size:.78rem}.lobby-meta-row.is-win strong{color:#8fd48f}.lobby-meta-row.is-loss strong{color:#f0a0a0}.lobby-meta-row .lobby-mini,.lobby-meta-row .lobby-meta-btn{margin-top:.35rem;width:auto!important}button.lobby-meta-btn{text-align:left;width:100%;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;gap:.1rem;padding:0;display:grid}.lobby-mini{min-width:0;width:auto!important;padding:.28rem .55rem!important;font-size:.78rem!important}.lobby-inline-actions{flex-wrap:wrap;gap:.45rem;display:flex}.lobby-inline-actions .btn{flex:1;width:auto}.lobby-subhead{margin:1.1rem 0 .35rem;font-size:1.05rem}.lobby-invite-card{text-align:left;margin-top:1rem}.replay-bar{align-items:center;gap:.35rem;display:inline-flex}.replay-bar .btn{width:auto;min-width:2.2rem;padding:.35rem .55rem}.replay-pos{text-align:center;min-width:4.5rem;color:var(--muted);font-size:.82rem}.arena-wrap.is-watching .btn-end-turn{display:none}.lobby-rating b{font-family:Cormorant Garamond,Georgia,serif;font-size:1.2rem}.rating-delta{letter-spacing:.06em;margin:.35rem 0 .8rem;font-size:1.05rem}.rating-delta.is-up{color:#8fd48f}.rating-delta.is-down{color:#f0a0a0}.lobby-note,.lobby-rules{text-align:center;color:var(--muted);margin:.7rem 0 0;font-size:.88rem}.lobby-timer{text-align:center;color:var(--gold);letter-spacing:.04em;margin:.55rem 0 0;font-size:.95rem}.lobby-timer b{font-family:Cormorant Garamond,Georgia,serif;font-size:1.25rem}.lobby-ready-chip{border:1px solid var(--line);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;border-radius:999px;margin-left:.45rem;padding:.1rem .4rem;font-size:.68rem;display:inline-block}.lobby-ready-chip.is-on{color:#8fd48f;background:#508c5a29;border-color:#8fd48f}.lobby-seat.is-ready{border-color:color-mix(in srgb, #8fd48f 55%, var(--line))}.lobby-dice{text-align:center;margin:1rem 0}.dice-row{justify-content:center;gap:1.5rem;margin:.8rem 0 1rem;display:flex}.dice-seat{gap:.35rem;min-width:5rem;display:grid}.dice-seat span{color:var(--muted);font-size:.85rem}.dice-face{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 80%, #000);width:3.2rem;height:3.2rem;color:var(--gold);border-radius:10px;place-items:center;margin:0 auto;font-family:Cormorant Garamond,Georgia,serif;font-size:1.6rem;display:grid}.ratings-layout{grid-template-columns:1.1fr 1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.ratings-stats .lobby-subhead{margin:1rem 0 .4rem;font-size:.95rem}.stats-summary{margin-bottom:.25rem}.ratings-rank{color:var(--gold);margin-right:.35rem}.lobby-ladder-preview{max-height:14rem;margin-top:.75rem;overflow:auto}.lobby-tables{gap:.55rem;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.lobby-row{border:1px solid var(--line);background:#08101c8c;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.75rem .85rem;display:grid}.lobby-row-body{min-width:0}.lobby-row strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.lobby-row-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;line-height:1.35;display:block;overflow:hidden}.lobby-sit{white-space:nowrap;flex:none;min-width:6.6rem;width:auto!important}.lobby-empty{color:var(--muted);padding:.6rem .2rem .2rem}.lobby-label{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:.55rem 0 .35rem;font-size:.72rem;display:block}.lobby-side .btn{width:100%}.lobby-side{align-content:start;gap:1rem;display:grid}.lobby-side .lobby-inline-actions .btn,.lobby-side .lobby-mini,.lobby-side .lobby-meta-btn{width:auto}.lobby-codebox{border:1px solid var(--line);background:#060c16d1;border-radius:14px;max-width:28rem;margin:1.1rem auto 0;padding:1rem 1.1rem 1.15rem}.lobby-bottom-row{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:stretch;gap:.85rem;margin-top:1.1rem;display:grid}.lobby-bottom-row.is-code-only{grid-template-columns:1fr;max-width:28rem;margin-left:auto;margin-right:auto}.lobby-bottom-row .lobby-invite-card{min-height:0;margin:0}.lobby-bottom-row .lobby-codebox{text-align:center;flex-direction:column;justify-content:center;max-width:none;margin:0;display:flex}.paths-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.55rem;width:100%;margin-top:1.25rem;display:flex}.paths-actions .btn{flex:none;width:auto;min-width:10rem}.paths-actions .lobby-wait{margin:0}.kickoff-card{text-align:center;gap:.85rem;min-width:min(92vw,420px)}.kickoff-dice{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.kickoff-die{border:1px solid var(--line);background:#060c16b3;border-radius:12px;justify-items:center;gap:.45rem;padding:.7rem .5rem;display:grid}.kickoff-die span{color:var(--muted);font-size:.85rem}.kickoff-face{color:#23180a;background:linear-gradient(160deg,#f0d592,#c9a14a);border-radius:14px;place-items:center;width:4.2rem;height:4.2rem;font-size:2rem;font-weight:800;display:grid;box-shadow:0 8px 22px #00000059}.kickoff-face.is-rolling{filter:blur(1px);animation:.45s linear infinite kickoff-roll}@keyframes kickoff-roll{0%{transform:rotateX(0)scale(.92)}50%{transform:rotateX(180deg)scale(1.06)}to{transform:rotateX(360deg)scale(.92)}}.kickoff-order{color:var(--ink);margin:0}.kickoff-count{color:var(--gold);letter-spacing:.04em;margin:0;font-size:1.15rem}.lobby-code-label{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0;font-size:.72rem}.lobby-code-xl{letter-spacing:.22em;color:var(--gold);margin:.2rem 0 .7rem;font-size:clamp(2rem,8vw,2.8rem)}.lobby-seats{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:.8rem;margin:1.1rem 0 .4rem;display:grid}.lobby-vs{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;align-self:center;margin:0;font-size:.72rem}.lobby-seat{border:1px solid var(--line);text-align:center;background:#060c16d1;border-radius:14px;justify-items:center;gap:.35rem;padding:.9rem .7rem 1rem;display:grid}.lobby-seat img{width:4.4rem;height:auto}.lobby-seat-gap{border:1px dashed var(--line);border-radius:8px;width:4.4rem;height:5.6rem;display:block}.lobby-seat.is-mine{outline:2px solid var(--gold)}.lobby-seat.is-empty strong{color:var(--muted)}.lobby-seat span{color:var(--muted);font-size:.82rem}.lobby-paths{margin-top:.8rem}.lobby-paths h2{font-size:1.05rem}.lobby-wait{align-self:center;margin:0}.lobby-error{z-index:5;color:#f0a0a0;text-align:center;background:#300e12eb;border:1px solid #f0a0a059;border-radius:10px;margin:.35rem 0 0;padding:.65rem .9rem;font-weight:600;position:sticky;top:.4rem}.lobby-input{box-sizing:border-box;border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);font:inherit;background:#08101cbf;border-radius:8px;padding:.7rem .75rem}.lobby-input.is-code{letter-spacing:.16em;text-transform:uppercase}.lobby-modal-back{z-index:20;background:#040810b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.lobby-modal{text-align:left;border:1px solid var(--line);background:#080e1af5;border-radius:16px;width:min(720px,100%);max-height:min(90dvh,820px);padding:1.2rem 1.2rem 1.3rem;overflow:auto}.lobby-modal h2{margin:.2rem 0 .35rem}.lobby-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1rem;margin:1rem 0 1.1rem;display:grid}.lobby-field{gap:.35rem;min-width:0;display:grid}.lobby-field span{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-size:.72rem}.lobby-field em{color:var(--muted);font-size:.78rem;font-style:normal}.lobby-modal-actions{justify-content:flex-end;gap:.7rem;display:flex}.lobby-modal-actions .btn{min-width:8rem}.rules{text-align:left;max-width:680px;margin:2rem auto}.rules ul{padding-left:1.1rem}.arena-wrap{grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.arena-chrome,.arena,.arena-foot{z-index:1;position:relative}.storm{pointer-events:none;z-index:0;grid-area:1/1/-1;position:absolute;inset:0;overflow:hidden}.storm-sky{background:radial-gradient(90% 55% at 18% -10%,#1c2648b8,#0000 58%),radial-gradient(80% 50% at 88% 0,#080c1cc7,#0000 52%),radial-gradient(70% 40% at 50% 100%,#04081273,#0000 60%);animation:22s ease-in-out infinite alternate storm-drift;position:absolute;inset:-25%}.storm-flash{opacity:0;pointer-events:none;position:absolute}.storm-from-top{background:radial-gradient(70% 80% at 42% 0,#e6f0ffd1,#0000 62%),linear-gradient(#b4c8ff47,#0000 70%);height:58%;animation:9s ease-in infinite storm-bolt;inset:0 0 auto}.storm-from-bottom{background:radial-gradient(70% 80% at 58% 100%,#c8d6ffc7,#0000 62%),linear-gradient(#0000 30%,#a0beff3d);height:58%;animation:10.6s ease-in 2.4s infinite storm-bolt;inset:auto 0 0}.storm-from-left{background:radial-gradient(80% 70% at 0 46%,#ffffffb8,#0000 60%),linear-gradient(90deg,#bed2ff38,#0000 72%);width:55%;animation:12.2s ease-in 5s infinite storm-bolt;inset:0 auto 0 0}.storm-from-right{background:radial-gradient(80% 70% at 100% 38%,#dce6ffc2,#0000 60%),linear-gradient(270deg,#c8d7ff33,#0000 72%);width:55%;animation:11.4s ease-in 7.6s infinite storm-bolt;inset:0 0 0 auto}@keyframes storm-drift{0%{transform:translate(-3%)scale(1.05)}to{transform:translate(4%,2%)scale(1.12)}}@keyframes storm-bolt{0%,86%,to{opacity:0}87%{opacity:.95}88.2%{opacity:.08}89.4%{opacity:.72}91%{opacity:0}}.arena-chrome{border-bottom:1px solid var(--line);background:#050a12eb;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;padding:.5rem .8rem;display:flex}.arena-chrome .hint{color:var(--gold);flex:1;min-width:12rem;margin:0}.arena-wrap.is-waiting .arena-chrome .hint{color:var(--muted)}.turn-clock{font-variant-numeric:tabular-nums;letter-spacing:.06em;text-align:center;min-width:3.3rem;color:var(--muted);font-size:1.05rem;font-weight:800}.turn-clock.is-yours{color:var(--gold)}.turn-clock.is-urgent{color:#ff8a5b;animation:.7s ease-in-out infinite clock-urgent}@keyframes clock-urgent{0%,to{opacity:1}50%{opacity:.45}}.btn-end-turn{letter-spacing:.04em;min-width:9rem;font-weight:800}.arena-chrome.is-your-turn .btn-end-turn:not(:disabled){animation:1.8s ease-in-out infinite end-pulse}.arena-wrap.is-targeting .btn-end-turn{animation:none}@keyframes end-pulse{0%,to{box-shadow:0 0 #e8c56b80}50%{box-shadow:0 0 0 7px #e8c56b00}}.btn-end-turn-hand{display:none}.arena{grid-template-columns:minmax(280px,380px) minmax(280px,1fr) minmax(200px,320px);align-items:stretch;gap:.6rem;min-height:0;padding:.7rem .8rem 0;display:grid;overflow:hidden}.wing{border:1px solid var(--line);background:#050a128c;border-radius:12px;flex-direction:column;gap:.55rem;min-height:0;padding:.6rem;display:flex;overflow:hidden}.wing>.hud,.wing>.powers,.wing>.btn-end-turn-hand{flex-shrink:0}.wing>.hand-grid{flex:auto;min-height:0}.wing.is-active{border-width:3px;border-color:var(--gold);box-shadow:0 0 0 2px color-mix(in srgb, var(--gold) 50%, transparent), 0 0 28px #e8c56b47}.wing-you.is-active{background:#161a0ec7;border-width:4px;box-shadow:0 0 0 3px #e8c56b8c,0 0 36px #e8c56b6b}.wing-foe.is-active{background:#120e18c7}.turn-chip{letter-spacing:.12em;text-transform:uppercase;color:#1a1408;background:var(--gold);vertical-align:middle;border-radius:999px;margin-left:.35rem;padding:.08rem .42rem;font-size:.62rem;display:inline-block}.wing-foe.is-thinking .turn-chip{animation:1.1s ease-in-out infinite think-pulse}@keyframes think-pulse{0%,to{opacity:1}50%{opacity:.45}}.link-chip{letter-spacing:.08em;text-transform:uppercase;color:#ff8a5b;white-space:nowrap;font-size:.72rem}.link-chip.is-away{color:#c9a227}.turn-banner{z-index:5;pointer-events:none;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 28px #e8c56b8c;white-space:nowrap;grid-area:1/1/-1;place-items:center;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.8rem,5vw,3.1rem);animation:1.45s forwards turn-pop;display:grid;position:absolute;inset:0}.turn-banner.is-foe{color:#d5d8e4;text-shadow:0 0 22px #a0b4dc73}@keyframes turn-pop{0%{opacity:0;transform:scale(.72)}16%{opacity:1;transform:scale(1.06)}68%{opacity:1}to{opacity:0;transform:scale(1.12)}}.hud{align-items:center;gap:.65rem;display:flex}.portrait-wrap{flex-shrink:0;position:relative}.speech{z-index:4;border:1px solid var(--line);max-width:11rem;color:var(--ink);pointer-events:none;background:#151d2c;border-radius:8px;padding:.35rem .5rem;font-size:.78rem;line-height:1.25;animation:2.2s forwards speech-in;position:absolute;top:.15rem;left:calc(100% + .4rem);box-shadow:0 8px 18px #00000059}.wing-foe .speech{left:auto;right:calc(100% + .4rem)}@keyframes speech-in{0%{opacity:0;transform:translateY(6px)}12%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.vol-row{color:var(--muted);text-align:left;grid-template-columns:5.5rem 1fr;align-items:center;gap:.6rem;font-size:.82rem;display:grid}.vol-row input{width:100%;accent-color:var(--gold)}.emote-label{text-align:left;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:.2rem 0 0;font-size:.72rem}.emote-grid{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.emote-btn{width:100%;padding:.4rem .5rem;font-size:.82rem}.life-row{align-items:center;gap:15px;min-width:140px;margin-top:.35rem;display:flex}.life-row .lifebar{flex:auto;width:auto;min-width:0;margin-top:0}.emote-wrap{flex:none;position:relative}.emote-toggle{width:22px;height:22px;color:var(--gold);cursor:pointer;background:#08101cd1;border:1px solid #6c8099d9;border-radius:4px;place-items:center;padding:0;display:grid}.emote-toggle:hover,.emote-wrap.is-open .emote-toggle{border-color:var(--gold);background:#b48c3c38}.emote-icon-svg{width:13px;height:13px;display:block}.emote-drop{z-index:8;border:1px solid var(--line);background:#060c16f5;border-radius:10px;gap:.3rem;min-width:10.5rem;padding:.4rem;display:grid;position:absolute;top:calc(100% + .35rem);right:0;box-shadow:0 10px 28px #00000073}.emote-drop .emote-btn{white-space:nowrap;width:100%}.overlay-pause-card{min-width:min(92vw,380px)}.portrait{aspect-ratio:3/4;background:#000;border:2px solid;border-radius:8px;flex-shrink:0;width:72px;height:auto;padding:0;overflow:hidden;box-shadow:0 0 0 2px #3a2410,0 6px 16px #00000073}.portrait img{object-fit:contain;object-position:top;background:#05080f;width:100%;height:100%}.hud-text strong,.hud-text span{display:block}.hud-text span{color:var(--muted);font-size:.8rem}.lifebar{background:#1a2433;border:1px solid #6c8099;border-radius:4px;min-width:0;height:24px;margin-top:.35rem;position:relative;overflow:hidden}.lifebar i{background:linear-gradient(#6adf7a,#2f9e44);height:100%;display:block}.lifebar b{text-shadow:0 1px 2px #000;place-items:center;font-size:.9rem;display:grid;position:absolute;inset:0}.powers{gap:.28rem;display:grid}.power{border:1px solid color-mix(in srgb, currentColor 55%, transparent);text-align:left;background:#00000047;border-radius:6px;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .6rem;line-height:1;display:flex}.power span,.power b{margin:0;line-height:1}.power b{font-variant-numeric:tabular-nums;font-size:1.15rem}.power.is-on,.power.is-risen{background:color-mix(in srgb, currentColor 18%, transparent)}.power.is-on{outline:2px solid}.hand-grid{grid-template-columns:1fr 1fr;align-content:start;gap:.4rem;min-height:0;display:grid;overflow:hidden}.empty-hand{color:var(--muted);margin:0;font-size:.85rem}.tile{border:1px solid color-mix(in srgb, currentColor 50%, #fff 10%);background:#080c14e6;border-radius:8px;grid-template-rows:auto auto;justify-items:stretch;gap:.12rem;padding:0;display:grid;position:relative;overflow:hidden}.tile-face{display:block;position:relative}.tile-art{aspect-ratio:1;object-fit:contain;object-position:center;background:#05080f;width:100%;height:auto;max-height:min(7.5rem,18cqh)}.tile-name{text-align:center;padding:.15rem .3rem .3rem;font-size:.78rem;font-weight:700}.tile.is-dim{filter:grayscale(.7);opacity:.72}.tile.is-ready{box-shadow:0 0 0 1px color-mix(in srgb, currentColor 70%, #fff 10%), 0 0 14px color-mix(in srgb, currentColor 35%, transparent);animation:1.8s ease-in-out infinite ready-pulse}@keyframes ready-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}.tile.is-on{outline:2px solid #fff}.tile-lock{text-align:center;background:#000000b8;padding:.1rem .25rem;font-size:.68rem;position:absolute;bottom:2rem;left:6px;right:6px}.field{flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-height:0;padding-top:.1rem;display:flex;overflow:hidden}.turn-meta{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.78rem}.field-labels{grid-template-columns:var(--card-size) 18px var(--card-size);width:max-content;color:var(--muted);letter-spacing:.02em;text-transform:uppercase;gap:.35rem;font-size:.75rem;display:grid;overflow:visible}.field-labels span{white-space:nowrap}.lab-short{display:none}.field-labels span:last-child{text-align:left;justify-self:start;width:max-content}.row{grid-template-columns:var(--card-size) 18px var(--card-size);align-items:start;gap:.35rem;width:max-content;display:grid;position:relative;overflow:visible}.spear{color:var(--gold);min-height:var(--card-size);background:linear-gradient(#0000, var(--gold), #0000);border-radius:99px;place-items:center;font-size:.7rem;display:grid}.slot{width:var(--card-size);aspect-ratio:1;color:#9eb4d0;z-index:1;background:#0a183073;border:1px dashed #a0bee659;border-radius:8px;place-items:center;padding:0;display:grid;position:relative;overflow:visible}.slot.unit{color:#fff;background:#080c16;border-style:solid}.slot-art{object-fit:contain;object-position:center;background:#05080f;border-radius:8px;width:100%;height:100%}.mark{z-index:1;color:#fff;pointer-events:none;background:#060a12d1;border-radius:6px;align-items:center;gap:.2rem;min-width:1.45rem;height:1.45rem;padding:0 .35rem;font-size:.78rem;font-weight:800;line-height:1;display:flex;position:absolute}.mark.cost{color:#1a1206;background:#e8c56b;border-radius:50%;justify-content:center;width:1.45rem;padding:0;top:6px;right:6px}.mark.atk{color:#ffd18a;bottom:6px;left:6px}.mark.hp{color:#9be7a6;bottom:6px;right:6px}.mark-icon{flex:none;width:.85rem;height:.85rem}.mark b{font-size:.9rem}.slot.is-ghost{opacity:.7;border-style:dotted}.slot.is-look{outline:2px solid var(--gold)}.slot.is-target,.row.is-pick .slot-you.empty{outline:2px solid var(--gold);background:#e8c56b1f}.slot.is-lunge{z-index:8;animation:.5s ease-in-out lunge-you}.slot.slot-foe.is-lunge{animation-name:lunge-foe}@keyframes lunge-you{0%,to{transform:translate(0)}42%,58%{transform:translateX(calc(var(--card-size) * .5 + .7rem + 18px))}}@keyframes lunge-foe{0%,to{transform:translate(0)}42%,58%{transform:translateX(calc(var(--card-size) * -.5 - .7rem - 18px))}}.slot.is-hit,.portrait.is-hit{animation:.45s hit-flash}@keyframes hit-flash{0%,to{filter:none}35%{filter:brightness(1.85)saturate(1.2)}}.arena-foot{border-top:1px solid var(--line);background:#050a12eb;gap:.35rem;min-height:0;padding:.35rem .8rem .5rem;display:grid}.inspect{text-align:left;grid-template-columns:160px 1fr;align-items:start;gap:.9rem;min-width:min(92vw,440px);max-width:560px;display:grid}.inspect-art{aspect-ratio:1;object-fit:contain;background:#05080f;border-radius:8px;width:100%;height:auto}.inspect-body{align-content:start;gap:.35rem;display:grid}.inspect:not(:has(.inspect-art)){grid-template-columns:1fr}.inspect span,.inspect-hint,.inspect p{color:var(--muted);margin:0;font-size:.95rem}.inspect strong{font-size:1.15rem}.battle-log{border:1px solid var(--line);background:#050a12c7;border-radius:10px;flex-direction:column;justify-content:flex-end;gap:.18rem;max-height:min(5.6rem,12vh);margin:0;padding:.3rem .5rem;list-style:none;display:flex;overflow:hidden}.log-item{color:var(--ink);grid-template-columns:1.1rem 1.15rem 1fr;align-items:center;gap:.4rem;font-size:.92rem;font-weight:700;line-height:1.35;display:grid}.log-item:not(:has(.log-art)){grid-template-columns:1.1rem 1fr}.log-glyph,.log-art{border-radius:3px;width:1.15rem;height:1.15rem}.log-glyph{color:var(--gold);place-items:center;display:grid}.log-glyph svg{width:1rem;height:1rem}.log-art{object-fit:cover;background:#05080f}.log-play .log-glyph{color:#f0d592}.log-attack .log-glyph,.log-mage .log-glyph{color:#ff8a5b}.log-heal .log-glyph{color:#6adf7a}.log-death .log-glyph{color:#c084fc}.log-win .log-glyph{color:var(--gold)}.last-play{min-width:0;color:var(--muted);align-items:center;gap:.4rem;margin:0;font-size:.82rem;line-height:1.3;display:none}.last-play .log-art{flex-shrink:0}.last-play>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.last-play.actor-you{color:#f0d592}@keyframes last-flash{0%{color:var(--gold)}to{color:var(--muted)}}.mage-sheet{text-align:left;grid-template-columns:180px 1fr;gap:1rem;min-width:min(92vw,560px);max-width:640px;display:grid}.mage-sheet h2{letter-spacing:.06em;text-transform:none;margin:.15rem 0;font-size:2rem}.mage-art{aspect-ratio:3/4;object-fit:contain;object-position:top;background:#05080f;border-radius:10px;width:100%}.mage-copy{align-content:start;gap:.35rem;display:grid}.mage-copy p{color:var(--muted);margin:0}.mage-facts,.mage-powers{gap:.2rem;margin:0;padding:0;list-style:none;display:grid}.mage-facts li,.mage-powers li{color:var(--muted);justify-content:space-between;gap:.8rem;display:flex}.mage-powers-label{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.overlay{z-index:6;background:#04080eb8;grid-area:1/1/-1;place-items:center;display:grid;position:absolute;inset:0}.overlay-card{border:1px solid var(--line);text-align:center;background:#101826;border-radius:16px;gap:.6rem;min-width:min(90vw,340px);padding:1.3rem;display:grid}.overlay-end{gap:.7rem;min-width:min(92vw,380px);padding:1.5rem 1.4rem 1.35rem}.overlay-end.is-win{border-color:color-mix(in srgb, var(--gold) 55%, var(--line))}.overlay-end.is-lose{border-color:color-mix(in srgb, var(--death) 45%, var(--line))}.overlay-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0;font-size:.72rem}.overlay-end.is-lose .overlay-kicker{color:var(--muted)}.overlay-end h2{margin:0;font-size:1.55rem}.overlay-end>p{color:var(--muted);margin:0}.overlay-actions{gap:.45rem;margin-top:.35rem;display:grid}.overlay-actions .btn{width:100%}.veil-fire,.path-card.veil-fire,.power.veil-fire,.tile.veil-fire,.slot.veil-fire,.portrait.veil-fire,.inspect.veil-fire{color:var(--fire)}.veil-water,.path-card.veil-water,.power.veil-water,.tile.veil-water,.slot.veil-water,.portrait.veil-water,.inspect.veil-water{color:var(--water)}.veil-air,.path-card.veil-air,.power.veil-air,.tile.veil-air,.slot.veil-air,.portrait.veil-air,.inspect.veil-air{color:var(--air)}.veil-earth,.path-card.veil-earth,.power.veil-earth,.tile.veil-earth,.slot.veil-earth,.portrait.veil-earth,.inspect.veil-earth{color:var(--earth)}.veil-death,.path-card.veil-death,.power.veil-death,.tile.veil-death,.slot.veil-death,.portrait.veil-death,.inspect.veil-death{color:var(--death)}.veil-balance,.path-card.veil-balance,.portrait.veil-balance{color:var(--gold)}.portrait.is-aim{outline:2px solid var(--gold)}.is-waiting .tile,.is-waiting .slot{opacity:.88}@media (width<=1100px){.path-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (height<=760px){.arena-chrome{padding:.35rem .7rem}.portrait{width:56px}.powers{gap:.28rem}.power{padding:.3rem .45rem}.power b{font-size:1rem}.arena{gap:.45rem;padding:.4rem .6rem 0}.wing{gap:.35rem;padding:.4rem}:root,#app{--arena-chrome:2.8rem;--arena-foot:5.4rem;--field-chrome:2.2rem}}@media (prefers-reduced-motion:reduce){.slot.is-lunge,.slot.is-hit,.portrait.is-hit,.storm-sky,.storm-flash{animation:none}.storm-flash{opacity:0}.btn-end-turn{animation:none}.turn-banner,.speech{opacity:1;animation:none}.tile.is-ready,.wing-foe.is-thinking .turn-chip{animation:none}}@media (width<=900px){:root,#app{--arena-chrome:4.8rem;--arena-foot:2.2rem;--field-chrome:2rem;--card-size:clamp(48px, calc((100cqh - var(--arena-chrome) - var(--arena-foot) - var(--field-chrome)) / 5), 108px)}.shell{padding:.7rem .7rem calc(.7rem + env(safe-area-inset-bottom));height:100%;overflow:auto}.shell-nav{margin:0 -.15rem .75rem;padding:.45rem .15rem .55rem;top:-.05rem}.hero h1,.rules h1{letter-spacing:.1em;font-size:clamp(2rem,12vw,3.2rem)}.path-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.lobby-layout,.lobby-seats,.lobby-form,.ratings-layout,.lobby-bottom-row{grid-template-columns:1fr}.lobby-vs{display:none}.lobby-row-meta{white-space:normal}.path-art{aspect-ratio:3/4;object-fit:cover;max-height:22vh}.path-body{min-height:0;padding:.5rem .65rem .7rem}.path-blurb{display:none}.paths-actions{z-index:2;padding:.7rem 0 calc(.6rem + env(safe-area-inset-bottom));background:linear-gradient(#0000,#060c16f5 28%);margin-top:.8rem;position:sticky;bottom:0}.paths-actions .btn{width:min(100%,18rem);min-width:0}.title-actions{z-index:2;padding:.7rem 0 calc(.6rem + env(safe-area-inset-bottom));background:linear-gradient(#0000,#060c16f5 28%);margin:.4rem 0 0;position:sticky;bottom:0}.title-actions .btn{flex:1}.paths{padding-bottom:1rem}.arena-wrap{height:100%;max-height:100%;padding-bottom:env(safe-area-inset-bottom);grid-template-rows:auto minmax(0,1fr) auto}.arena-foot{padding:.22rem .4rem;display:block}.battle-log{display:none}.last-play{display:flex}.arena-chrome{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"hint hint hint hint""clock mute menu menu";align-items:center;gap:.28rem .35rem;padding:.28rem .4rem;display:grid}.arena-chrome .hint{white-space:nowrap;text-overflow:ellipsis;flex:none;grid-area:hint;min-width:0;font-size:.72rem;overflow:hidden}.turn-clock{grid-area:clock;min-width:2.8rem;font-size:.95rem}.arena-chrome .btn-end-turn-chrome{display:none}.btn-end-turn-hand{width:100%;min-width:0;min-height:34px;margin-top:.15rem;padding:.32rem .5rem;font-size:.8rem;display:block}.btn-mute{grid-area:mute}.btn-menu{grid-area:menu}.arena-chrome .btn{white-space:nowrap;min-height:34px;padding:.32rem .5rem;font-size:.75rem}.arena{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr;align-items:stretch;gap:.28rem;padding:.28rem .4rem;overflow:hidden}.wing-foe{order:1;grid-row:1}.field{order:2;grid-row:2}.wing-you{order:3;grid-row:3}.wing{background:#050a12e0;gap:.22rem;min-height:0;padding:.28rem .35rem;overflow:hidden}.speech{max-width:8.5rem;font-size:.7rem;top:auto;bottom:calc(100% + .2rem)}.wing-foe .speech,.wing-you .speech{left:0;right:auto}.life-row{gap:15px;min-width:0}.emote-toggle{width:18px;height:18px}.emote-icon-svg{width:11px;height:11px}.lifebar{min-width:0;height:16px;margin-top:.15rem}.lifebar b{font-size:.72rem}.hud{gap:.4rem}.hud-text span,.wing-foe .powers{display:none}.powers{grid-template-columns:repeat(5,minmax(0,1fr));gap:.2rem}.power{flex-direction:column;justify-content:center;align-items:center;gap:.12rem;min-height:2.4rem;padding:.28rem .1rem}.power span{letter-spacing:0;text-align:center;font-size:.52rem;line-height:1}.power b{font-size:.85rem;line-height:1}.hand-grid{grid-template-columns:repeat(4,minmax(0,3.25rem));justify-content:center;gap:.22rem}.tile-art{max-height:3.25rem}.tile-name{white-space:nowrap;text-overflow:ellipsis;padding:.04rem .08rem .1rem;font-size:.55rem;overflow:hidden}.tile-lock{padding:0;font-size:.52rem;bottom:1.1rem;left:2px;right:2px}.field{justify-content:center;gap:.12rem;height:100%;min-height:0;padding-top:0;overflow:hidden}.field-labels{letter-spacing:0;grid-template-columns:var(--card-size) 12px var(--card-size);gap:.25rem;font-size:.58rem}.field-labels span{white-space:nowrap}.lab-long{display:none}.lab-short{display:inline}.field-labels span:last-child{text-align:right;justify-self:stretch;width:auto;overflow:visible}.row{grid-template-columns:var(--card-size) 12px var(--card-size);gap:.25rem}.spear{min-height:var(--card-size);font-size:.58rem}.mark{min-width:1.15rem;height:1.15rem;padding:0 .2rem;font-size:.65rem}.mark.cost{width:1.15rem}.mark-icon{width:.7rem;height:.7rem}.overlay-card{width:min(92vw,420px);min-width:0;max-height:min(80%,640px);padding:.75rem;overflow:auto}.inspect{grid-template-columns:88px 1fr;gap:.55rem;width:min(92vw,520px);min-width:0}.mage-sheet{grid-template-columns:1fr;width:min(92vw,420px);min-width:0}.empty-hand{grid-column:1/-1}}@media (width<=900px) and (height<=559px){:root{--card-size:56px}.arena-wrap{grid-template-rows:auto minmax(0,1fr) auto}.arena{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(150px,220px) minmax(0,1fr) minmax(120px,180px)}.wing-foe,.field,.wing-you{order:0;grid-row:auto}.wing-foe .powers{display:grid}.hud-text span{display:none}.hand-grid{grid-template-columns:1fr 1fr}.tile-art{max-height:none}}@media (width<=420px){.inspect{grid-template-columns:1fr}}html[data-platform=pikabu] .arena{align-items:start}html[data-platform=pikabu] .wing{align-self:start;gap:.4rem;max-height:100%;padding:.45rem}html[data-platform=pikabu] .wing>.hand-grid{flex:0 auto}html[data-platform=pikabu] .portrait{width:60px}html[data-platform=pikabu] .powers{gap:.3rem}html[data-platform=pikabu] .power{padding:.32rem .45rem}html[data-platform=pikabu] .power b{font-size:1rem}html[data-platform=pikabu] .lobby-shell{max-width:min(980px,100vw - 1rem);padding:.55rem .65rem .9rem}html[data-platform=pikabu] .lobby-shell .shell-nav{margin-bottom:.45rem;padding:.2rem 0 .35rem}html[data-platform=pikabu] .lobby-shell .hero{margin:0;padding:0}html[data-platform=pikabu] .lobby-shell .hero .eyebrow{margin-bottom:.15rem}html[data-platform=pikabu] .lobby-shell .hero h1{letter-spacing:.1em;margin:.1rem 0 .25rem;font-size:clamp(1.7rem,7vw,2.4rem)}html[data-platform=pikabu] .lobby-shell .hero .lede{margin:0 auto .35rem;font-size:.9rem;line-height:1.35}html[data-platform=pikabu] .lobby-shell .lobby-rules{margin:.2rem 0 0;font-size:.78rem}html[data-platform=pikabu] .lobby-shell .lobby-seats{gap:.45rem;margin:.55rem 0 .25rem}html[data-platform=pikabu] .lobby-shell .lobby-seat{padding:.55rem .65rem}html[data-platform=pikabu] .lobby-shell .lobby-paths{margin-top:.45rem}html[data-platform=pikabu] .lobby-shell .lobby-paths h2{margin:0 0 .4rem;font-size:1rem}html[data-platform=pikabu] .lobby-shell .path-grid{gap:.45rem}html[data-platform=pikabu] .lobby-shell .paths-actions{margin-top:.55rem}html[data-platform=pikabu] .lobby-shell .lobby-bottom-row{gap:.55rem;margin-top:.7rem}html[data-platform=pikabu] .lobby-shell .lobby-codebox{margin-top:0;padding:.65rem .8rem .75rem}html[data-platform=pikabu] .lobby-shell .lobby-code-xl{margin:.1rem 0 .45rem;font-size:clamp(1.5rem,6vw,2rem)}html[data-platform=pikabu] .lobby-shell .lobby-invite-card{margin-top:0;padding:.65rem .75rem}