#screen-admin{display:flex;flex-direction:column;align-items:stretch;min-height:100dvh}.admin-body{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:48px 24px;overflow-y:auto}.admin-panel{width:100%;max-width:540px;display:flex;flex-direction:column;gap:18px}.admin-heading{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.admin-eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--purple)}.admin-heading h1{margin:0;font-family:var(--font-display);font-size:32px;font-weight:650;color:var(--text)}.admin-card{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.admin-card-label{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.admin-season{display:flex;align-items:baseline;gap:10px}.admin-season-no{font-size:20px;font-weight:650;color:var(--text)}.admin-season-state{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.admin-season-state.active{color:var(--gold)}.admin-season.none{color:var(--muted);font-size:15px}.admin-duration-row,.admin-gallery-links{display:flex;flex-wrap:wrap;gap:8px}.admin-chip{padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--text);font-size:13px;cursor:pointer;text-decoration:none;transition:border-color .15s var(--ease),background .15s var(--ease)}.admin-chip:hover{border-color:var(--purple-line);background:var(--purple-dim)}.admin-chip.selected{border-color:var(--purple-line);background:var(--purple-dim);color:var(--text)}.admin-btn{padding:11px 16px;border-radius:12px;border:1px solid var(--line);font-size:14px;font-weight:600;cursor:pointer;transition:filter .15s var(--ease),opacity .15s var(--ease)}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn.start{background:var(--green);border-color:transparent;color:#07101e}.admin-btn.start:not(:disabled):hover{filter:brightness(1.08)}.admin-btn.end{background:var(--red-dim);border-color:#f8717166;color:var(--red)}.admin-btn.end:hover{background:#f871712e}.admin-btn.ghost{background:transparent;color:var(--text);text-decoration:none;display:inline-block}.admin-denied{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;margin-top:18vh;color:var(--muted)}.admin-denied h1{margin:0;font-family:var(--font-display);color:var(--text)}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.admin-stat{display:flex;flex-direction:column;gap:3px;padding:12px 14px;background:#ffffff05;border:1px solid var(--line);border-radius:10px}.admin-stat-value{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.5px;color:var(--text)}.admin-stat-label{font-size:11px;color:var(--muted)}.admin-audit{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column}.admin-audit-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 2px;border-bottom:1px solid var(--line)}.admin-audit-row:last-child{border-bottom:none}.admin-audit-action{font-size:13px;font-weight:600;color:var(--text)}.admin-audit-meta{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.admin-custom-row{display:flex;align-items:center;gap:10px}.admin-custom-label{font-size:13px;color:var(--muted)}.admin-custom-input{width:88px;padding:8px 12px;border-radius:10px;border:1px solid var(--line);background:#ffffff05;color:var(--text);font-size:14px;font-variant-numeric:tabular-nums;transition:border-color .15s var(--ease)}.admin-custom-input::placeholder{color:var(--muted);opacity:.6}.admin-custom-input:focus{outline:none;border-color:var(--purple)}.admin-custom-input.invalid{border-color:#f87171}.admin-custom-unit{font-size:13px;color:var(--muted)}.tiles-screen{width:100%;max-width:880px;margin:0 auto;padding:48px 20px;align-self:flex-start;max-height:100%;overflow-y:auto}.tiles-header{display:flex;align-items:center;gap:14px}.tiles-back{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);font-size:13px;font-weight:600;text-decoration:none;transition:background .16s,color .16s,border-color .16s}.tiles-back:hover{background:var(--surface-hover);color:var(--text);border-color:#ffffff29}.tiles-screen h1{font-family:var(--font-display);font-size:23px;font-weight:600;letter-spacing:-.5px;color:var(--text);margin:0}.tiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-top:18px}.tile-card{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column;transition:border-color .16s ease,transform .16s ease}.tile-card:hover{border-color:#a78bfa66;transform:translateY(-2px)}.tile-thumb{position:relative;aspect-ratio:1 / 1;background:#07101e;overflow:hidden}.tile-thumb-art{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated}.tile-card .tile-id{position:absolute;bottom:7px;left:8px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:13px;color:var(--text);padding:2px 7px;border-radius:6px;background:#07101eb8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:768px),(max-height:520px)and (orientation:landscape){.tile-card .tile-meta{font-size:11px}.tiles-screen{height:100%;min-height:0;padding:16px 16px 18px;display:flex;flex-direction:column;overflow:hidden}.tiles-header{flex:0 0 auto;gap:10px}.tiles-back,.tiles-claim-btn{min-height:44px;padding:0 12px}.tiles-screen h1{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:21px}.tiles-grid{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-bottom:max(8px,env(safe-area-inset-bottom))}}.tile-card-body{padding:11px 13px 13px;display:flex;flex-direction:column;gap:4px}.tile-card .tile-size{font-size:13px;font-weight:600;color:var(--text)}.tile-card .tile-meta{font-size:12px;color:var(--muted)}.tiles-empty{margin-top:32px;text-align:center;color:var(--muted);font-size:13px}.tiles-empty a{color:var(--blue);text-decoration:none}.tiles-claim-btn{margin-left:auto;display:inline-flex;align-items:center;padding:7px 14px;border:1px solid rgba(167,139,250,.45);border-radius:10px;background:#a78bfa24;color:#c4b5fd;font-size:13px;font-weight:650;text-decoration:none;transition:background .16s,border-color .16s}.tiles-claim-btn:hover{background:#a78bfa3d;border-color:#a78bfab3}.tiles-claim-btn:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.claim-body{margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:22px}.claim-lede{max-width:420px;text-align:center;color:var(--muted);font-size:13.5px;line-height:1.55}.claim-preview{display:flex;flex-direction:column;align-items:center;gap:10px}.claim-thumb{width:160px;height:160px;border-radius:12px;border:1px solid var(--line);image-rendering:pixelated}.claim-preview-size{font-size:12.5px;color:var(--muted);font-weight:600}.claim-sizes{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;border:0;margin:0;padding:0;min-inline-size:0}.claim-size{min-width:52px;min-height:44px;padding:9px 14px;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font-size:14px;font-weight:650;font-family:inherit;cursor:pointer;transition:background .16s,border-color .16s}.claim-size:hover:not(.active){border-color:#a78bfa80}.claim-size.active{border-color:#a78bfab3;background:#a78bfa2e;color:#c4b5fd}.claim-size:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.claim-submit{margin-top:4px;min-height:46px;padding:11px 22px;box-sizing:border-box;border:1px solid rgba(167,139,250,.5);border-radius:12px;background:#a78bfa38;color:#c4b5fd;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .16s,border-color .16s}@media(max-width:768px),(max-height:520px)and (orientation:landscape){.claim-body{flex:1;min-height:0;justify-content:center;gap:8px;margin-top:6px;overflow:hidden}.claim-lede{display:none}.claim-preview{gap:6px}.claim-thumb{width:clamp(82px,24vh,116px);height:clamp(82px,24vh,116px);border-radius:10px}.claim-preview-size{font-size:12px}.claim-sizes{gap:7px}.claim-size{min-width:56px;padding:0 12px}.claim-submit{width:min(100%,300px);padding:0 18px}}.claim-submit:hover{background:#a78bfa52;border-color:#a78bfacc}.claim-submit:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.tile-onchain-link{margin-top:4px;font-size:11px;font-weight:600;color:#a78bfaf2;text-decoration:none}.tile-onchain-link:hover{text-decoration:underline}.connect-wrap{display:flex;flex-direction:column;align-items:center;gap:32px;animation:fadeUp .8s var(--ease) both}.logo{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px}.logo:before{content:"";position:absolute;top:-36px;left:50%;width:220px;height:180px;transform:translate(-50%);border-radius:50%;pointer-events:none;background:radial-gradient(50% 50%,rgba(76,163,255,.22),transparent 70%);filter:blur(8px);z-index:-1}.logo-mark{width:56px;height:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.logo-mark span{border-radius:4px;background:var(--blue);opacity:0;animation:tileIn .5s var(--ease) forwards}.logo-mark span:nth-child(1){animation-delay:.05s}.logo-mark span:nth-child(2){animation-delay:.1s}.logo-mark span:nth-child(3){animation-delay:.15s}.logo-mark span:nth-child(4){animation-delay:.2s}.logo-mark span:nth-child(5){background:var(--gold);animation:tileIn .5s var(--ease) .25s forwards,goldGlow 3.2s ease-in-out 1s infinite}@keyframes goldGlow{0%,to{box-shadow:0 0 #ffd16600}50%{box-shadow:0 0 10px #ffd1668c}}.logo-mark span:nth-child(6){animation-delay:.3s}.logo-mark span:nth-child(7){animation-delay:.35s}.logo-mark span:nth-child(8){animation-delay:.4s}.logo-mark span:nth-child(9){animation-delay:.45s}.logo-name{font-family:var(--font-display);font-size:33px;font-weight:600;letter-spacing:-.5px;text-wrap:balance}.logo-tagline{font-size:11px;font-weight:600;letter-spacing:2.4px;text-transform:uppercase;color:var(--blue);opacity:.85;animation:fadeUp .6s var(--ease) .55s both}.connect-lede{max-width:380px;margin:-8px 0 0;text-align:center;font-size:14px;line-height:1.6;color:var(--muted);text-wrap:balance;animation:fadeUp .6s var(--ease) .65s both}.btn-connect{padding:14px 40px;background:linear-gradient(180deg,#62b0ff,var(--blue));border:none;border-radius:14px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;color:#fff;text-decoration:none;cursor:pointer;letter-spacing:-.2px;box-shadow:inset 0 1px #ffffff40,0 6px 22px -6px var(--blue-glow);transition:transform .2s var(--ease),box-shadow .2s var(--ease),filter .2s;display:flex;align-items:center;gap:10px}.btn-connect:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:inset 0 1px #ffffff4d,0 12px 38px -8px var(--blue-glow)}.btn-connect:active{transform:translateY(0)}.btn-connect:focus-visible{outline:2px solid var(--text);outline-offset:3px}.btn-connect.connecting{opacity:.65;pointer-events:none}.spinner{display:none;width:12px;height:12px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.btn-connect.connecting .spinner{display:block}.hint{font-size:12px;color:var(--muted);letter-spacing:.2px;min-height:1.2em}.hint[role=alert]{color:var(--red)}@media(max-width:768px),(max-height:520px)and (orientation:landscape){#screen-connect{padding:18px}.connect-wrap{width:min(100%,380px);max-height:100%;gap:18px;animation:none;transform:none}.logo{gap:10px}.logo:before{width:160px;height:120px;top:-24px}.logo-mark{width:clamp(42px,12vh,56px);height:clamp(42px,12vh,56px);gap:5px}.logo-name{font-size:clamp(26px,7vh,33px);letter-spacing:0}.logo-tagline{font-size:10px;letter-spacing:1.7px;text-align:center}.connect-lede{max-width:320px;margin:0;font-size:12.5px;line-height:1.45}.btn-connect{width:min(100%,280px);min-height:46px;justify-content:center;padding:0 24px}}@media(max-height:520px)and (orientation:landscape){.connect-lede{display:none}}#screen-app{flex-direction:column;align-items:stretch;justify-content:flex-start;height:100dvh;max-height:100dvh;overflow:hidden}.app-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px 32px;border-bottom:1px solid var(--line);background:#07101eeb;flex-shrink:0}.header-actions{display:flex;align-items:center;gap:10px}.nav-wall{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font-size:13px;font-weight:600;text-decoration:none;transition:border-color .18s ease,background .18s ease}.nav-wall svg{width:16px;height:16px;color:var(--gold);stroke:none}.nav-wall:hover{background:var(--surface-hover);border-color:color-mix(in srgb,var(--gold) 42%,transparent)}.nav-wall:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.wallet-pill{text-decoration:none}.header-logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);cursor:pointer;border-radius:10px;padding:4px 8px;margin:-4px -8px;transition:background .2s var(--ease),transform .2s var(--ease)}.header-logo:hover{background:var(--surface)}.header-logo:active{transform:scale(.97)}.header-logo-mark{width:28px;height:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.header-logo-mark span{border-radius:2px;background:var(--blue);transition:transform .25s var(--ease)}.header-logo:hover .header-logo-mark span:nth-child(5){transform:scale(1.18)}.header-logo-mark span:nth-child(5){background:var(--gold)}.header-logo-name{font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:-.2px}.wallet-pill{display:flex;align-items:center;gap:8px;padding:7px 14px;background:var(--surface);border:1px solid var(--line);border-radius:10px;font:inherit;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;transition:border-color .18s ease,background .18s ease}.wallet-pill:hover{border-color:#ffffff29;background:var(--surface-hover)}.wallet-pill:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media(prefers-reduced-motion:reduce){.wallet-pill{transition:none}}.wallet-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 6px #4ade8099}.wallet-caret{color:var(--muted);transition:transform .18s var(--ease)}.wallet-caret.open{transform:rotate(180deg)}.wallet-menu{position:relative}.wallet-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:50;min-width:220px;padding:8px;background:#0c1626;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px -16px #000000b3;animation:fadeUp .16s var(--ease) both}.wallet-dd-head{display:flex;flex-direction:column;gap:6px;padding:8px 8px 10px}.wallet-dd-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.wallet-dd-addr{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font-family:Space Grotesk,monospace;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.wallet-dd-addr:hover{background:var(--surface-hover);border-color:#4ca3ff66}.wallet-dd-addr svg{color:var(--muted);flex-shrink:0}.wallet-dd-divider{height:1px;margin:4px 0;background:var(--line)}.wallet-dd-item{display:block;width:100%;text-align:left;padding:9px 10px;border:none;background:transparent;border-radius:9px;color:var(--text);font:inherit;font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;transition:background .14s}.wallet-dd-item:hover{background:var(--surface-hover)}.wallet-dd-item.danger{color:#fca5a5}.wallet-dd-item.danger:hover{background:var(--red-dim)}.app-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;animation:fadeUp .6s var(--ease) .1s both}.app-body::-webkit-scrollbar{width:0}.lobby{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;width:100%;max-width:960px;padding:24px 32px}.lobby-heading{text-align:center}.lobby-eyebrow{display:inline-block;font-size:11px;font-weight:600;letter-spacing:2.4px;text-transform:uppercase;color:var(--blue);margin-bottom:14px;opacity:.85}.lobby-heading h1{font-family:var(--font-display);font-size:43px;font-weight:600;letter-spacing:-.8px;margin-bottom:12px;text-wrap:balance}.lobby-heading p{font-size:14.5px;color:var(--muted);line-height:1.6}.lobby-cards{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:auto auto;gap:14px;width:100%}.lobby-card.hero{grid-column:1;grid-row:1 / 3;padding:26px 28px}.lobby-card:not(.hero){min-height:168px}.lobby-card.hero .card-title{font-size:22px}.lobby-card.hero .card-desc{font-size:14px;max-width:34ch}.hero-mosaic{margin:auto -28px -26px;width:calc(100% + 56px);height:168px;display:block;border-radius:0 0 18px 18px;image-rendering:pixelated;-webkit-mask-image:linear-gradient(180deg,transparent,#000 48%);mask-image:linear-gradient(180deg,transparent,#000 48%)}.lobby-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px 22px;cursor:pointer;transition:background .2s,border-color .2s,transform .25s var(--ease),box-shadow .25s;display:flex;flex-direction:column;gap:9px;overflow:hidden;text-decoration:none;color:var(--text);animation:fadeUp .5s var(--ease) both}.lobby-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 38%)}.lobby-card:nth-child(1){animation-delay:.14s}.lobby-card:nth-child(2){animation-delay:.22s}.lobby-card:nth-child(3){animation-delay:.3s}.lobby-card:nth-child(4){animation-delay:.38s}.lobby-card:hover{background:var(--surface-hover);transform:translateY(-3px)}.lobby-card:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.lobby-card.card-create:hover{border-color:#4ca3ff66;box-shadow:0 12px 40px #4ca3ff1f}.lobby-card.card-join:hover{border-color:#ffd16666;box-shadow:0 12px 40px #ffd1661a}.lobby-card.card-mine:hover{border-color:#a78bfa66;box-shadow:0 12px 40px #a78bfa1f}.card-glow{position:absolute;top:-40px;right:-40px;width:120px;height:120px;border-radius:50%;opacity:.08;pointer-events:none;transition:opacity .25s var(--ease)}.lobby-card:hover .card-glow{opacity:.18}.card-create .card-glow{background:var(--blue)}.card-join .card-glow{background:var(--gold)}.card-mine .card-glow{background:#a78bfa}.card-icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.lobby-card:hover .card-icon{transform:scale(1.08) rotate(-3deg)}.lobby-card.card-create:hover .card-icon{box-shadow:0 0 22px -2px var(--blue-glow)}.lobby-card.card-join:hover .card-icon{box-shadow:0 0 22px -2px #ffd16659}.lobby-card.card-mine:hover .card-icon{box-shadow:0 0 22px -2px #a78bfa66}.card-create .card-icon{background:var(--blue-dim)}.card-join .card-icon{background:var(--gold-dim)}.card-mine .card-icon{background:#a78bfa24}.card-icon svg{width:22px;height:22px}.card-create .card-icon svg{stroke:var(--blue)}.card-join .card-icon svg{stroke:var(--gold)}.card-mine .card-icon svg{stroke:#a78bfa}.card-title{font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:700;letter-spacing:-.3px}.card-desc{font-size:13px;color:var(--muted);line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.card-cta{margin-top:4px;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.card-create .card-cta{color:var(--blue)}.card-join .card-cta{color:var(--gold)}.card-mine .card-cta{color:#a78bfa}.card-cta svg{width:13px;height:13px;transition:transform .2s var(--ease)}.lobby-card:hover .card-cta svg{transform:translate(3px)}.app-footer{width:100%;text-align:center;font-size:11px;color:var(--muted);padding:12px 16px;letter-spacing:.1px;border-top:1px solid var(--line);background:#07101eeb;flex-shrink:0}.app-footer-mobile{display:none}.app-footer-desktop{display:block}@media(max-width:768px),(max-height:520px)and (orientation:landscape){.app-header{padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));min-height:64px}.wallet-dd-addr,.wallet-dd-item,.header-logo{min-height:44px}.header-logo-name{font-size:15px}.wallet-pill{min-height:44px;padding:0 10px;font-size:12px}.wallet-dot{width:6px;height:6px}.app-body{padding:0;overflow:hidden;animation:none;transform:none}.lobby{justify-content:flex-start;height:100%;min-height:0;padding:10px 16px 8px;gap:8px}.app-footer-desktop{display:none}.app-footer-mobile{display:block;padding-bottom:max(8px,env(safe-area-inset-bottom))}.lobby-heading h1{font-size:24px;margin-bottom:4px}.lobby-heading p{font-size:12px;line-height:1.3}.lobby-eyebrow{margin-bottom:4px;letter-spacing:2px}.lobby-cards{flex:1;min-height:0;grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:8px}.lobby-card{min-height:0;display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto auto;align-content:center;column-gap:12px;row-gap:4px;padding:10px 12px;border-radius:14px;animation:none;transform:none}.lobby-card.hero{grid-column:auto;grid-row:auto;padding:10px 12px}.lobby-card.hero .card-title{font-size:21px}.lobby-card.hero .card-desc,.card-desc{font-size:12px;line-height:1.28}.card-icon{width:38px;height:38px;border-radius:10px;grid-row:1 / 4;align-self:start}.card-title{font-size:19px}.card-desc{min-width:0}.card-cta{min-height:28px;margin-top:2px}.hero-mosaic{position:absolute;right:0;bottom:0;width:64%;height:34px;margin:0;border-radius:0 0 14px 14px;opacity:.9}}.route-loading{display:flex;align-items:center;justify-content:center;min-height:100dvh;color:var(--muted);font-size:14px}@media(max-width:768px)and (max-height:700px){.card-desc{display:none}}@keyframes season-pulse{0%,to{opacity:1}50%{opacity:.45}}.mc-done-badge{display:inline-flex;align-items:center;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:600;color:var(--green);background:#4ade801f;border:1px solid rgba(74,222,128,.35)}.cc-screen-full{position:absolute;inset:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.cc-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px 32px;border-bottom:1px solid var(--line);background:#07101eeb;flex-shrink:0}.cc-header-left{display:flex;align-items:center;gap:14px}.cc-header-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;color:var(--muted);pointer-events:none;white-space:nowrap}.cc-back-btn{display:flex;align-items:center;gap:7px;padding:7px 14px;background:var(--surface);border:1px solid var(--line);border-radius:10px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;text-decoration:none;font-family:inherit;transition:background .18s,color .18s,border-color .18s}.cc-back-btn:hover{background:var(--surface-hover);color:var(--text);border-color:#ffffff24}.cc-back-btn svg{width:13px;height:13px}.cc-title{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;letter-spacing:-.3px}.cc-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;min-height:0}.cc-body::-webkit-scrollbar{width:0}.cc-progress{display:flex;align-items:center;width:100%;max-width:560px;padding:40px 32px 0;flex-shrink:0}.cc-progress-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;position:relative}.cc-progress-step:not(:last-child):after{content:"";position:absolute;top:14px;left:calc(50% + 14px);right:calc(-50% + 14px);height:1px;background:var(--line);transition:background .3s}.cc-progress-step.done:not(:last-child):after{background:var(--blue)}.cc-progress-dot{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--line);background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--muted);transition:all .3s var(--ease);position:relative;z-index:1}.cc-progress-step.active .cc-progress-dot{border-color:var(--blue);background:var(--blue-dim);color:var(--blue)}.cc-progress-step.done .cc-progress-dot{border-color:var(--blue);background:var(--blue);color:#07101e}.cc-progress-label{font-size:11px;font-weight:600;color:var(--muted);transition:color .3s}.cc-progress-step.active .cc-progress-label,.cc-progress-step.done .cc-progress-label{color:var(--text)}.cc-inner{width:100%;max-width:680px;padding:32px 32px 80px;display:flex;flex-direction:column;gap:28px}.cc-step-heading{text-align:center}.cc-step-heading h2{font-family:var(--font-display);font-size:28px;font-weight:600;letter-spacing:-.8px;margin-bottom:8px}.cc-step-heading p{font-size:13px;color:var(--muted);line-height:1.6}.cc-field{display:flex;flex-direction:column;gap:8px}.cc-label{font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}.cc-label span{color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0}.cc-label-row{display:flex;align-items:baseline;justify-content:space-between;padding-right:2px}.cc-counter{font-size:11px;color:var(--muted)}.cc-counter.near-limit{color:var(--gold)}.cc-input{width:100%;padding:12px 16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;font-family:Inter,sans-serif;font-size:14px;color:var(--text);outline:none;transition:border-color .18s,box-shadow .18s;resize:none}.cc-input::placeholder{color:var(--muted)}.cc-input:focus{border-color:#4ca3ff80;box-shadow:0 0 0 3px #4ca3ff14}textarea.cc-input{height:96px;line-height:1.6}.cc-upload{border:1.5px dashed var(--line);border-radius:14px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--surface);position:relative;overflow:hidden;cursor:pointer;transition:border-color .18s,background .18s}.cc-upload:hover{border-color:#4ca3ff66}.cc-upload.has-image{border-style:solid;border-color:#4ca3ff4d;padding:0}.cc-upload-input{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:1}.cc-upload-preview{width:100%;height:100%;max-height:160px;object-fit:contain;border-radius:12px;display:block}.cc-upload-remove{position:absolute;top:10px;right:10px;z-index:2;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#0000008c;border:none;border-radius:50%;color:#fff;font-size:14px;cursor:pointer}.cc-upload-remove:hover{background:#000c}.cc-upload-error{margin-top:6px;font-size:12px;color:var(--red, #f87171)}.cc-upload-icon{width:36px;height:36px;background:var(--blue-dim);border-radius:10px;display:flex;align-items:center;justify-content:center}.cc-upload-icon svg{width:18px;height:18px;stroke:var(--blue)}.cc-upload-label{font-size:13px;font-weight:600;color:var(--text)}.cc-upload-hint{font-size:12px;color:var(--muted)}.cc-chip-row{display:flex;gap:8px;flex-wrap:wrap}.cc-chip-row.equal .cc-chip{flex:1;text-align:center}.cc-chip{padding:8px 16px;border-radius:10px;border:1.5px solid var(--line);background:var(--surface);font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .18s}.cc-chip:hover:not(:disabled):not(.selected){background:var(--surface-hover);color:var(--text)}.cc-chip.selected{border-color:var(--blue);background:var(--blue-dim);color:var(--blue)}.cc-chip:disabled{opacity:.35;cursor:not-allowed}.cc-chip.readonly{pointer-events:none;border-color:var(--blue);background:var(--blue-dim);color:var(--blue);flex:1;text-align:center}.cc-tile-list{display:flex;flex-direction:column;gap:5px;max-height:420px;overflow-y:auto;padding-right:4px}.cc-tile-card{display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;cursor:pointer;text-align:left;transition:background .18s,border-color .18s,box-shadow .18s}.cc-tile-card:hover:not(.selected){background:var(--surface-hover);border-color:#ffd16640;box-shadow:inset 3px 0 #ffd16666}.cc-tile-card.selected{border-color:var(--gold);background:var(--gold-dim);box-shadow:inset 3px 0 0 var(--gold)}.cc-tile-thumb{width:52px;height:52px;border-radius:9px;flex-shrink:0;display:block;image-rendering:pixelated;background:#07101e;box-shadow:inset 0 0 0 1px #ffffff0f}.cc-tile-info{flex:1;min-width:0;display:flex;align-items:center;gap:7px;overflow:hidden}.cc-tile-id{font-size:13px;font-weight:600;letter-spacing:-.2px;color:var(--text);flex-shrink:0}.cc-tile-card.selected .cc-tile-id{color:var(--gold)}.cc-tile-sep{font-size:11px;color:var(--muted);opacity:.35}.cc-tile-val{font-size:11px;color:var(--muted);white-space:nowrap}.cc-tile-check{width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(255,255,255,.15);flex-shrink:0;display:flex;align-items:center;justify-content:center}.cc-tile-card.selected .cc-tile-check{border-color:var(--gold);background:var(--gold)}.cc-tile-check svg{width:11px;height:11px;opacity:0;color:#07101e}.cc-tile-card.selected .cc-tile-check svg{opacity:1}.cc-tile-card.used{opacity:.55;border-style:dashed}.cc-tile-card.used .cc-tile-thumb{filter:grayscale(.6)}.cc-tile-card.used:hover{opacity:.75;background:var(--surface-hover);border-color:#a78bfa4d;box-shadow:inset 3px 0 #a78bfa66}.cc-tile-used{flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#a78bfad9;background:#a78bfa1f;border:1px solid rgba(167,139,250,.28);border-radius:999px;padding:3px 8px}.cc-tile-ghost{display:flex;align-items:center;gap:12px;padding:11px 14px;background:#ffffff05;border:1px dashed rgba(238,242,248,.18);border-radius:12px;pointer-events:none}.cc-tile-ghost-thumb{width:52px;height:52px;border-radius:9px;border:1.5px dashed rgba(238,242,248,.18);flex-shrink:0}.cc-tile-ghost-label{font-size:12px;font-weight:500;color:#eef2f859}.cc-filter-chips{display:flex;gap:6px;flex-wrap:wrap}.cc-filter-chip{padding:4px 10px;border-radius:8px;border:1.5px solid var(--line);background:var(--surface);font-size:11px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .18s}.cc-filter-chip:hover:not(.active){background:var(--surface-hover);color:var(--text)}.cc-filter-chip.active{border-color:var(--blue);background:var(--blue-dim);color:var(--blue)}.cc-rule-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cc-rule-option{background:var(--surface);border:1.5px solid var(--line);border-radius:16px;padding:20px 18px;cursor:pointer;display:grid;grid-template-columns:36px 1fr;column-gap:12px;row-gap:8px;text-align:left;transition:border-color .2s,background .2s,box-shadow .2s}.cc-rule-option:hover:not(.selected):not(:disabled){background:var(--surface-hover);border-color:#ffffff24}.cc-rule-option:disabled{opacity:.35;cursor:not-allowed}.cc-rule-option.selected{border-color:var(--blue);background:var(--blue-dim);box-shadow:0 0 0 3px #4ca3ff14}.cc-rule-icon{grid-row:1;width:36px;height:36px;border-radius:10px;background:#ffffff12;display:flex;align-items:center;justify-content:center}.cc-rule-option.selected .cc-rule-icon{background:#4ca3ff26}.cc-rule-icon svg{width:18px;height:18px;stroke:var(--muted)}.cc-rule-option.selected .cc-rule-icon svg{stroke:var(--blue)}.cc-rule-title{grid-row:1;grid-column:2;align-self:center;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700}.cc-rule-option.selected .cc-rule-title{color:var(--blue)}.cc-rule-desc{grid-row:2;grid-column:1 / -1;font-size:12px;color:var(--muted);line-height:1.55}.cc-slider-row{display:flex;align-items:stretch;gap:10px}.cc-slider-num{width:62px;background:var(--surface);border:1.5px solid var(--line);border-radius:8px;padding:8px;font-size:13px;font-weight:600;color:var(--text);text-align:center;outline:none}.cc-slider-num:focus{border-color:var(--blue)}.cc-slider-box{flex:1;background:var(--surface);border:1.5px solid var(--line);border-radius:10px;padding:0 14px;display:flex;align-items:center;gap:10px}.cc-slider{-webkit-appearance:none;appearance:none;flex:1;height:4px;border-radius:2px;outline:none;cursor:pointer;background:var(--line)}.cc-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--blue);border:2px solid #0d1f3a;cursor:pointer}.cc-slider-bound{font-size:11px;color:var(--muted);min-width:24px;text-align:center}.cc-nav{display:flex;gap:10px}.cc-btn-ghost{flex:1;padding:13px;background:var(--surface);border:1px solid var(--line);border-radius:12px;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer;transition:background .18s,color .18s}.cc-btn-ghost:hover{background:var(--surface-hover);color:var(--text)}.cc-btn-primary{flex:1;padding:13px;background:var(--blue);border:none;border-radius:12px;font-size:14px;font-weight:700;color:#07101e;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:opacity .18s,transform .18s,box-shadow .18s}.cc-btn-primary:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 6px 24px var(--blue-glow)}.cc-btn-primary:disabled{opacity:.4;cursor:not-allowed}.cc-btn-primary svg{width:14px;height:14px}.cc-modal-overlay{position:fixed;inset:0;z-index:950;background:#07101ee0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}.cc-modal-box{background:linear-gradient(180deg,#112338,#0c1727);border:1.5px solid rgba(76,163,255,.2);border-radius:20px;padding:40px 32px 32px;max-width:420px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 30px 80px -24px #000000bf,inset 0 1px #ffffff0d;animation:modalPop .32s var(--ease) both}.cc-spinner{width:50px;height:50px;border:3px solid rgba(76,163,255,.15);border-top-color:var(--blue);border-radius:50%;animation:cc-spin .8s linear infinite;margin-bottom:26px}@keyframes cc-spin{to{transform:rotate(360deg)}}.cc-modal-title{font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:-.3px;color:var(--text);margin-bottom:10px}.cc-modal-sub{font-size:13px;color:var(--muted);line-height:1.65}.cc-success-icon,.cc-error-icon{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:22px}.cc-success-icon{background:#4ade801a;border:1.5px solid rgba(74,222,128,.32);color:var(--green)}.cc-error-icon{background:#f871711a;border:1.5px solid rgba(248,113,113,.32);color:var(--red)}.cc-modal-actions{display:flex;gap:10px;width:100%;margin-top:22px}.cc-modal-actions a,.cc-modal-actions button{flex:1;border:none;font-family:inherit;border-radius:10px;padding:13px 14px;font-size:13.5px;font-weight:600;cursor:pointer;text-decoration:none;text-align:center}.cc-modal-actions .primary{background:var(--blue);color:#fff}.cc-modal-actions .secondary{background:#ffffff0a;color:var(--muted);border:1.5px solid var(--line)}.cc-modal-actions .cc-danger{background:#ef44442e;color:#fca5a5;border:1.5px solid rgba(239,68,68,.45)}.cc-label-help{display:inline-flex;align-items:center;gap:6px}.cc-help-btn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:10px;font-weight:700;line-height:1;cursor:pointer;font-family:inherit;transition:background .15s,color .15s,border-color .15s}.cc-help-btn:hover{background:#4ca3ff24;color:var(--blue);border-color:#4ca3ff66}.cc-info-box{align-items:stretch;text-align:left}.cc-info-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.cc-info-close{display:inline-flex;padding:4px;border:none;background:transparent;color:var(--muted);cursor:pointer;border-radius:7px;transition:background .15s,color .15s}.cc-info-close:hover{background:var(--surface-hover);color:var(--text)}.cc-info-body{display:flex;flex-direction:column;gap:10px}.cc-info-body p{font-size:13px;line-height:1.6;color:var(--muted)}.mc-content{width:100%;max-width:1060px;margin:0 auto;padding:24px 28px 48px}.mc-heading{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.5px;margin-bottom:20px}.mc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mc-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:background .18s,border-color .18s,box-shadow .18s,transform .22s var(--ease)}.mc-card:hover{background:var(--surface-hover);border-color:#a78bfa47;transform:translateY(-3px);box-shadow:0 0 0 1px #a78bfa1f,0 0 18px 4px #a78bfa1a}.mc-thumb{aspect-ratio:1 / 1;position:relative;background:#07101e;overflow:hidden}.mc-thumb-art{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated}.mc-badge-row{position:absolute;top:8px;left:8px;display:flex;gap:4px}.mc-badge{font-size:9px;font-weight:700;padding:2px 7px;border-radius:5px;letter-spacing:.5px;text-transform:uppercase;background:#07101ed1}.mc-badge.solo{border:1px solid rgba(74,222,128,.6);color:var(--green)}.mc-badge.shared{border:1px solid rgba(76,163,255,.6);color:var(--blue)}.mc-badge.joined{border:1px solid rgba(255,209,102,.6);color:var(--gold)}.mc-badge.completed{border:1px solid rgba(61,214,140,.5);color:#3dd68c;background:#3dd68c1f}.mc-name-overlay{position:absolute;bottom:0;left:0;right:0;padding:22px 10px 7px;background:linear-gradient(to bottom,transparent,rgba(7,16,30,.82));font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700;letter-spacing:-.2px;color:#ffffffeb;display:flex;align-items:center;gap:5px}.mc-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-rule-pill{flex-shrink:0;display:inline-flex;align-items:center;background:#ffffff26;border-radius:4px;padding:2px 4px;color:#ffffffe6}.mc-token{position:absolute;bottom:7px;right:7px;z-index:2;font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700;color:#fff9;background:#07101eeb;border:1px solid rgba(255,255,255,.2);padding:2px 6px;border-radius:4px}.mc-card-body{padding:8px 10px 9px;display:flex;flex-direction:column;gap:6px;flex:1}.mc-specs{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:500;color:var(--muted)}.mc-phase{text-transform:capitalize}.mc-phase.active{color:var(--green)}.mc-phase.idle{color:#eef2f866}.mc-phase.ended{color:#eef2f859}.mc-card-actions{display:flex;gap:6px}.mc-action{flex:1;min-height:46px;padding:7px 10px;box-sizing:border-box;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;border:1.5px solid transparent;text-decoration:none;transition:background .18s,border-color .18s,transform .15s}.mc-action.primary{background:var(--purple-dim);border-color:var(--purple-line);color:var(--purple)}.mc-action.primary:hover{background:#a78bfa47;transform:translateY(-1px)}.mc-action.contribute{background:#ffd1661a;border-color:#ffd16659;color:var(--gold)}.mc-action.contribute:hover{background:#ffd16638;transform:translateY(-1px)}.mc-secondary{min-width:52px;min-height:46px;padding:7px 10px;box-sizing:border-box;border-radius:8px;font-size:10px;font-weight:600;cursor:pointer;border:1.5px solid rgba(248,113,113,.35);background:var(--red-dim);color:var(--red);transition:background .18s,border-color .18s}.mc-secondary:hover:not(:disabled){background:#f8717138;border-color:#f87171b3}.mc-secondary:disabled{opacity:.3;cursor:not-allowed}.mc-card-create{min-height:180px;background:#a78bfa08;border:1px dashed rgba(167,139,250,.28);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-decoration:none;color:#a78bfabf;transition:background .18s,border-color .18s,color .18s,transform .22s var(--ease)}.mc-card-create:hover{background:#a78bfa14;border-color:#a78bfa80;color:var(--purple);transform:translateY(-3px)}.mc-create-icon{width:44px;height:44px;border-radius:12px;background:#a78bfa1a;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:300;line-height:1}.mc-create-label{font-size:13px;font-weight:600;letter-spacing:-.2px}.mc-empty{padding:56px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.mc-empty-icon{width:48px;height:48px;border-radius:14px;background:var(--purple-dim);display:flex;align-items:center;justify-content:center;color:var(--purple)}.mc-empty h3{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700}.mc-empty p{font-size:12px;color:var(--muted)}.mc-empty a{color:var(--purple);text-decoration:none;font-weight:600}@media(max-width:900px){.mc-grid{grid-template-columns:repeat(2,1fr)}.cc-rule-options{grid-template-columns:1fr}}.cc-inner{animation:fadeUp .5s var(--ease) both}.cc-step-heading{animation:fadeUp .45s var(--ease) .04s both}.cc-inner .cc-field,.cc-inner .cc-nav{animation:fadeUp .45s var(--ease) both}.cc-inner .cc-field:nth-of-type(1){animation-delay:.08s}.cc-inner .cc-field:nth-of-type(2){animation-delay:.14s}.cc-inner .cc-field:nth-of-type(3){animation-delay:.2s}.cc-inner .cc-field:nth-of-type(4){animation-delay:.26s}.cc-inner .cc-nav{animation-delay:.3s}@keyframes mcCardIn{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.mc-card{animation:mcCardIn .42s var(--ease) both}.mc-card:nth-child(1){animation-delay:.04s}.mc-card:nth-child(2){animation-delay:.09s}.mc-card:nth-child(3){animation-delay:.14s}.mc-card:nth-child(4){animation-delay:.19s}.mc-card:nth-child(5){animation-delay:.24s}.mc-card:nth-child(6){animation-delay:.29s}.mc-card:nth-child(7){animation-delay:.34s}.mc-card:nth-child(8){animation-delay:.39s}.mc-empty{animation:fadeUp .5s var(--ease) both}@keyframes ccOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes ccModalIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.cc-modal-overlay{animation:ccOverlayIn .2s var(--ease) both}.cc-modal-box{animation:ccModalIn .34s var(--ease) .04s both}@keyframes ccSuccessPop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.cc-success-icon{animation:ccSuccessPop .42s var(--ease) .12s both}.cc-tile-card:focus-visible,.cc-rule-option:focus-visible,.cc-filter-chip:focus-visible,.cc-chip:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.cc-tile-card:focus-visible{outline-color:var(--gold)}.cc-btn-primary:focus-visible,.cc-btn-ghost:focus-visible{outline:2px solid var(--text);outline-offset:3px}.cc-input:focus-visible{outline:none}.mc-card:focus-within{border-color:#a78bfa66}.mc-action:focus-visible,.mc-secondary:focus-visible{outline:2px solid currentColor;outline-offset:2px}.cc-modal-actions a:focus-visible{outline:2px solid var(--text);outline-offset:2px}.cc-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px var(--blue-glow)}.mc-action.primary:active,.mc-action.contribute:active{transform:translateY(0)}.cc-btn-ghost:active{transform:translateY(1px)}@keyframes ccSelectPop{0%{transform:scale(.97)}55%{transform:scale(1.02)}to{transform:scale(1)}}.cc-chip.selected,.cc-filter-chip.active{animation:ccSelectPop .26s var(--ease)}.cc-rule-option.selected{animation:ccSelectPop .3s var(--ease)}.cc-tile-card.selected .cc-tile-check svg{animation:ccSuccessPop .3s var(--ease) both}.cc-progress-step.active:not(:last-child):after{background:linear-gradient(to right,var(--blue) 50%,var(--line) 50%)}@keyframes ccDotPulse{0%,to{box-shadow:0 0 #4ca3ff00}50%{box-shadow:0 0 0 4px #4ca3ff1f}}.cc-progress-step.active .cc-progress-dot{animation:ccDotPulse 2.4s ease-in-out infinite}.cc-btn-primary svg{transition:transform .2s var(--ease)}.cc-btn-primary:hover:not(:disabled) svg{transform:translate(3px)}.cc-counter{transition:color .2s var(--ease)}.cc-slider::-webkit-slider-thumb{transition:transform .15s var(--ease),box-shadow .15s var(--ease)}.cc-slider:hover::-webkit-slider-thumb{transform:scale(1.12)}.cc-slider:active::-webkit-slider-thumb{transform:scale(1.18);box-shadow:0 0 0 6px #4ca3ff1f}.mc-secondary:active:not(:disabled){transform:translateY(1px)}.mc-empty a{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;margin-top:4px;border-radius:10px;background:var(--purple-dim);border:1.5px solid var(--purple-line);color:var(--purple);text-decoration:none;font-weight:600;transition:background .18s,transform .18s var(--ease)}.mc-empty a:hover{background:#a78bfa42;transform:translateY(-1px)}.mc-empty a:active{transform:translateY(0)}.cc-dist-muted{font-size:13px;color:var(--muted)}.join-header-center{position:absolute;left:50%;transform:translate(-50%);font-size:12px;color:var(--muted);pointer-events:none;white-space:nowrap}.join-body{flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;gap:24px}.join-body::-webkit-scrollbar{width:0}.join-section{width:100%;max-width:560px;display:flex;flex-direction:column;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px 28px 24px}.join-section-header{display:flex;align-items:center;gap:10px}.join-section-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border-radius:9px;background:var(--gold-dim);border:1px solid rgba(255,209,102,.22);color:var(--gold)}.join-section-icon svg{width:16px;height:16px}.join-section-title{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;letter-spacing:-.2px}.join-section-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--gold-dim);border:1px solid rgba(255,209,102,.25);color:var(--gold);font-size:11px;font-weight:700}.join-section-desc{font-size:13px;color:var(--muted);line-height:1.5}.code-input-wrap{display:flex;flex-direction:column;gap:10px}.code-input-row{display:flex;gap:10px}.code-input{flex:1;min-width:0;padding:10px 14px;background:#ffffff0d;border:1px solid var(--line);border-radius:10px;font-family:Space Grotesk,monospace;font-size:14px;font-weight:600;letter-spacing:2px;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s;text-transform:uppercase}.code-input::placeholder{color:#eef2f833;letter-spacing:2px}.code-input:focus{border-color:#ffd16666;box-shadow:0 0 0 3px #ffd16614}.btn-join-code{flex:0 0 auto;padding:10px 20px;background:var(--gold);border:none;border-radius:10px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;color:#07101e;cursor:pointer;letter-spacing:-.2px;transition:opacity .2s,transform .2s var(--ease),box-shadow .2s;white-space:nowrap}.btn-join-code:hover:not(:disabled){opacity:.9;transform:translateY(-2px);box-shadow:0 8px 24px #ffd16640}.btn-join-code:active:not(:disabled){transform:translateY(0)}.btn-join-code:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-join-code:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.inv-list{display:flex;flex-direction:column;gap:8px}.inv-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;transition:background .18s,border-color .18s}.inv-card:hover{background:var(--surface-hover);border-color:#ffd16638}.inv-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.inv-name{font-size:14px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-chips{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.inv-chip{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:500;color:var(--muted);background:#eef2f80d;border:1px solid rgba(238,242,248,.08);border-radius:20px;padding:3px 8px;white-space:nowrap}.inv-actions{display:flex;gap:6px;flex-shrink:0}.btn-inv-accept,.btn-inv-decline{padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:background .18s,border-color .18s,transform .15s var(--ease);border:1px solid transparent}.btn-inv-accept{background:var(--gold-dim);border-color:#ffd16640;color:var(--gold)}.btn-inv-accept:hover:not(:disabled){border-color:#ffd16673;transform:translateY(-1px)}.btn-inv-decline{background:#eef2f80a;border-color:var(--line);color:var(--muted)}.btn-inv-decline:hover:not(:disabled){background:#eef2f817;border-color:#eef2f82e;color:var(--text);transform:translateY(-1px)}.btn-inv-accept:disabled,.btn-inv-decline:disabled{opacity:.4;cursor:not-allowed}.btn-inv-accept:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn-inv-decline:focus-visible{outline:2px solid var(--text);outline-offset:2px}.inv-empty{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;background:#ffffff05;border:1px dashed rgba(238,242,248,.16);border-radius:14px}.inv-empty-icon{width:36px;height:36px;border-radius:10px;background:var(--gold-dim);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.inv-empty-icon svg{width:18px;height:18px;stroke:var(--gold)}.inv-empty p{font-size:13px;color:var(--muted)}.join-section{animation:fadeUp .45s var(--ease) both}.join-section:nth-of-type(1){animation-delay:.06s}.join-section:nth-of-type(2){animation-delay:.12s}@media(max-width:768px),(max-height:520px)and (orientation:landscape){.btn-inv-accept,.btn-inv-decline{min-height:44px}.cc-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center;padding:10px 16px 12px}.cc-header-left{grid-column:1;grid-row:1;min-width:0;gap:10px}.cc-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-header-center{position:static;grid-row:2;grid-column:1 / -1;transform:none;white-space:normal;line-height:1.35;text-align:left}.cc-back-btn{min-height:44px;padding:0 14px}.cc-header .wallet-pill{grid-column:2;grid-row:1;min-height:44px;padding:0 10px}.join-body{padding:24px 16px;gap:20px}.code-input,.btn-join-code{min-height:44px}.code-input-row{flex-direction:column}.btn-join-code{width:100%}.inv-card{flex-direction:column;align-items:stretch}.inv-actions{justify-content:stretch}.btn-inv-accept,.btn-inv-decline{flex:1;text-align:center}}.mu-overlay{position:fixed;inset:0;z-index:960;background:#07101ee0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px 20px;animation:ccOverlayIn .22s var(--ease) both}.mu-box{background:linear-gradient(180deg,#112338,#0c1727);border:1.5px solid rgba(99,149,255,.22);border-radius:20px;padding:26px 28px;max-width:640px;width:min(640px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 80px -24px #000000bf,inset 0 1px #ffffff0d;animation:ccModalIn .32s var(--ease) .04s both}.mu-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px;flex-shrink:0}.mu-title{font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:-.3px;color:var(--text);margin-bottom:2px}.mu-subtitle{font-size:12.5px;color:var(--muted)}.mu-close{width:48px;height:48px;margin:-10px -10px -10px 10px;background:none;border:none;cursor:pointer;color:var(--muted);padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .15s,background .15s;flex-shrink:0}.mu-close:hover{color:var(--text);background:#ffffff12}.mu-close:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.mu-scroll{overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:18px;margin:0 -28px;padding:0 28px}.mu-scroll::-webkit-scrollbar{width:4px}.mu-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.mu-section-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.mu-section-title{font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.mu-section-badge{font-size:11px;font-weight:700;background:#6395ff26;color:var(--blue);border-radius:20px;padding:1px 7px;line-height:1.6}.mu-code-row{display:flex;align-items:center;gap:10px;background:#6395ff0f;border:1.5px solid rgba(99,149,255,.18);border-radius:9px;padding:9px 12px}.mu-code-value{font-family:Courier New,monospace;font-size:14px;font-weight:700;color:var(--blue);letter-spacing:2px;flex:1}.mu-copy-feedback{font-size:11px;color:var(--blue);flex-shrink:0;white-space:nowrap}.mu-copy-btn{width:48px;height:48px;background:none;border:none;cursor:pointer;color:var(--muted);padding:5px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s;flex-shrink:0}.mu-copy-btn:hover{color:var(--blue);background:#6395ff1f}.mu-copy-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.mu-textarea{width:100%;box-sizing:border-box;background:#ffffff0a;border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;font-family:Courier New,monospace;font-size:12px;color:var(--text);resize:none;outline:none;transition:border-color .15s;line-height:1.65;height:92px}.mu-textarea::placeholder{color:#eef2f838}.mu-textarea:focus{border-color:#6395ff73;box-shadow:0 0 0 3px #6395ff14}.mu-btn-invite{margin-top:8px;min-height:46px;background:#6395ff24;color:var(--blue);border:1.5px solid rgba(99,149,255,.35);border-radius:9px;padding:9px 18px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,transform .15s var(--ease);width:100%}.mu-btn-invite:hover:not(:disabled){background:#6395ff42;border-color:#6395ff99;transform:translateY(-1px)}.mu-btn-invite:disabled{opacity:.4;cursor:not-allowed}.mu-btn-invite:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.mu-divider{height:1px;background:#ffffff0f}.mu-list{display:flex;flex-direction:column;gap:4px;max-height:230px;overflow-y:auto;scrollbar-gutter:stable}.mu-list::-webkit-scrollbar{width:4px}.mu-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.mu-pt-cols{display:grid;grid-template-columns:minmax(0,1.4fr) .9fr max-content;align-items:center;gap:0 10px}.mu-participants-header{padding:0 12px 6px}.mu-participants-header span{font-size:10.5px;font-weight:600;color:#eef2f847;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.mu-participants-header span:nth-child(2){text-align:center}.mu-participants-header span:last-child{text-align:center}.mu-pt-row{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:9px;padding:8px 12px}.mu-pt-cell{font-size:12px;color:var(--text);text-align:center;white-space:nowrap}.mu-pt-addr{font-family:Courier New,monospace;font-size:12px;color:var(--text);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mu-pt-body{min-width:0;display:flex;flex-direction:column;gap:2px}.mu-pt-joined{font-size:10.5px;color:#eef2f866;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mu-pt-muted{color:var(--muted);font-size:11.5px}.mu-you-badge{min-height:44px;font-size:11px;color:#ffd166bf;background:#ffd16614;border:1px solid rgba(255,209,102,.18);border-radius:6px;padding:5px 10px;min-width:58px;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-weight:500}.mu-btn-kick,.mu-btn-cancel{min-height:44px;background:var(--red-dim);color:var(--red);border:1px solid rgba(248,113,113,.25);border-radius:6px;padding:5px 10px;font-size:11px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s;white-space:nowrap;min-width:58px;text-align:center}.mu-btn-kick:hover:not(:disabled),.mu-btn-cancel:hover:not(:disabled){background:#f871712e;border-color:#f8717180}.mu-btn-kick:disabled,.mu-btn-cancel:disabled{opacity:.4;cursor:not-allowed}.mu-btn-kick:focus-visible,.mu-btn-cancel:focus-visible{outline:2px solid var(--red);outline-offset:2px}.mu-pending-row{display:flex;align-items:center;gap:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:9px;padding:8px 12px}.mu-pending-row .mu-pt-body,.mu-pending-row .mu-pt-addr{flex:1;min-width:0}.mu-empty{font-size:12.5px;color:#eef2f84d;padding:18px 12px;text-align:center;border:1px dashed rgba(238,242,248,.12);border-radius:10px}@media(max-width:768px),(max-height:520px)and (orientation:landscape){.mu-overlay{align-items:stretch;padding:10px;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}.mu-box{width:100%;max-height:calc(100dvh - 20px);padding:16px;border-radius:16px}.mu-pt-joined{display:none}.mu-header{align-items:center;gap:10px;margin-bottom:12px}.mu-title{font-size:18px}.mu-subtitle{font-size:12px}.mu-scroll{gap:14px;margin:0 -16px;padding:0 16px 2px}.mu-section-header{gap:6px;min-height:44px;margin-bottom:6px}.mu-code-row{gap:6px;padding:6px 8px}.mu-code-value{min-width:0;font-size:13px;letter-spacing:1.4px}.mu-copy-feedback{display:none}.mu-textarea{height:76px}.mu-section-header .mu-btn-cancel-all,.mu-sort-cycle{min-height:46px;padding:0 12px}.mu-list{max-height:138px}.mu-pending-row,.mu-pt-row{padding:7px 8px}.mu-pt-cols{grid-template-columns:minmax(0,1.35fr) .48fr max-content;gap:0 6px}.mu-participants-header{padding:0 8px 5px}.mu-participants-header span:nth-child(2){white-space:normal;line-height:1.05}}.mc-blue-secondary{border-color:#6395ff59;background:var(--blue-dim);color:var(--blue)}.mc-blue-secondary:hover{background:#6395ff38;border-color:#6395ffb3}.mc-spec-main{font-size:11px;font-weight:500;color:var(--muted);letter-spacing:-.1px}.mc-toolbar{display:flex;flex-direction:row;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}.mc-own-toggle,.mc-status-toggle,.mc-collab-toggle,.mc-view-toggle,.mc-size-pills{display:flex;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:2px;flex-shrink:0}.mc-collab-toggle{transition:opacity .2s}.mc-collab-toggle.disabled{opacity:.35;pointer-events:none}.mc-own-btn,.mc-status-btn,.mc-collab-btn,.mc-size-pill{padding:4px 9px;border:none;border-radius:7px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;background:transparent;color:var(--muted);white-space:nowrap;transition:background .18s,color .18s}.mc-own-btn:not(.active):hover,.mc-status-btn:not(.active):hover,.mc-collab-btn:not(.active):hover,.mc-size-pill:not(.active):hover{background:#ffffff12;color:var(--text)}.mc-own-btn.active,.mc-status-btn.active,.mc-collab-btn.active,.mc-size-pill.active{background:#a78bfa33;color:#a78bfa}.mc-sort-cycle{display:flex;align-items:center;gap:5px;background:transparent;border:none;border-radius:7px;padding:4px 9px;font-family:inherit;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;flex-shrink:0;white-space:nowrap;transition:background .18s,color .18s}.mc-sort-cycle:hover{background:#ffffff12;color:var(--text)}.mc-sort-cycle svg{width:11px;height:11px;opacity:.5;flex-shrink:0}.mc-view-btn{padding:4px 7px;border:none;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s,color .18s}.mc-view-btn svg{width:14.5px;height:14.5px}.mc-view-btn:not(.active):hover{background:#ffffff12;color:var(--text)}.mc-view-btn.active{background:#a78bfa33;color:#a78bfa}.mc-toolbar-sep{width:1px;height:20px;background:var(--line);flex-shrink:0}.mc-count{font-size:11px;font-weight:600;color:var(--muted);margin-left:auto;white-space:nowrap}.mc-none{padding:48px 0;text-align:center;color:var(--muted);font-size:14px}.mc-list{display:flex;flex-direction:column;gap:8px}.mc-row{display:flex;align-items:center;gap:14px;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.mc-row-name{font-weight:600;font-size:14px;min-width:120px}.mc-row-spec,.mc-row-users{font-size:12px;color:var(--muted)}.mc-row-actions{display:flex;gap:8px;margin-left:auto;align-items:center}@media(max-width:768px),(max-height:520px)and (orientation:landscape){.mc-row{flex-wrap:wrap;gap:6px 10px}.mc-row-name{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-row-spec,.mc-token{display:none}.mc-row-actions{flex:1 0 100%;margin-left:0;justify-content:flex-end}}.mc-pagination{display:flex;align-items:center;justify-content:center;gap:2px;padding:14px 0 4px}.mc-page-btn{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;border-radius:7px;border:none;background:transparent;font-family:inherit;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;transition:background .18s,color .18s}.mc-page-btn:hover:not(:disabled){background:#ffffff12;color:var(--text)}.mc-page-btn.active{background:#a78bfa33;color:#a78bfa}.mc-page-btn:disabled{opacity:.28;cursor:not-allowed}@media(max-width:768px),(max-height:520px)and (orientation:landscape){.cc-help-btn{min-width:32px;min-height:32px}.cc-upload-remove{min-width:40px;min-height:40px}.cc-slider-num{min-height:44px}.cc-progress{max-width:390px;padding:22px 24px 0}.cc-inner{padding:22px 24px 18px;gap:18px}.cc-step-heading h2{font-size:26px;margin-bottom:6px}.cc-step-heading p{font-size:12.5px;line-height:1.45}.cc-filter-chips,.mc-toolbar{gap:8px}.cc-filter-chip,.cc-chip,.mc-own-btn,.mc-status-btn,.mc-collab-btn,.mc-size-pill,.mc-sort-cycle,.mc-view-btn,.mc-page-btn{min-width:46px;min-height:46px}.cc-filter-chip,.cc-chip,.mc-own-btn,.mc-status-btn,.mc-collab-btn,.mc-size-pill,.mc-sort-cycle{padding:0 12px}.mc-view-btn,.mc-page-btn{padding:0}.cc-btn-primary{min-height:46px}.mc-content{height:100%;min-height:0;padding:14px 16px max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:hidden}.mc-toolbar{flex:0 0 auto;margin-bottom:10px}.mc-toolbar-mobile{display:flex;flex-direction:column;gap:8px}.mc-select-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mc-select{min-height:44px;width:100%;padding:0 32px 0 12px;box-sizing:border-box;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238B9BB4' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}.mc-select:disabled{opacity:.4;cursor:default}.mc-toolbar-mobile-foot{display:flex;align-items:center;justify-content:space-between}.mc-toolbar-mobile .mc-count{margin:0}.mc-grid{flex:1;min-height:0;gap:8px;overflow:hidden}.mc-thumb{aspect-ratio:auto;height:clamp(58px,15vh,92px)}.mc-card,.mc-card-create{min-height:0}.mc-card-body{padding:7px 8px 8px;gap:5px}.mc-card-actions{gap:8px}.mc-action,.mc-secondary{height:46px;min-height:46px;padding-block:0}.mc-pagination{flex:0 0 auto;padding:8px 0 0}}@media(max-height:520px)and (orientation:landscape){.cc-header{display:flex;padding:8px 16px;gap:12px}.cc-header-left{min-width:0}.cc-header-center,.join-header-center{display:none}.cc-header .wallet-pill{min-height:44px;padding:0 10px}.cc-body{overflow:hidden}.cc-progress{max-width:340px;padding:8px 16px 0}.cc-progress-step{gap:3px}.cc-progress-dot{width:24px;height:24px;font-size:10px}.cc-progress-step:not(:last-child):after{top:12px;left:calc(50% + 12px);right:calc(-50% + 12px)}.cc-progress-label{font-size:10px}.cc-inner{max-width:700px;padding:8px 16px 10px;gap:9px}.cc-step-heading h2{font-size:21px;margin-bottom:2px}.cc-step-heading p{font-size:12px;line-height:1.25}.cc-field{gap:6px}.cc-mosaic{gap:4px;margin-bottom:2px}.cc-mosaic-map{width:82px;height:82px}.cc-mosaic-caption{display:none}.cc-tile-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:58px;overflow:hidden;gap:6px;padding-right:0}.cc-tile-card{min-height:52px;padding:6px 9px;gap:8px}.cc-tile-thumb{width:36px;height:36px;border-radius:7px}.cc-tile-ghost{display:none}.cc-nav{gap:8px}.cc-btn-ghost,.cc-btn-primary{min-height:44px;padding:0 12px}.join-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;justify-content:stretch;padding:10px 16px;gap:12px}.join-section{max-width:none;min-height:0;gap:9px;padding:14px;border-radius:16px}.join-section-header{gap:8px}.join-section-desc{font-size:12px;line-height:1.3}.code-input-wrap{gap:8px}.code-input-row{flex-direction:row;gap:8px}.code-input{min-height:44px;padding:0 12px;letter-spacing:1px}.btn-join-code{width:auto;min-width:128px;min-height:44px;padding:0 14px}.inv-empty{min-height:98px;padding:12px}.inv-empty-icon{width:32px;height:32px;margin-bottom:8px}.mc-content{padding:10px 16px}.mc-toolbar{gap:6px;margin-bottom:8px}.mc-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px}.mc-card{display:grid;grid-template-columns:minmax(92px,.42fr) minmax(0,1fr);min-height:106px}.mc-thumb{height:100%;min-height:106px;aspect-ratio:auto}.mc-card-body{min-width:0;justify-content:space-between;padding:7px;gap:6px}.mc-specs{gap:6px;font-size:10.5px}.mc-card-actions{gap:6px}.mc-action,.mc-secondary{min-height:44px;height:44px;padding:0 8px;font-size:10.5px}.mc-secondary{min-width:48px}}.join-msg{margin-top:10px;font-size:13px;font-weight:500}.join-msg.error{color:var(--red, #f87171)}.join-msg.success{color:#3dd68c}.mu-invite-msg{margin-top:8px;font-size:12px;color:var(--muted)}.mc-row-thumb{width:36px;height:36px;flex-shrink:0;border-radius:8px;display:block;image-rendering:pixelated;background:#07101e;box-shadow:inset 0 0 0 1px #ffffff0f}.cc-mosaic{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:18px}.cc-mosaic-map{width:152px;height:152px;image-rendering:pixelated;border-radius:10px;background:#0a1322;box-shadow:inset 0 0 0 1px #ffffff12,0 0 0 1px #a78bfa1a,0 14px 34px -18px #a78bfa66}.cc-mosaic-caption{font-size:11.5px;letter-spacing:.2px;color:var(--muted)}.mu-section-header .mu-btn-cancel-all{margin-left:auto;min-height:48px;background:#f8717114;color:#f87171;border:1.5px solid rgba(248,113,113,.25);border-radius:9px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s}.mu-section-header .mu-btn-cancel-all:hover:not(:disabled){background:#f871712e;border-color:#f8717180}.mu-section-header .mu-btn-cancel-all:disabled{opacity:.3;cursor:not-allowed}.mu-sort-cycle{margin-left:auto;min-height:30px;display:inline-flex;align-items:center;gap:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:0 10px;font-family:inherit;font-size:11.5px;font-weight:600;color:var(--muted);cursor:pointer;white-space:nowrap;transition:background .18s,color .18s,border-color .18s}.mu-sort-cycle:hover{background:#ffffff17;border-color:#ffffff38;color:var(--text)}.mu-sort-cycle svg{opacity:.5;flex-shrink:0}.mu-sort-cycle:focus-visible,.mu-section-header .mu-btn-cancel-all:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media(max-width:768px),(max-height:520px)and (orientation:landscape){.mu-section-header .mu-btn-cancel-all,.mu-sort-cycle{min-height:46px;padding:0 12px}}.cc-datetime{margin-top:8px;width:100%;padding:8px 10px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:inherit;font:inherit}.mc-badge.scheduled{background:#fbbf2424;color:#fcd34d;border:1px solid rgba(251,191,36,.3)}@media(max-height:520px)and (orientation:landscape){.cc-inner,.cc-step-heading,.cc-inner .cc-field,.cc-inner .cc-nav,.join-section,.mc-card{animation:none}.cc-mosaic,.cc-step-heading p{display:none}}.paint-root{display:flex;flex-direction:column;height:100dvh;min-height:0}.paint-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;border-bottom:1px solid var(--line);background:#07101eeb;flex-shrink:0;min-height:56px}.paint-header-left{display:flex;align-items:center;gap:12px;min-width:0}.paint-header-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px}.paint-deadline{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:#ffffff0a;border:1px solid var(--line);border-radius:8px;font-size:12px;color:var(--muted);font-weight:500}.paint-deadline svg{opacity:.7}.paint-canvas-name-pill{display:inline-flex;align-items:center;gap:6px;height:30px;box-sizing:border-box;padding:0 10px;background:#ffffff0a;border:1px solid var(--line);border-radius:8px;font-size:12px;font-weight:500;max-width:220px}.paint-canvas-name-text{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.paint-canvas-name-sep{color:var(--muted);opacity:.5;flex-shrink:0}.paint-canvas-name-meta{color:var(--muted);white-space:nowrap;flex-shrink:0}.back-btn{display:flex;align-items:center;gap:7px;padding:7px 14px;background:var(--surface);border:1px solid var(--line);border-radius:10px;font-family:inherit;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;transition:background .18s,color .18s,border-color .18s}.back-btn:hover{background:var(--surface-hover);color:var(--text);border-color:#ffffff24}.back-btn svg{width:13px;height:13px}.paint-phase-banner{display:none;align-items:center;justify-content:center;gap:10px;padding:9px 16px;background:#fbbf241a;border-bottom:1px solid rgba(251,191,36,.3);color:#fbbf24;font-size:12px;font-weight:500;flex-shrink:0}.paint-phase-banner.show{display:flex}.paint-phase-banner.completed{background:#3dd68c14;border-bottom-color:#3dd68c4d;color:#3dd68c}.paint-body{flex:1;min-height:0;display:grid;grid-template-columns:288px minmax(0,1fr) 312px;overflow:hidden}.paint-canvas-area{flex:0 0 auto;height:100%;display:flex;flex-direction:column;background:radial-gradient(ellipse at center,rgba(167,139,250,.04),transparent 70%),#0003;overflow:hidden}.paint-canvas-wrap{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:14px}.paint-canvas{display:block;touch-action:none}.paint-fallback{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--muted)}.paint-left{min-width:0;border-right:1px solid var(--line);background:var(--panel-solid, rgba(11, 20, 36, .96));display:flex;flex-direction:column;padding:14px 14px 0;overflow:hidden}.paint-sidepanel-col{min-width:0;background:#0b1424f5;border-left:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.paint-sidepanel-col .paint-panel-section:not(.pp-section){flex:0 0 auto}.pt-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#eef2f89e;margin-bottom:4px}.pt-tool-row{display:flex;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:3px}.pt-tool{flex:1;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;padding:8px 0;color:#eef2f8c7;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,transform .12s var(--ease)}.pt-tool:hover:not(.active){background:#ffffff0f;color:var(--text)}.pt-tool:active{transform:scale(.93)}.pt-tool.active{background:#a78bfa2e;color:#a78bfa}.pt-tool.zoom-armed{background:transparent;color:#a78bfa}.paint-canvas.zoom-pan-active{cursor:grabbing}.pt-undo-redo-row{display:flex;align-items:center;gap:6px;width:100%}.pt-undo-redo-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;height:31px;background:var(--surface);border:1px solid var(--line);border-radius:7px;color:#eef2f8c7;font-size:11px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,color .15s}.pt-undo-redo-btn:hover:not(:disabled){background:#ffffff0f;color:var(--text)}.pt-undo-redo-btn:disabled{opacity:.5;cursor:not-allowed}.pt-color-panel{transition:opacity .25s ease}.pt-color-panel.muted{opacity:.6;pointer-events:none}.pt-active-color{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box}.pt-active-sw{width:22px;height:22px;border-radius:5px;border:1px solid rgba(255,255,255,.2);flex:none}.pt-active-hex{font-family:Space Mono,ui-monospace,monospace;font-size:12px;letter-spacing:.5px;color:var(--text)}.pt-size-row{display:flex;gap:6px;width:100%}.pt-size-btn{flex:1;min-height:30px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:var(--text);font-weight:700;cursor:pointer;transition:background .12s ease,border-color .12s ease}.pt-size-btn.active{background:var(--blue);border-color:var(--blue);color:#fff}.pt-modifier-row{display:flex;gap:6px;width:100%}.pt-palette{width:100%;box-sizing:border-box;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:10px}.pt-palette-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.pt-pal-sw{aspect-ratio:1;border-radius:4px;border:1px solid rgba(0,0,0,.18);cursor:pointer;min-width:0;padding:0;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.pt-pal-sw:hover{transform:scale(1.06);border-color:#ffffff73}.pt-pal-sw.active{border-color:#a78bfa;box-shadow:0 0 0 2px #a78bfa8c;transform:scale(1.04)}.pt-recent-row{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;width:100%;min-width:0}.pt-recent{height:16px;min-width:0;border-radius:3px;border:1px solid rgba(255,255,255,.08);cursor:pointer;background:#ffffff0a;transition:transform .12s,border-color .12s}.pt-recent-empty{cursor:default;background:#ffffff05;border-style:dashed;border-color:#ffffff1a}.pt-recent:not(.pt-recent-empty):hover{transform:scale(1.1);border-color:#ffffff73}.pt-recent.active{border-color:#a78bfa;box-shadow:0 0 0 1px #a78bfa8c}.pt-hovertip{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:6px;padding:4px 11px 4px 9px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.01em;color:var(--text);background:#07101e8c;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);box-shadow:0 4px 16px -6px #0000008c;pointer-events:none;z-index:3}.pt-hovertip-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:#94a3b8bf;box-shadow:0 0 0 2px #00000040}.pt-hovertip-label.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px}.pt-hovertip[data-state=unclaimed]{color:var(--muted)}.pt-hovertip[data-state=you]{color:#c4b5fd;background:#1f15378c;border-color:#a78bfa66}.pt-hovertip[data-state=you] .pt-hovertip-dot{background:#a78bfa;box-shadow:0 0 6px #a78bfab3}.pt-hovertip[data-state=other] .pt-hovertip-dot{background:#60a5fa;box-shadow:0 0 5px #60a5fa99}.paint-strip{display:flex;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line);background:#0b1424f5;flex-shrink:0}.pt-overlay-row{display:flex;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:3px}.pt-overlay{display:inline-flex;align-items:center;justify-content:center;gap:4px;background:transparent;border:none;border-radius:6px;padding:6px 10px;color:var(--muted);cursor:pointer;font-size:11px;font-weight:600;white-space:nowrap;font-family:inherit;transition:background .15s,color .15s}.pt-overlay:hover:not(.active){background:#ffffff0f;color:var(--text)}.pt-overlay.active{background:#a78bfa2e;color:#a78bfa}.pt-overlay-row.disabled{opacity:.4;pointer-events:none}.pt-view-dot{width:7px;height:7px;border-radius:50%;background:#3dd68c;animation:ptLivePulse 1.4s infinite}@keyframes ptLivePulse{0%,to{box-shadow:0 0 0 2px #3dd68c26}50%{box-shadow:0 0 0 5px #3dd68c00}}.paint-panel-section{display:flex;flex-direction:column;gap:10px;padding:14px}.pt-commit-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:linear-gradient(180deg,#a78bfa38,#a78bfa21);border:1px solid rgba(167,139,250,.3);border-radius:8px;color:#c4b5fd;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;box-shadow:inset 0 1px #ffffff14;transition:background .15s,border-color .15s,box-shadow .2s var(--ease),transform .15s var(--ease)}.pt-commit-btn:hover:not(:disabled){background:linear-gradient(180deg,#a78bfa57,#a78bfa33);border-color:#a78bfa8c;box-shadow:inset 0 1px #ffffff21,0 6px 20px -6px #a78bfa80}.pt-commit-btn:active:not(:disabled){transform:translateY(1px)}.pt-commit-btn:disabled{opacity:.55;cursor:not-allowed}.pt-done-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:8px;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;color:var(--purple);background:var(--purple-dim);border:1px solid var(--purple-line);transition:background .15s,border-color .15s,box-shadow .15s}.pt-done-btn:hover:not(:disabled){background:#a78bfa47;box-shadow:0 0 16px #a78bfa38}.pt-done-btn.is-done{color:var(--green);background:#4ade801f;border-color:#4ade8073}.pt-done-btn:disabled{opacity:.5;cursor:not-allowed}.paint-readonly .paint-left,.paint-readonly .paint-sidepanel-col .paint-panel-section:not(.pp-section){opacity:.6;pointer-events:none}.paint-readonly .paint-canvas{cursor:default}.pt-commit-count{font-size:11px;color:var(--muted);margin-left:2px}.pt-claim-status{font-size:11px;color:var(--muted)}.pt-info{display:flex;flex-direction:column;gap:14px;padding:16px 14px;border-bottom:1px solid var(--line)}.pt-info-rows{display:flex;flex-direction:column;gap:8px}.pt-info-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.pt-info-label{font-size:11px;color:var(--muted)}.pt-info-value{font-size:12px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.pt-progress-head{display:flex;align-items:baseline;justify-content:space-between}.pt-progress-head .pt-label{margin-bottom:0}.pt-progress-frac{font-size:11px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.pt-progress-track{height:6px;margin:7px 0 6px;border-radius:999px;background:#ffffff12;overflow:hidden}.pt-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#4ca3ff,#a78bfa);transition:width .3s var(--ease)}.pt-progress-mine{display:flex;justify-content:space-between;gap:8px;font-size:10.5px;color:var(--muted);font-variant-numeric:tabular-nums}.paint-claim-gate{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:5;background:#070d1a80;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);animation:paintClaimGateFade .25s ease}@keyframes paintClaimGateFade{0%{opacity:0}to{opacity:1}}.paint-claim-gate-inner{max-width:300px;text-align:center;padding:18px 22px;background:#0f172ae0;border:1px solid rgba(167,139,250,.35);border-radius:12px;box-shadow:0 10px 32px #00000080}.paint-claim-gate-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:6px}.paint-claim-gate-desc{font-size:11px;color:var(--muted);line-height:1.5;margin-bottom:14px}.paint-claim-gate-desc strong{color:var(--text);font-weight:650}.paint-claim-gate-btn{padding:7px 16px;border-radius:8px;border:1px solid rgba(167,139,250,.45);background:#a78bfa38;color:#c4b5fd;font-size:11.5px;font-weight:650;cursor:pointer;font-family:inherit;transition:background .18s ease,transform .18s ease}.paint-claim-gate-btn:hover{background:#a78bfa52;transform:translateY(-1px)}.paint-body.claim-locked .paint-left,.paint-body.claim-locked .paint-sidepanel-col,.paint-body.claim-locked .paint-canvas{opacity:.6;transition:opacity .35s ease}.paint-body.claim-locked .paint-left,.paint-body.claim-locked .paint-sidepanel-col,.paint-body.claim-locked .paint-strip,.paint-body.claim-locked .paint-canvas{pointer-events:none}.paint-body.claim-locked .paint-claim-gate{pointer-events:auto}.pt-commit-modal-overlay{position:fixed;inset:0;background:#000000b3;display:none;align-items:center;justify-content:center;z-index:100}.pt-commit-modal-overlay.open{display:flex}.pt-commit-modal{background:linear-gradient(180deg,#112338,#0b1424);border:1px solid rgba(167,139,250,.18);border-radius:16px;padding:36px 40px 32px;max-width:420px;width:calc(100% - 40px);text-align:center;box-shadow:0 30px 80px -24px #000000bf,inset 0 1px #ffffff0d;animation:modalPop .32s var(--ease) both}.pt-commit-state{display:flex;flex-direction:column;align-items:center}.pt-commit-spinner{width:44px;height:44px;border:3px solid rgba(167,139,250,.2);border-top-color:#a78bfa;border-radius:50%;animation:ptSpin .8s linear infinite;margin-bottom:22px}@keyframes ptSpin{to{transform:rotate(360deg)}}.pt-commit-icon-success,.pt-commit-icon-error{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.pt-commit-icon-success{background:#3dd68c26;border:2px solid #3dd68c;color:#3dd68c}.pt-commit-icon-error{background:var(--red-dim);border:2px solid var(--red);color:var(--red)}.pt-commit-title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:8px}.pt-commit-sub{font-size:13px;color:var(--muted);line-height:1.55;margin-bottom:22px}.pt-commit-done{min-width:96px;min-height:44px;background:#a78bfa33;border:1px solid rgba(167,139,250,.5);border-radius:8px;padding:10px 24px;color:#a78bfa;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}.pt-commit-done:hover{background:#a78bfa52}.pt-ref-strip{display:flex;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:3px;margin-left:auto}.pt-ref-strip-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;padding:6px 12px;color:var(--muted);cursor:pointer;font-size:11px;font-weight:600;white-space:nowrap;font-family:inherit;transition:background .15s,color .15s;flex-shrink:0}.pt-ref-strip-btn:hover:not(:disabled){background:#ffffff0f;color:var(--text)}.pt-ref-strip-btn.active{background:#a78bfa2e;color:#a78bfa}.pt-ref-strip-btn:disabled{opacity:.35;cursor:not-allowed}.pt-ref-slider-wrap{display:flex;align-items:center;padding:0 5px 0 4px;border-left:1px solid var(--line);margin-left:3px}.pt-ref-strip-slider{width:90px;height:4px;appearance:none;-webkit-appearance:none;background:#ffffff1f;border-radius:2px;outline:none;cursor:pointer;transition:opacity .15s}.pt-ref-strip-slider:disabled{opacity:.28;cursor:not-allowed}.pt-ref-strip-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#a78bfa;cursor:pointer}.pt-ref-strip-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#a78bfa;cursor:pointer;border:none}.pt-tool:focus-visible,.pt-undo-redo-btn:focus-visible,.pt-size-btn:focus-visible,.pt-pal-sw:focus-visible,.pt-recent:focus-visible,.pt-commit-btn:focus-visible,.pt-done-btn:focus-visible,.pt-ref-strip-btn:focus-visible,.paint-claim-gate button:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.pt-inline-spinner{display:inline-block;vertical-align:-2px;width:12px;height:12px;border:2px solid rgba(196,181,253,.3);border-top-color:#c4b5fd;border-radius:50%;animation:ptSpin .8s linear infinite}@media(max-width:860px){.paint-header{padding:12px 16px}.paint-header-center{display:none}.paint-left{padding:10px 8px}}.pp-section{min-height:0;flex:0 1 auto}.pp-section-header{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 14px 0 16px;box-sizing:border-box;border-bottom:1px solid var(--line);flex-shrink:0}.pp-section-header .paint-panel-section-title{line-height:1;white-space:nowrap}.pp-count{color:var(--muted);font-weight:500;letter-spacing:normal;text-transform:none;white-space:nowrap;margin-left:4px}.pp-header-actions{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.pp-invite-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:70px;padding:4px 10px;box-sizing:border-box;background:#a78bfa1f;border:1px solid rgba(167,139,250,.3);border-radius:6px;color:#a78bfa;font-size:10.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s}.pp-invite-btn:hover{background:#a78bfa38;border-color:#a78bfa8c}.pp-collapse-btn{background:transparent;border:1px solid var(--line);border-radius:6px;width:28px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;font-family:inherit;padding:0;transition:background .15s,color .15s,border-color .15s}.pp-collapse-btn:hover{background:#ffffff0d;color:var(--text);border-color:#fff3}.pp-collapse-btn svg{transition:transform .15s ease}.pp-list{flex-shrink:1;padding:8px 6px 14px 8px;max-height:193px;overflow-y:auto;scrollbar-gutter:stable;display:flex;flex-direction:column;gap:2px}.pp-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:7px;transition:background .15s}.pp-row:hover{background:#ffffff0a}.pp-dot{position:relative;width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px #0006}.pp-addr{flex:0 0 auto;min-width:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-row-spacer{flex:1 1 0;min-width:4px}.pp-cells{font-size:10.5px;color:var(--muted);flex-shrink:0;white-space:nowrap}.pp-cells .pp-cells-num{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.pp-cells .pp-cells-sep{opacity:.4;margin:0 4px}.pp-row-trailing{display:flex;align-items:center;gap:4px;flex-shrink:0;justify-content:flex-end}.pp-you-badge{background:transparent;border:1px solid rgba(167,139,250,.3);color:#a78bfa;font-size:10px;font-weight:700;padding:0 6px;border-radius:5px;letter-spacing:.04em;flex-shrink:0;text-align:center;min-width:56px;height:22px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.pp-kick{background:transparent;border:1px solid rgba(248,113,113,.3);border-radius:5px;padding:0 6px;color:#f87171;font-size:10px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s;flex-shrink:0;text-align:center;min-width:56px;height:22px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.pp-kick:hover{background:#f8717126;border-color:#f871718c}.pp-info-btn{background:transparent;border:1px solid var(--line);border-radius:5px;width:32px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;font-family:inherit;padding:0;transition:background .15s,border-color .15s,color .15s;flex-shrink:0}.pp-info-btn:hover{background:#ffffff0d;border-color:#ffffff38;color:var(--text)}.pp-focus-btn.active{background:#a78bfa2e;border-color:#a78bfa80;color:#c4b5fd}.pp-focus-btn.active:hover{background:#a78bfa42;border-color:#a78bfaa6;color:#ddd6fe}.pp-info-modal-overlay{position:fixed;inset:0;padding:16px;box-sizing:border-box;background:#030812b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:60;animation:ppInfoFade .18s ease}@keyframes ppInfoFade{0%{opacity:0}to{opacity:1}}.pp-info-modal-box{width:340px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);background:#0d1528fa;border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 18px 48px #0000008c;overflow:hidden}.pp-info-header{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 12px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.pp-info-id{display:flex;align-items:center;gap:8px;min-width:0}.pp-info-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px #0006}.pp-info-addr{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-info-badge{background:#a78bfa24;border:1px solid rgba(167,139,250,.3);color:#a78bfa;font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:5px;letter-spacing:.04em;flex-shrink:0}.pp-info-close{width:44px;height:44px;margin:-10px -10px -10px 4px;background:transparent;border:1px solid var(--line);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}.pp-info-close:hover{background:#ffffff0f;color:var(--text)}.pp-info-body{padding:6px 8px 12px}.pp-info-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px;border-bottom:1px dashed rgba(255,255,255,.05)}.pp-info-row:last-child{border-bottom:none}.pp-info-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.pp-info-val{font-size:12.5px;color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.pp-info-swatches{display:inline-flex;align-items:center;gap:5px}.pp-info-swatch{width:18px;height:18px;border-radius:4px;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px #00000040}.pp-info-muted{color:var(--muted);font-size:11px;font-weight:500}.pp-feed{flex:0 1 auto;min-height:0;max-height:168px;padding:8px 12px;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:4px}.pp-feed::-webkit-scrollbar{width:0;height:0}.pp-empty{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:11px;text-align:center;padding:16px;opacity:.55}.pp-notif{display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:6px;font-size:11px;line-height:1.45;background:#ffffff05}.pp-notif-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:4px;background:var(--purple)}.pp-notif-body{flex:1;min-width:0;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-notif-body .pp-notif-addr{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px;color:var(--muted)}.pp-notif-body .pp-notif-color{display:inline-block;width:9px;height:9px;border-radius:2px;margin:0 2px -1px;box-shadow:0 0 0 1px #0006}.pp-notif-time{font-family:JetBrains Mono,ui-monospace,monospace;font-size:9.5px;color:var(--muted);flex-shrink:0;opacity:.7}.paint-live-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;color:#cbd5e1;background:#34d39914;border:1px solid rgba(52,211,153,.25)}.paint-live-dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 6px #34d399b3}.pp-online{position:absolute;right:-3px;bottom:-3px;width:6px;height:6px;border-radius:50%;background:#475569;border:1.5px solid #0b1220}.pp-online.is-online{background:#34d399;box-shadow:0 0 5px #34d399b3}.remote-cursors{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:5}.remote-cursor{position:absolute;top:0;left:0;will-change:transform;display:flex;align-items:flex-start;gap:2px}.remote-cursor-label{font-size:10px;font-weight:600;color:#0b1220;padding:1px 5px;border-radius:6px;white-space:nowrap;transform:translateY(2px);font-family:JetBrains Mono,ui-monospace,monospace}.remote-cursor-cell{position:absolute;top:0;left:0;box-sizing:border-box;border:1.5px solid;border-radius:1px;opacity:.7;will-change:transform}#pp-chat-section{flex:1 1 auto;min-height:148px}.pp-chat-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.pp-chat-feed{flex:1;min-height:0;padding:8px 20px 8px 12px;overflow-y:auto;scrollbar-gutter:stable;display:flex;flex-direction:column;gap:6px}.pp-chat-empty{color:var(--muted);font-size:11.5px;padding:4px 0}.pp-chat-msg{display:flex;flex-direction:column;gap:2px;padding:4px 0;font-size:11.5px;line-height:1.4}.pp-chat-msg-head{display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--muted)}.pp-chat-msg-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--muted);box-shadow:0 0 0 2px #0006}.pp-chat-msg-addr{font-family:JetBrains Mono,ui-monospace,monospace;color:var(--text);font-weight:600;font-size:10.5px}.pp-chat-msg-time{margin-left:auto;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9.5px;color:var(--muted);opacity:.7}.pp-chat-msg-text{color:var(--text);padding-left:13px;word-break:break-word}.pp-chat-msg.me .pp-chat-msg-text{color:#c4b5fd}.pp-chat-msg.grouped{padding-top:0;margin-top:-4px}.pp-chat-error{flex-shrink:0;padding:6px 12px;font-size:11px;font-weight:600;color:#b91c1c;background:#fef2f2;border-top:1px solid #fecaca}.pp-chat-input-row{display:flex;align-items:center;gap:6px;height:52px;padding:0 12px;box-sizing:border-box;border-top:1px solid var(--line);flex-shrink:0}.pp-chat-input{flex:1;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:7px 10px;color:var(--text);font-family:inherit;font-size:11.5px;outline:none;transition:border-color .15s}.pp-chat-input:focus{border-color:#a78bfa80}.pp-chat-input::placeholder{color:var(--muted)}.pp-chat-input:disabled{opacity:.5;cursor:not-allowed}.pp-chat-send{flex-shrink:0;width:32px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:#a78bfa2e;border:1px solid rgba(167,139,250,.35);border-radius:7px;color:#a78bfa;cursor:pointer;font-family:inherit;padding:0;transition:background .15s,border-color .15s}.pp-chat-send:hover{background:#a78bfa4d;border-color:#a78bfa8c}.pp-chat-send:disabled{opacity:.4;cursor:not-allowed}#pp-chat-mask[data-masked=true]{background:#a78bfa2e;border-color:#a78bfa73;color:#a78bfa}#pp-chat-mask[data-masked=true] .pp-chat-mask-eye-open{display:none}.pp-chat-msg-text-row{display:flex;align-items:flex-start;gap:4px}.pp-chat-msg-text-row .pp-chat-msg-text{flex:1;min-width:0}.pp-chat-msg-deleted{font-style:italic;color:var(--muted);opacity:.7}.pp-chat-del{flex-shrink:0;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;border-radius:4px;color:var(--muted);cursor:pointer;padding:0;opacity:0;transition:opacity .12s,color .12s,background .12s}.pp-chat-msg:hover .pp-chat-del,.pp-chat-del:focus-visible{opacity:.65}.pp-chat-del:hover{color:var(--red);background:#ef44441f;opacity:1}.pt-sheet-layer{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;justify-content:flex-end}.pt-sheet-scrim{position:absolute;inset:0;padding:0;border:0;appearance:none;cursor:pointer;background:#00000080;animation:pt-fade-in .18s ease}.pt-sheet{position:relative;background:#0b1424fa;border-top:1px solid var(--line);border-radius:16px 16px 0 0;max-height:85vh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -12px 40px #00000073;animation:pt-sheet-up .22s var(--ease)}.pt-sheet-handle{display:flex;justify-content:center;padding:10px 0 6px;touch-action:none;cursor:grab}.pt-sheet-grip{width:40px;height:4px;border-radius:2px;background:#ffffff38}.pt-sheet-body{overflow-y:auto;padding:4px 12px 12px;min-height:0}@keyframes pt-fade-in{0%{opacity:0}}@keyframes pt-sheet-up{0%{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.pt-sheet,.pt-sheet-scrim{animation:none}}.pt-sheet-tabs{display:flex;gap:4px;padding:2px 0 10px;position:sticky;top:0;background:#0b1424fa;z-index:1}.pt-sheet-tab{flex:1;min-height:44px;padding:0 8px;background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}.pt-sheet-tab.active{background:#a78bfa29;border-color:#a78bfa66;color:#c4b5fd}.pt-sheet-info{padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid var(--line)}.pt-sheet-live{height:58vh}.paint-topbar-mobile,.pt-dock{display:none}@media(max-width:768px),(hover:none)and (pointer:coarse)and (max-width:1180px),(max-height:520px)and (orientation:landscape){.paint-root{height:100dvh;overflow:hidden}.paint-header,.paint-left,.paint-sidepanel-col,.paint-strip,.paint-canvas-wrap .pt-minimap-wrap{display:none}.paint-body{grid-template-columns:1fr;min-height:0}.paint-canvas-area{width:100%;min-width:0}.paint-canvas-wrap{padding:8px}.paint-topbar-mobile{display:flex;align-items:center;gap:8px;min-height:52px;padding:0 10px;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--line);background:#0b1424f5;flex-shrink:0}.paint-topbar-mobile .back-btn{width:44px;min-width:44px;min-height:44px;justify-content:center;padding:0}.paint-topbar-mobile .back-btn svg{width:14px;height:14px}.paint-topbar-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:13px}.paint-topbar-deadline{font-size:11px;color:var(--muted);white-space:nowrap}.paint-topbar-deadline{display:none}.pt-topbar-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:58px;min-height:44px;padding:0 12px;background:#ffffff0d;border:1px solid var(--line);border-radius:8px;color:var(--text);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.pt-topbar-badge{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;border-radius:999px;background:#a78bfa;color:#0b1220;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.pt-topbar-history{display:flex;gap:4px;flex-shrink:0}.pt-topbar-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;min-height:44px;padding:0;background:#ffffff0d;border:1px solid var(--line);border-radius:8px;color:var(--text);cursor:pointer}.pt-topbar-icon svg{width:16px;height:16px}.pt-topbar-icon:disabled{opacity:.35;cursor:default}.pt-dock{display:flex;flex-direction:column;gap:8px;padding:8px 10px;padding-bottom:calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#0b1424f5;flex-shrink:0}.pt-dock .pt-tool-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:100%}.pt-dock .pt-tool{min-width:0;min-height:48px;padding:0}.pt-dock-actions{display:flex;align-items:stretch;gap:8px}.pt-mobile-swatch{flex:0 0 auto;width:48px;height:48px;border-radius:10px;border:2px solid rgba(255,255,255,.2);cursor:pointer}.pt-dock-actions .pt-size-row{display:flex;gap:6px;flex:1.4 1 0;min-width:0}.pt-dock-actions .pt-size-btn{flex:1 1 0;min-width:44px;min-height:48px}.pt-dock-actions .pt-tool{flex:0 0 auto;min-width:44px;min-height:48px;padding:0 8px}.pt-dock-actions .pt-commit-btn{flex:1 1 0;min-width:84px;margin-left:0;min-height:48px}}@media(max-height:520px)and (orientation:landscape){.paint-topbar-mobile{min-height:48px;padding-inline:8px}.pt-dock{padding-block:6px}.pt-dock .pt-tool,.pt-dock-actions .pt-size-btn,.pt-dock-actions .pt-commit-btn{min-height:44px}.pt-mobile-swatch{width:44px;height:44px}}@media(max-width:768px),(hover:none)and (pointer:coarse)and (max-width:1180px),(max-height:520px)and (orientation:landscape){.pt-commit-modal-overlay{padding:env(safe-area-inset-top) 16px calc(16px + env(safe-area-inset-bottom));box-sizing:border-box}.pt-commit-modal{width:min(100%,380px);max-height:calc(100dvh - 32px);padding:28px 24px 24px;overflow:auto}.paint-claim-gate-inner{width:calc(100vw - 48px);max-width:360px}.pt-dock{background:#0b1424c7;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-top-left-radius:16px;border-top-right-radius:16px}}.paint-left-scroll{flex:1;min-height:0;display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding-bottom:14px}.paint-left-sec{display:flex;flex-direction:column;gap:8px}.pt-eyebrow-row{display:flex;align-items:center;justify-content:space-between}.pt-eyebrow{font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.pt-eyebrow-dim{letter-spacing:.04em;opacity:.7}.paint-left-divider{height:1px;background:var(--line)}.paint-palette-wrap{flex:0 0 auto}.paint-left .pt-tool-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.paint-left .pt-tool{min-height:44px}.paint-left-modrow{display:flex;gap:8px}.paint-left-modrow>*{flex:1 1 0}.paint-jump{font-family:var(--font-ui);font-weight:600;font-size:12px}.paint-left-foot{flex:0 0 auto;padding:12px 0;border-top:1px solid var(--line)}.paint-sidepanel{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%;overflow:hidden}.paint-sidepanel-toggle{display:none}.pt-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px}.pt-stat{padding:10px 11px;border-radius:12px;border:1px solid var(--line);background:var(--surface)}.pt-stat-v{font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.02em}.pt-stat-k{font-family:var(--font-ui);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:2px}.pt-sidepanel-tabs{display:flex;gap:2px;padding:8px;border-bottom:1px solid var(--line);flex:0 0 auto}.pt-sidepanel-tab{flex:1 1 0;min-width:0;padding:6px 4px;font-size:11px;font-weight:600;border:none;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer}.pt-sidepanel-tab.active{background:#7c5cff2e;color:#c4b5fd}.pt-sidepanel-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;padding:10px;overflow-y:auto}.pt-minimap-wrap{position:absolute;right:14px;bottom:14px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;z-index:3}.pt-minimap-toggle{padding:4px 9px;font-size:11px;font-weight:600;border:1px solid var(--line);border-radius:8px;background:#111b2ed1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--muted);cursor:pointer}.pt-minimap-toggle.active{color:#c4b5fd;border-color:#7c5cff80}.pt-minimap{border:1px solid var(--line);border-radius:10px;background:#080e1ae6;box-shadow:0 6px 20px #0006;cursor:crosshair;touch-action:none}.paint-chrome{transition:opacity .2s ease}.is-painting .paint-chrome,.is-painting .pt-sidepanel-tabs,.is-painting .paint-topbar-mobile{opacity:.35;pointer-events:none}@media(prefers-reduced-motion:reduce){.paint-chrome{transition:none}}.paint-left .pt-tool-row{background:none;border:none;padding:0}.paint-left .pt-tool{flex-direction:column;gap:5px;padding:10px 6px;border:1px solid var(--line);background:var(--surface);border-radius:12px;color:var(--muted)}.paint-left .pt-tool .pt-tool-label{font-size:11px;font-weight:600}.pt-tool-ico{display:inline-flex;align-items:center;justify-content:center}.pt-tool-ico svg{width:19px;height:19px}.paint-left .pt-tool:hover:not(.active){background:var(--surface-hover);color:var(--text)}.paint-left .pt-tool.active{background:var(--purple-dim);border-color:var(--purple-line);color:#d6c9ff}.paint-left .pt-tool.active .pt-tool-ico svg{stroke:var(--purple)}.paint-left .pt-tool.zoom-armed .pt-tool-ico svg{stroke:var(--purple)}.paint-left .pt-tool-zoom{grid-column:1 / -1;flex-direction:row;gap:8px}.pt-active-color{padding:10px;border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:11px}.pt-active-sw{width:34px;height:34px;border-radius:9px}.pt-active-meta{display:flex;flex-direction:column;gap:1px}.pt-active-eyebrow{font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.pt-active-hex{font-size:14px;font-weight:600}.pt-size-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;min-height:40px}.pt-size-dot{border-radius:50%;background:currentColor;flex:none}.pt-size-num{font-weight:600}.pt-dock .pt-tool{flex-direction:column}.pt-dock .pt-tool .pt-tool-label{display:none}.pt-dock .pt-tool .pt-tool-ico svg{width:20px;height:20px}.pt-sidepanel-body .pp-section,.pt-sidepanel-body .pp-list{max-height:none}.pt-sidepanel-body .pp-list{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;padding:4px 2px;overflow-y:auto}.pt-sidepanel-body .pp-row{gap:11px;padding:10px;border:1px solid var(--line);background:var(--surface);border-radius:12px}.pt-sidepanel-body .pp-row:hover{background:var(--surface-hover)}.pt-sidepanel-body .pp-dot{width:34px;height:34px;border-radius:9px;flex:0 0 auto}.pt-sidepanel-body .pp-online{right:-2px;bottom:-2px;width:9px;height:9px;border:2px solid #0c1626}.pp-meta{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.pt-sidepanel-body .pp-addr{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt-sidepanel-body .pp-cells{font-size:11.5px}.paint-sidepanel-col .pt-commit-btn{height:48px;border-radius:13px;background:linear-gradient(135deg,var(--purple),#8b6ef0);color:#0c0820;font-weight:700;box-shadow:0 8px 24px #a78bfa47}.paint-sidepanel-col .pt-commit-btn:disabled{background:var(--surface);color:var(--muted);box-shadow:none}.paint-sidepanel-col .pt-commit-count{background:#0c082059}.paint-left,.paint-sidepanel-col{background:#0d1626b8;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.pt-sidepanel-body .pp-section{flex:1 1 auto;display:flex;flex-direction:column}.pt-sidepanel-body .pp-list{flex:0 1 auto}.pp-seats{flex:1 1 auto;min-height:96px;margin:8px 2px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px dashed var(--line);border-radius:14px;background:#ffffff05;color:var(--muted);cursor:pointer;transition:border-color .15s,background .15s}.pp-seats:hover{border-color:var(--purple-line);background:var(--purple-dim)}.pp-seats-title{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--text)}.pp-seats-sub{font-size:11.5px}.paint-left .pt-size-btn.active{background:var(--purple-dim);border-color:var(--purple-line);color:#d6c9ff}.paint-left .pt-size-btn.active .pt-size-dot{background:var(--purple)}.paint-root{--muted: rgba(238, 242, 248, .64);--line: rgba(255, 255, 255, .12)}.pt-sidepanel-info{flex:0 0 auto;padding:14px;border-bottom:1px solid var(--line)}.pt-sidepanel-body .pp-meta{min-width:0}.pt-sidepanel-body .pp-cells{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt-sidepanel-body .pp-row-trailing{gap:4px}.pt-sidepanel-body .pp-info-btn{flex:0 0 auto}.pt-active-color .pt-active-sw{box-shadow:inset 0 0 0 1px #ffffff29,0 1px 2px #0006}.paint-strip .pt-ref-strip{margin-left:auto}.pt-sidepanel-body .pp-chat-feed{display:flex;flex-direction:column;gap:4px;padding:4px 2px}.pt-sidepanel-body .pp-chat-msg{max-width:88%;padding:7px 10px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}.pt-sidepanel-body .pp-chat-msg.grouped{border-top-left-radius:5px}.pt-sidepanel-body .pp-chat-msg.me{align-self:flex-end;background:var(--purple-dim);border-color:var(--purple-line)}.pt-sidepanel-body .pp-chat-msg.me.grouped{border-top-right-radius:5px;border-top-left-radius:12px}.pt-sidepanel-body .pp-chat-msg-head{display:flex;align-items:center;gap:6px;margin-bottom:3px}.pt-sidepanel-body .pp-chat-msg-addr{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:11.5px;color:var(--text)}.pt-sidepanel-body .pp-chat-msg-time{font-size:10px;color:var(--muted);margin-left:auto}.pt-sidepanel-body .pp-chat-msg-text{font-size:13px;line-height:1.45;word-break:break-word}.pt-sidepanel-body #pp-chat-section>.pp-section-header .paint-panel-section-title{display:none}.pt-sidepanel-body .pp-row{flex-wrap:wrap;align-items:center;row-gap:5px}.pt-sidepanel-body .pp-addr{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:13px}.pt-sidepanel-body .pp-cells{flex-basis:100%;white-space:normal;overflow:visible;font-size:11.5px}.pp-live{flex:1 1 auto;min-height:0;padding:0}.pp-live .pp-chat-body{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.pp-live-feed{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:7px;padding:12px}.pp-live-event{display:flex;align-items:baseline;gap:8px;font-size:12px;color:var(--muted);padding:0 2px}.pp-live-event .pp-notif-dot{width:5px;height:5px;border-radius:50%;background:var(--muted);flex:0 0 auto;align-self:center}.pp-live-event .pp-notif-body{flex:1 1 auto;min-width:0}.pp-live-event .pp-notif-addr{font-family:Space Grotesk,sans-serif;font-weight:600;color:var(--text)}.pp-live-event .pp-notif-color{display:inline-block;width:10px;height:10px;border-radius:3px;margin-left:5px;vertical-align:middle;border:1px solid rgba(255,255,255,.2)}.pp-live-event .pp-notif-time{margin-left:auto;font-size:10px;opacity:.7;flex:0 0 auto}.pp-live .pp-chat-input-row{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--line)}.pp-live .pp-chat-input{flex:1 1 auto;min-width:0}.pp-live-mask{width:36px;height:36px;flex:0 0 auto;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer}.pp-live-mask[data-masked=true]{color:#c4b5fd;border-color:var(--purple-line)}.pt-sidepanel-body .pp-chat-feed{display:flex;flex-direction:column;gap:1px;padding:10px 8px}.pt-sidepanel-body .pp-chat-msg{display:flex;gap:9px;max-width:none;align-self:stretch;background:none;border:none;border-radius:8px;padding:5px 6px}.pt-sidepanel-body .pp-chat-msg.me{align-self:stretch;background:none;border:none}.pt-sidepanel-body .pp-chat-msg:hover{background:#ffffff08}.pt-sidepanel-body .pp-chat-msg.grouped{padding-top:0}.pp-chat-av{width:30px;height:30px;flex:0 0 auto;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:11px;color:#0a1322}.pp-chat-msg.grouped .pp-chat-av{visibility:hidden;height:0}.pp-chat-main{flex:1 1 auto;min-width:0}.pt-sidepanel-body .pp-chat-msg-head{display:flex;align-items:baseline;gap:7px;margin-bottom:1px}.pt-sidepanel-body .pp-chat-msg-addr{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:13px;color:var(--text)}.pt-sidepanel-body .pp-chat-msg.me .pp-chat-msg-addr{color:var(--purple)}.pt-sidepanel-body .pp-chat-msg-time{font-size:10.5px;color:var(--muted);margin-left:0}.pt-sidepanel-body .pp-chat-msg-text-row{display:flex;align-items:flex-start;gap:6px}.pt-sidepanel-body .pp-chat-msg-text{flex:1 1 auto;font-size:13.5px;line-height:1.45;color:#dfe6f0;word-break:break-word}.pt-sidepanel-body .pp-notif{display:flex;align-items:center;gap:10px;padding:7px 4px}.pp-notif-ico{width:24px;height:24px;flex:0 0 auto;border-radius:7px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--line);color:var(--muted)}.pp-notif-ico svg{width:13px;height:13px}.pp-notif-ico-paint{color:var(--purple)}.pp-notif-ico-commit{color:var(--green)}.pp-notif-ico-join{color:var(--blue)}.pp-notif-ico-claim,.pp-notif-ico-finalize{color:var(--gold)}.pt-sidepanel-body .pp-notif-body{flex:1 1 auto;min-width:0;font-size:12.5px;color:var(--muted);line-height:1.4}.pt-sidepanel-body .pp-notif-addr{font-family:Space Grotesk,sans-serif;font-weight:600;color:var(--text)}.pt-sidepanel-body .pp-notif-time{flex:0 0 auto;font-size:10px;color:var(--muted);opacity:.7}.paint-sidepanel-col .pt-commit-btn{display:inline-flex;align-items:center;justify-content:center}.paint-sidepanel-col .pt-commit-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:8px;border-radius:999px;background:#0c082066;color:#0c0820;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:11px}.pp-livesplit{display:flex;flex-direction:column;min-height:0;height:100%}.pp-livesplit-top{flex:0 0 42%;min-height:0;display:flex;flex-direction:column;border-bottom:1px solid var(--line)}.pp-livesplit-bot{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.pp-livesplit-top>.pp-section,.pp-livesplit-bot>.paint-panel-section{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.pp-livesplit-top .pp-feed{flex:1 1 auto;min-height:0;overflow-y:auto}.pp-livesplit #pp-chat-section>.pp-section-header .paint-panel-section-title{display:block}.pt-sidepanel-body .pp-info-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--muted)}.pt-sidepanel-body .pp-info-btn.active{border-color:var(--purple-line);color:#d6c9ff}.pt-sidepanel-body .pp-you-badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:7px;background:var(--purple-dim);color:#d6c9ff;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:10px;letter-spacing:.04em}.pt-sidepanel-body .pp-kick{height:22px;padding:0 9px;border-radius:7px;border:1px solid rgba(248,113,113,.4);background:#f871711a;color:#f87171;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:11px}.pt-sidepanel-body .pp-notif-color{display:inline-block;width:11px;height:11px;border-radius:3px;margin-left:6px;vertical-align:middle;border:1px solid rgba(255,255,255,.22)}.pt-sidepanel-info .pt-info-row{padding:3px 0}.pt-sidepanel-info .pt-info-label{font-size:12px}.pt-sidepanel-info .pt-info-value{font-size:13.5px;font-weight:600}.pt-sidepanel-info .pt-progress-frac{font-size:13px;font-weight:600}.pp-showmore{margin:6px 2px 2px;padding:9px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-family:Space Grotesk,sans-serif;font-weight:600;font-size:12px;cursor:pointer}.pp-showmore:hover{background:var(--surface-hover);color:var(--text)}.pt-commit-strip{width:auto;min-width:0;height:34px;margin-left:10px;padding:0 16px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,var(--purple),#8b6ef0);color:#0c0820;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:13px;box-shadow:0 6px 18px #a78bfa47}.pt-commit-strip:disabled{background:var(--surface);color:var(--muted);box-shadow:none}.pt-commit-strip .pt-commit-count{margin-left:8px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#0c082066;color:#0c0820;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.pt-commit-strip:disabled .pt-commit-count{background:#ffffff14;color:var(--muted)}.pt-leave-modal{max-width:340px;text-align:center}.pt-leave-title{font-size:16px;font-weight:650;color:var(--text);margin-bottom:8px}.pt-leave-body{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:16px}.pt-leave-actions{display:flex;gap:10px}.pt-leave-stay,.pt-leave-go{flex:1;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer}.pt-leave-stay{color:var(--text);background:var(--surface);border:1px solid var(--line)}.pt-leave-stay:hover{background:var(--surface-hover)}.pt-leave-go{color:var(--red);background:var(--red-dim);border:1px solid rgba(248,113,113,.4)}.pt-leave-go:hover{background:#f871712e}.sg-screen{min-height:100dvh;color:var(--text)}.sg-screen,.sg-room{background:transparent}.sg-header{position:fixed;top:0;right:0;left:0;z-index:30;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 clamp(18px,3vw,42px);border-bottom:1px solid var(--line);background:#07101ec7;box-shadow:0 14px 34px #0000003d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sg-header-left{display:flex;align-items:center;gap:14px}.sg-back{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 15px;color:var(--text);font-weight:700;font-size:13px;letter-spacing:0;text-decoration:none;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff0f;box-shadow:inset 0 1px #ffffff14,0 12px 24px #00000029}.sg-back:hover,.sg-back:focus-visible{color:var(--text);border-color:#4ca3ff6b;background:#4ca3ff1f}.sg-back svg{width:14px;height:14px}.sg-title{margin:0;font-size:16px;font-weight:800;letter-spacing:0}.sg-hint{color:var(--muted);font-size:12px;font-weight:700}.sg-room{--sg-pan-duration: .56s;position:relative;display:grid;place-items:center;min-height:100dvh;padding:92px clamp(64px,8vw,136px) 60px;overflow:hidden;isolation:isolate}.sg-room:before{position:absolute;inset:64px 0 0;z-index:-2;pointer-events:none;content:"";background:linear-gradient(90deg,transparent 0 49.7%,rgba(255,255,255,.035) 49.8% 50.2%,transparent 50.3%),linear-gradient(0deg,transparent 0 49.7%,rgba(255,255,255,.028) 49.8% 50.2%,transparent 50.3%);background-size:178px 178px;opacity:.46}.sg-room:after{position:absolute;inset:64px 0 0;z-index:-1;pointer-events:none;content:"";background:radial-gradient(circle at 50% 38%,rgba(76,163,255,.16),transparent 34%),radial-gradient(circle at 18% 54%,rgba(167,139,250,.1),transparent 28%),radial-gradient(circle at 86% 22%,rgba(255,209,102,.08),transparent 22%),linear-gradient(180deg,#ffffff08,#07101e6b);opacity:.86}.sg-stage-shell{position:relative;z-index:8;display:flex;align-items:center;justify-content:center;width:min(100%,680px)}.sg-frame{position:relative;display:flex;flex-direction:column;align-items:center;width:min(42vw,calc(100dvh - 188px),604px);min-width:360px;margin:0;transform:translateZ(0);transform-origin:50% 56%;will-change:transform,opacity}.sg-frame:before{position:absolute;inset:20px -18px -26px;z-index:-2;pointer-events:none;content:"";border-radius:28px;background:radial-gradient(ellipse at 50% 20%,rgba(76,163,255,.14),transparent 52%),#00000047;box-shadow:0 42px 80px #00000075,0 18px 34px #00000047;opacity:.92}.sg-frame:after{position:absolute;top:-14px;left:50%;z-index:-1;width:min(46%,236px);height:9px;pointer-events:none;content:"";border:1px solid rgba(255,255,255,.1);border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent),linear-gradient(180deg,#ffffff29,#ffffff0a 34%,#0000002e);box-shadow:inset 0 1px #ffffff2e,0 8px 18px #00000047;opacity:.76;transform:translate(-50%)}.sg-mat{position:relative;order:1;width:100%;aspect-ratio:1 / 1;padding:clamp(12px,1.2vw,18px);overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:linear-gradient(145deg,#ffffff29,#ffffff05 28%,#0000002e 72%),linear-gradient(180deg,#1d2634fa,#080c12fa);box-shadow:inset 0 1px #ffffff3d,inset 0 -1px #000000b8,0 0 0 1px #000000d1,0 28px 66px #0000006b}.sg-mat:before,.sg-mat:after{position:absolute;pointer-events:none;content:""}.sg-mat:before{inset:clamp(24px,3.2vw,42px);z-index:1;border-radius:10px;background:linear-gradient(180deg,#fffffff0,#f8f8f4e6),#f8f8f3;box-shadow:inset 0 1px #ffffffeb,inset 0 -28px 48px #07101e12,0 0 0 1px #07101e1a}.sg-mat:after{inset:10px;z-index:4;border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 32%),linear-gradient(315deg,transparent 54%,rgba(76,163,255,.06));opacity:.68}.sg-stage{position:absolute;inset:clamp(36px,4.8vw,64px);z-index:2;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(7,16,30,.16);border-radius:6px;background:#fff;box-shadow:0 0 0 1px #ffffffbd,0 10px 28px #07101e1c}.sg-canvas{display:block;width:100%;height:100%;touch-action:none;background:#fff}.sg-stage-status{position:absolute;top:50%;left:50%;z-index:5;padding:8px 12px;color:#07101eb8;font-size:12px;font-weight:850;border:1px solid rgba(7,16,30,.08);border-radius:999px;background:#ffffffd1;box-shadow:0 12px 26px #07101e1f;pointer-events:none;transform:translate(-50%,-50%)}.sg-loader,.sg-empty,.sg-error{display:grid;place-items:center;min-height:100dvh;padding:24px;color:var(--muted);text-align:center}.sg-error{color:#fecaca}.sg-label{position:relative;z-index:7;order:2;display:inline-flex;align-items:center;gap:9px;max-width:min(100%,540px);min-height:42px;margin:13px auto 0;padding:8px 15px;color:var(--text);border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#141b28db;box-shadow:inset 0 1px #ffffff14,0 16px 32px #0000003d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sg-season{overflow:hidden;font-weight:850;font-size:clamp(15px,1.2vw,18px);font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis}.sg-dates{color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}.sg-chip{padding:4px 7px;color:var(--gold);font-size:10px;font-weight:850;line-height:1;text-transform:uppercase;white-space:nowrap;border:1px solid rgba(255,209,102,.28);border-radius:999px;background:#ffd1661f}.sg-chip-active{color:var(--blue);border-color:#4ca3ff52;background:#4ca3ff21}.sg-chip-ended{color:var(--gold)}.sg-side-panels{position:fixed;inset:64px 0 0;z-index:5;min-inline-size:0;margin:0;padding:0;border:0;pointer-events:none}.sg-side-panel{--side-transform: translate3d(0, -50%, 0);--side-shift: 0px;position:absolute;display:block;width:clamp(168px,15.2vw,260px);padding:0;color:var(--text);text-align:left;border:0;background:transparent;cursor:pointer;pointer-events:auto;transform:var(--side-transform);transform-origin:50% 52%;transition:transform .18s ease,opacity .18s ease;will-change:transform,opacity}.sg-side-panel:before{position:absolute;top:-12px;left:50%;z-index:-1;width:46%;height:7px;pointer-events:none;content:"";border:1px solid rgba(255,255,255,.08);border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent),linear-gradient(180deg,#ffffff1f,#0c1119db);box-shadow:0 8px 16px #00000047;opacity:.68;transform:translate(-50%)}.sg-side-panel:after{position:absolute;inset:18px -12px -16px;z-index:-2;pointer-events:none;content:"";border-radius:20px;background:#00000042;box-shadow:0 24px 44px #00000057}.sg-side-panel:hover,.sg-side-panel:focus-visible{opacity:1;outline:none;transform:var(--side-transform) translate3d(0,-5px,0) scale(1.025)}.sg-side-panel:focus-visible .sg-side-art{border-color:#4ca3ff85;box-shadow:inset 0 1px #ffffff24,0 0 0 3px #4ca3ff29,0 18px 42px #00000052}.sg-side-panel-old{top:60%;left:clamp(78px,6.6vw,128px);opacity:.7;--side-transform: translate3d(0, -50%, 0) perspective(900px) rotateY(7deg) rotateZ(-3deg)}.sg-side-panel-new{top:40%;right:clamp(86px,7.8vw,150px);opacity:.78;--side-transform: translate3d(0, -50%, 0) perspective(900px) rotateY(-8deg) rotateZ(2deg)}.sg-side-art{position:relative;display:block;aspect-ratio:.82 / 1;overflow:hidden;padding:9px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:linear-gradient(145deg,#ffffff1f,#ffffff05 30%,#0000003d),linear-gradient(180deg,#18212ff5,#080c12f5);box-shadow:inset 0 1px #ffffff29,0 0 0 1px #0000009e,0 18px 42px #00000047}.sg-side-art:before{position:absolute;inset:20px;z-index:0;pointer-events:none;content:"";border-radius:6px;background:#ffffffe6;box-shadow:inset 0 -12px 22px #07101e14}.sg-side-art:after{position:absolute;inset:8px;z-index:3;pointer-events:none;content:"";border-radius:11px;background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 36%)}.sg-side-panel-old .sg-side-art{aspect-ratio:1.06 / 1}.sg-side-thumb{position:absolute;inset:24px;z-index:1;display:block;width:calc(100% - 48px);height:calc(100% - 48px);border:1px solid rgba(7,16,30,.15);border-radius:5px;background:#fff}.sg-side-meta{position:absolute;right:13px;bottom:12px;left:13px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:27px;padding:6px 8px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:#080c12c7;box-shadow:inset 0 1px #ffffff14}.sg-side-meta strong,.sg-side-meta small{overflow:hidden;font-size:10px;font-weight:850;line-height:1;white-space:nowrap;text-overflow:ellipsis}.sg-side-meta small{flex:0 0 auto;color:var(--muted);text-transform:uppercase}.sg-side-meta strong{color:var(--gold)}.sg-legend{position:absolute;right:clamp(18px,2.5vw,48px);bottom:clamp(20px,3vw,42px);z-index:12;display:flex;align-items:center;gap:8px;margin:0;padding:8px 10px;color:var(--muted);list-style:none;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:#0b1220b8;box-shadow:inset 0 1px #ffffff12,0 12px 26px #0003;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sg-legend-item{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:750;white-space:nowrap}.sg-legend-swatch{display:inline-block;width:10px;height:10px;border:1px solid rgba(255,255,255,.16);border-radius:3px;box-shadow:inset 0 1px #ffffff2e}.sg-legend-empty{background:#eef1f6}.sg-legend-canvas{background:#dfe7f5}.sg-legend-owned{background:#f3ecd6}.sg-season-rail{position:absolute;bottom:clamp(20px,3vw,42px);left:50%;z-index:12;display:flex;align-items:center;max-width:min(42vw,520px);gap:5px;padding:6px;overflow-x:auto;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:#0b1220b8;box-shadow:inset 0 1px #ffffff12,0 12px 26px #0003;scrollbar-width:none;transform:translate(-50%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sg-season-rail::-webkit-scrollbar{display:none}.sg-season-rail button{display:grid;flex:0 0 auto;place-items:center;min-width:28px;height:28px;padding:0 8px;color:var(--muted);font-size:11px;font-weight:850;border:1px solid transparent;border-radius:999px;background:transparent;cursor:pointer}.sg-season-rail button:hover,.sg-season-rail button:focus-visible{color:var(--text);border-color:#4ca3ff47;background:#4ca3ff1f;outline:none}.sg-season-rail button.active{color:var(--bg);border-color:#ffd1667a;background:var(--gold)}.sg-arrow{position:absolute;top:50%;z-index:12;display:grid;place-items:center;width:48px;height:48px;color:var(--text);border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#0f1726ad;box-shadow:inset 0 1px #ffffff1a,0 16px 34px #00000047;cursor:pointer;opacity:.84;transform:translateY(-50%);transition:transform .18s ease,opacity .18s ease,border-color .18s ease,background .18s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sg-arrow:hover,.sg-arrow:focus-visible{border-color:#4ca3ff73;background:#4ca3ff24;opacity:1;outline:none;transform:translateY(-50%) scale(1.04)}.sg-arrow:disabled{cursor:default;opacity:0;pointer-events:none}.sg-arrow-left{left:clamp(18px,2.5vw,48px)}.sg-arrow-right{right:clamp(18px,2.5vw,48px)}.sg-full-toggle{position:absolute;top:86px;right:clamp(18px,2.5vw,48px);z-index:12;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;color:var(--text);font-size:12px;font-weight:800;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#0f1726b3;box-shadow:inset 0 1px #ffffff14,0 14px 28px #00000038;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sg-full-toggle:hover,.sg-full-toggle:focus-visible{border-color:#4ca3ff70;background:#4ca3ff21;outline:none}.sg-exit{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 10px;color:var(--text);font-size:11px;font-weight:850;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff12;cursor:pointer}.sg-exit:hover,.sg-exit:focus-visible{border-color:#4ca3ff6b;background:#4ca3ff24;outline:none}.sg-live{position:fixed;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sg-links{order:3;display:flex;justify-content:center;gap:8px;margin-top:10px}.sg-link,.sg-panel-go{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;color:var(--text);font-size:12px;font-weight:850;text-decoration:none;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:#ffffff12;cursor:pointer}.sg-link:hover,.sg-link:focus-visible,.sg-panel-go:hover,.sg-panel-go:focus-visible{border-color:#4ca3ff6b;background:#4ca3ff24;outline:none}.sg-viewer-tools{position:absolute;bottom:18px;left:50%;z-index:46;display:inline-flex;align-items:center;gap:6px;min-inline-size:0;margin:0;padding:6px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#0b1220c2;box-shadow:inset 0 1px #ffffff17,0 16px 34px #0000003d;transform:translate(-50%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sg-viewer-tools button{display:inline-grid;place-items:center;min-width:34px;height:30px;padding:0 10px;color:var(--text);font-size:12px;font-weight:850;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff12;cursor:pointer}.sg-viewer-tools button:hover,.sg-viewer-tools button:focus-visible{border-color:#4ca3ff6b;background:#4ca3ff24;outline:none}.sg-room.sg-pan-left .sg-frame{animation:sg-center-from-left var(--sg-pan-duration) cubic-bezier(.2,.8,.2,1) both}.sg-room.sg-pan-right .sg-frame{animation:sg-center-from-right var(--sg-pan-duration) cubic-bezier(.2,.8,.2,1) both}.sg-room.sg-pan-left .sg-side-panel,.sg-room.sg-pan-right .sg-side-panel{animation:sg-side-settle var(--sg-pan-duration) cubic-bezier(.2,.8,.2,1) both}.sg-room.sg-pan-left .sg-side-panel{--side-shift: 28px}.sg-room.sg-pan-right .sg-side-panel{--side-shift: -28px}@keyframes sg-center-from-left{0%{opacity:.34;transform:translate3d(-34px,0,0) scale(.985)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes sg-center-from-right{0%{opacity:.34;transform:translate3d(34px,0,0) scale(.985)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes sg-side-settle{0%{opacity:.32;transform:var(--side-transform) translate3d(var(--side-shift),0,0) scale(.975)}to{transform:var(--side-transform) translateZ(0) scale(1)}}.sg-panel{position:fixed;top:84px;right:clamp(16px,2.5vw,36px);z-index:42;width:min(300px,calc(100vw - 32px));padding:16px;color:var(--text);border:1px solid var(--line);border-radius:18px;background:#0b1220c7;box-shadow:inset 0 1px #ffffff12,0 18px 42px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sg-panel-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:28px;height:28px;color:var(--text);border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff12;cursor:pointer}.sg-panel-close:hover,.sg-panel-close:focus-visible{border-color:#4ca3ff6b;background:#4ca3ff24;outline:none}.sg-panel-head{margin:0 36px 12px 0;font-weight:850;font-size:14px}.sg-panel-name{margin-bottom:12px;font-weight:850;font-size:16px;font-family:var(--font-display)}.sg-panel-muted{color:var(--muted);font-size:13px;line-height:1.45}.sg-panel-stats{display:grid;gap:9px;margin:0 0 14px;color:var(--muted);font-size:12px}.sg-panel-stats div{display:grid;grid-template-columns:1fr auto;gap:12px}.sg-panel-stats dt,.sg-panel-stats dd{margin:0}.sg-panel-stats dd{color:var(--text);font-weight:800}.sg-screen.sg-fullscreen{background:#fff}.sg-fullscreen .sg-header,.sg-fullscreen .sg-side-panels,.sg-fullscreen .sg-legend,.sg-fullscreen .sg-season-rail,.sg-fullscreen .sg-arrow,.sg-fullscreen .sg-full-toggle{display:none}.sg-fullscreen .sg-room{min-height:100dvh;padding:0;background:#fff}.sg-fullscreen .sg-room:before,.sg-fullscreen .sg-room:after,.sg-fullscreen .sg-frame:before,.sg-fullscreen .sg-frame:after,.sg-fullscreen .sg-mat:before,.sg-fullscreen .sg-mat:after{display:none}.sg-fullscreen .sg-frame{position:fixed;inset:0;width:100vw;min-width:0;height:100dvh}.sg-fullscreen .sg-mat{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:#fff;box-shadow:none}.sg-fullscreen .sg-label{position:fixed;top:16px;left:50%;z-index:45;margin:0;transform:translate(-50%)}.sg-fullscreen .sg-stage{inset:0;border:0;border-radius:0;background:#fff;box-shadow:none}@media(max-width:1180px){.sg-room{padding-right:clamp(42px,5vw,80px);padding-left:clamp(42px,5vw,80px)}.sg-frame{width:min(54vw,calc(100dvh - 190px),560px);min-width:330px}.sg-side-panel{width:clamp(136px,16vw,190px)}.sg-side-panel-old{left:clamp(28px,4vw,72px)}.sg-side-panel-new{right:clamp(28px,4vw,72px)}}@media(max-width:860px){.sg-header{height:58px;padding:0 14px}.sg-title{font-size:15px}.sg-hint{display:none}.sg-room{padding:78px 18px 42px}.sg-frame{width:min(86vw,calc(100dvh - 168px),540px);min-width:0}.sg-side-panels{display:none}.sg-arrow{width:42px;height:42px}.sg-arrow-left{left:12px}.sg-arrow-right{right:12px}.sg-full-toggle{top:72px;right:14px;height:34px;padding:0 11px}.sg-panel,.sg-legend,.sg-season-rail{display:none}.sg-label{max-width:calc(100vw - 32px)}}@media(max-width:520px){.sg-back span{display:none}.sg-back{width:36px;padding:0;justify-content:center}.sg-mat{padding:10px;border-radius:16px}.sg-stage{inset:30px}.sg-label{gap:7px;padding:7px 10px}.sg-season{font-size:14px}.sg-dates{display:none}}@media(prefers-reduced-motion:reduce){.sg-frame,.sg-side-panel{animation:none!important;transition:none}}:root{--bg: #07101e;--surface: rgba(255, 255, 255, .06);--surface-hover: rgba(255, 255, 255, .09);--line: rgba(255, 255, 255, .09);--text: #eef2f8;--muted: rgba(238, 242, 248, .5);--blue: #4ca3ff;--blue-dim: rgba(76, 163, 255, .12);--blue-glow: rgba(76, 163, 255, .3);--gold: #ffd166;--gold-dim: rgba(255, 209, 102, .12);--green: #4ade80;--red: #f87171;--red-dim: rgba(248, 113, 113, .1);--purple: #a78bfa;--purple-dim: rgba(167, 139, 250, .15);--purple-line: rgba(167, 139, 250, .55);--ease: cubic-bezier(.22, 1, .36, 1);--font-display: "Bricolage Grotesque", "Space Grotesk", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;color-scheme:dark}::selection{background:#4ca3ff47;color:#fff}*{scrollbar-width:thin;scrollbar-color:rgba(167,139,250,.35) transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-thumb{background:#a78bfa4d;border-radius:99px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#a78bfa80;background-clip:padding-box}*::-webkit-scrollbar-track{background:transparent}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);height:100dvh;overflow:hidden}.mobile-gate{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px calc(20px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));box-sizing:border-box}.mobile-gate-card{max-width:360px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.mobile-gate-logo{display:flex;align-items:center;gap:9px;margin-bottom:4px}.mobile-gate-logo-grid{display:grid;grid-template-columns:repeat(3,5px);grid-auto-rows:5px;gap:2px}.mobile-gate-logo-grid span{width:5px;height:5px;border-radius:1px;background:#7aa2ff}.mobile-gate-logo-name{font-size:15px;font-weight:700;letter-spacing:.2px;color:var(--text)}.mobile-gate-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:#6395ff1f;border:1px solid rgba(99,149,255,.25);color:#7aa2ff}.mobile-gate-icon svg{width:30px;height:30px}.mobile-gate-card h1{margin:6px 0 0;font-size:21px;font-weight:700;color:var(--text)}.mobile-gate-card p{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}.mobile-gate-foot{margin-top:4px!important;font-size:12.5px!important;opacity:.7}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 12% 0%,rgba(76,163,255,.16),transparent 70%),radial-gradient(55% 50% at 92% 102%,rgba(167,139,250,.14),transparent 70%),radial-gradient(40% 38% at 78% 8%,rgba(255,209,102,.06),transparent 70%)}body:after{content:"";position:fixed;inset:0;z-index:9000;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#bg-grid{position:fixed;inset:0;z-index:0;pointer-events:none;display:grid;gap:4px}.bg-tile{border-radius:5px;background:#4ca3ffb3;transition:opacity 3s ease;will-change:opacity}.bg-vignette{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 78% 62% at 50% 46%,transparent 34%,rgba(7,16,30,.92) 100%)}.screen{position:fixed;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;transition:opacity .5s var(--ease)}.screen.hidden{opacity:0;pointer-events:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes tileIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes modalPop{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.bg-tile{transition:none!important}}html,body{overscroll-behavior:none}@media(pointer:coarse){.paint-root{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}@media(max-width:768px){input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px}}.split-flap{display:inline-flex;gap:4px;perspective:340px}.flap-cell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.55ch;min-width:30px;height:44px;border-radius:6px;border:1px solid var(--line);background:linear-gradient(180deg,#182336 0 calc(50% - .5px),#0e1626 50% 100%);box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #0006,0 2px 5px #00000073;overflow:hidden;font-family:var(--font-display);font-weight:600;font-size:28px;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}.flap-cell:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#0009;box-shadow:0 1px #ffffff0a;transform:translateY(-.5px);z-index:2}.flap-leaf{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform-origin:center top;backface-visibility:hidden;animation:flapDrop .42s var(--ease) both}@keyframes flapDrop{0%{transform:rotateX(-88deg);opacity:.25}55%{transform:rotateX(9deg);opacity:1}to{transform:rotateX(0)}}@media(prefers-reduced-motion:reduce){.flap-leaf{animation:none}}.split-flap.word .flap-cell{width:1.05ch;min-width:30px;font-size:23px;letter-spacing:.5px;color:#eef2f8d1}.season-clock{display:flex;flex-direction:column;align-items:center;gap:12px}.season-clock.banner{margin:2px 0 12px}.season-clock-label{display:inline-flex;align-items:center;gap:7px;padding:4px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}.season-clock.active .season-clock-label{color:var(--gold);border-color:#ffd1664d;background:var(--gold-dim)}.season-clock-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold);animation:season-pulse 2.4s var(--ease) infinite}.season-clock-row{display:inline-flex;align-items:flex-start;gap:8px}.flap-group{display:inline-flex;flex-direction:column;align-items:center;gap:6px}.flap-cap{font-size:9px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}.flap-colon{font-family:var(--font-display);font-weight:700;font-size:24px;line-height:44px;color:var(--muted)}.season-clock.active .flap-cell{color:var(--text);border-color:#ffd16638;box-shadow:inset 0 1px #ffd16624,inset 0 -1px #0006,0 2px 5px #00000073}.season-clock.compact{flex-direction:row}.split-flap.compact{gap:2px;perspective:200px}.split-flap.compact .flap-cell{min-width:18px;width:1.3ch;height:26px;border-radius:4px;font-size:16px}.season-clock.compact .flap-colon{font-size:14px;line-height:26px}.season-clock.compact .season-clock-row{gap:3px}.split-flap.compact.word .flap-cell{min-width:16px;font-size:13px}