@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--acc: #d7ff3a;--ink: #0e0e10;--ink2: #14141a;--ink3: #1b1b22;--ink4: #22232a;--line: rgba(255, 255, 255, .08);--line2: rgba(255, 255, 255, .14);--mute: rgba(255, 255, 255, .56);--mute2: rgba(255, 255, 255, .36);--paper: #fbfaf6;--hot: #ff5bd0;--cy: #5be9ff;--warn: #ff8a3d;--green: #22a858;--violet: #7a5ae0;--f-disp: "Space Grotesk", "Avenir Next", system-ui, sans-serif;--f-ui: "Outfit", "Avenir Next", system-ui, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden;background:radial-gradient(circle at 16% 12%,rgba(215,255,58,.16),transparent 28%),radial-gradient(circle at 92% 18%,rgba(255,91,208,.12),transparent 24%),#050507;color:#fff;font-family:var(--f-ui);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.45}svg{display:block}svg path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.po-welcome{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:var(--ink);display:flex;align-items:center;justify-content:center;overflow:auto;padding:24px 16px}.po-welcome-inner{width:100%;max-width:900px;display:flex;flex-direction:column;gap:40px}.po-welcome-brand{display:flex;align-items:center;gap:10px;font-family:var(--f-disp);font-weight:700;font-size:1.1rem;letter-spacing:-.02em;color:#fff}.po-welcome-body{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.po-welcome-left{display:flex;flex-direction:column;gap:16px}.po-welcome-title{font-family:var(--f-disp);font-size:clamp(2.4rem,5vw,3.6rem);font-weight:700;line-height:1.05;letter-spacing:-.04em;color:#fff;margin:0}.po-welcome-title em{font-style:normal;color:var(--acc)}.po-welcome-sub{color:var(--mute);font-size:.95rem;line-height:1.6;margin:0}.po-welcome-tools{display:flex;flex-direction:column;gap:10px}.po-welcome-cta{margin-top:8px;width:100%;justify-content:center}.po-welcome-err{color:var(--warn);font-size:.85rem;margin:0}.po-welcome-canvas-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.po-welcome-canvas-label{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute2)}.po-welcome-canvas{width:100%;aspect-ratio:1;max-width:380px;border-radius:20px;border:2px solid var(--line2);cursor:crosshair;touch-action:none;display:block;background:var(--paper)}.po-welcome-fade-leave-active{transition:opacity .4s ease,transform .4s ease}.po-welcome-fade-leave-to{opacity:0;transform:scale(.97)}@media (max-width: 640px){.po-welcome-body{grid-template-columns:1fr}.po-welcome-canvas-wrap{order:-1}.po-welcome-canvas{max-width:100%}}.po-app{position:relative;width:100vw;height:100vh;height:100dvh;max-height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(115deg,rgba(255,255,255,.035),transparent 34%),var(--ink)}.po-topbar{z-index:10;height:52px;flex:0 0 52px;display:flex;align-items:center;gap:18px;padding:0 28px;background:#0e0e10eb;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.po-brand,.po-player,.po-topbar-right,.po-rank-pill,.po-word-pill,.po-timer,.po-meter,.po-chat-head,.po-roster-item,.po-chat-input,.po-hero-actions,.po-avatar-tools,.po-swatch-row{display:flex;align-items:center}.po-brand{gap:10px;font-family:var(--f-disp);font-size:18px;font-weight:700;letter-spacing:-.04em}.po-brand-mark{position:relative;width:24px;height:24px;flex:0 0 auto;border-radius:7px;background:var(--acc);transform:rotate(-8deg);box-shadow:0 0 24px #d7ff3a42}.po-brand-mark:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:var(--ink)}.po-nav{display:flex;gap:4px;margin-left:18px}.po-navlink{padding:7px 12px;border-radius:9px;background:transparent;color:var(--mute);font-size:13px;font-weight:600}.po-navlink.active{color:#fff;background:var(--ink3);box-shadow:inset 0 0 0 1px var(--line2)}.po-topbar-spacer{flex:1}.po-topbar-right{gap:14px;color:var(--mute);font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;white-space:nowrap}.po-profile-chip{display:flex;align-items:center;gap:7px;background:var(--ink3);border:1px solid var(--line2);border-radius:999px;padding:3px 10px 3px 3px}.po-profile-chip-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;background:var(--ink4);display:block}.po-profile-chip-fallback{width:24px;height:24px;border-radius:50%;background:var(--acc);color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px}.po-wins-card{flex:1}.po-wins-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.po-wins-item{display:flex;flex-direction:column;gap:5px;border-radius:10px;overflow:hidden;background:#ffffff08;border:1px solid var(--line)}.po-wins-canvas{width:100%;aspect-ratio:16/9;display:block;background:var(--paper)}.po-wins-meta{display:flex;align-items:center;justify-content:space-between;padding:5px 8px 7px;gap:6px}.po-wins-word{font-family:var(--f-mono);font-size:.72rem;color:#fff;text-transform:lowercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.po-wins-ago{font-size:.68rem;color:var(--mute2);white-space:nowrap}.po-duel-btn{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px;background:linear-gradient(135deg,#1a1a24,#12121a);border:1px solid rgba(255,91,208,.35);border-radius:14px;cursor:pointer;color:#fff;text-align:left;transition:border-color .18s,background .18s}.po-duel-btn:hover:not(:disabled){border-color:#ff5bd0b3;background:linear-gradient(135deg,#1e1a28,#16121e)}.po-duel-btn:disabled{opacity:.5;cursor:not-allowed}.po-duel-btn svg{width:16px;height:16px;stroke:var(--mute2);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-left:auto;flex-shrink:0}.po-duel-icon{font-size:1.4rem;flex-shrink:0}.po-duel-copy{display:flex;flex-direction:column;gap:2px}.po-duel-copy strong{font-family:var(--f-disp);font-size:.95rem;font-weight:600;color:var(--hot)}.po-duel-copy span{font-family:var(--f-mono);font-size:.7rem;color:var(--mute2);letter-spacing:.04em}.po-duel-link-block{display:flex;flex-direction:column;gap:8px;width:100%;background:#ff5bd014;border:1px solid rgba(255,91,208,.3);border-radius:12px;padding:12px 14px}.po-duel-link-label{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--hot)}.po-duel-link-row{display:flex;align-items:center;gap:8px}.po-duel-link-url{flex:1;font-family:var(--f-mono);font-size:.75rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.po-duel-link-copy{flex-shrink:0;padding:5px 12px;background:var(--hot);color:#fff;border:none;border-radius:8px;font-family:var(--f-mono);font-size:.72rem;font-weight:600;cursor:pointer;transition:opacity .15s}.po-duel-link-copy:hover{opacity:.85}.po-rank-pill{gap:8px;padding:6px 10px;border:1px solid var(--line2);border-radius:999px;background:var(--ink3);color:var(--cy)}.dot{width:7px;height:7px;border-radius:50%;background:var(--cy)}.dot.live{background:var(--hot);box-shadow:0 0 0 3px #ff5bd02e;animation:po-pulse 1.4s ease-in-out infinite}.po-leave,.po-copy,.po-secondary,.po-chat-input button{min-height:34px;padding:0 13px;border-radius:10px;background:var(--ink3);color:#fff;border:1px solid var(--line2);font-weight:700}.po-home{position:relative;flex:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:28px;min-height:0;padding:24px 34px 34px;overflow:auto}.po-home-left{display:flex;flex-direction:column;gap:16px;min-width:0}.po-home:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(circle at 40% 40%,#000,transparent 78%);mask-image:radial-gradient(circle at 40% 40%,#000,transparent 78%);pointer-events:none}.po-hero,.po-join-panel{position:relative;z-index:1}.po-hero{min-height:560px;display:grid;align-items:end;padding:42px;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 78% 28%,rgba(91,233,255,.15),transparent 28%),linear-gradient(145deg,#15151b,#0b0b0d 74%)}.po-intro-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:.55;pointer-events:none}.po-hero-blob{position:absolute;right:-8%;top:10%;width:min(44vw,520px);aspect-ratio:1;border-radius:42% 58% 63% 37%/42% 35% 65% 58%;background:var(--acc);opacity:.94;filter:drop-shadow(0 28px 80px rgba(215,255,58,.22));animation:po-float 7s ease-in-out infinite}.po-hero-blob:after{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:inherit;background:var(--ink)}.po-drip{position:absolute;width:32px;border-radius:999px;background:var(--hot)}.po-drip.one{right:22%;top:58%;height:112px}.po-drip.two{right:14%;top:52%;height:68px;background:var(--cy)}.po-hero-copy{position:relative;max-width:700px}.po-hero-copy p,.po-label,.po-status,.po-card-head span,.po-mono-tiny,.po-round,.po-pmeta,.po-meter-label,.po-meter-delta,.po-canvas-label,.po-watching,.po-chat-head{font-family:var(--f-mono)}.po-hero-copy p{color:var(--acc);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.po-hero-copy h1{margin:8px 0 24px;font-family:var(--f-disp);font-size:clamp(84px,12vw,178px);line-height:.78;letter-spacing:-.09em}.po-hero-actions{gap:16px;flex-wrap:wrap}.po-primary{display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:0 22px 0 26px;border-radius:16px;background:var(--acc);color:var(--ink);font-family:var(--f-disp);font-size:18px;font-weight:700;box-shadow:0 18px 54px #d7ff3a29}.po-primary.compact{min-height:42px;padding:0 16px;border-radius:12px;font-size:14px;box-shadow:none}.po-primary svg{width:20px;height:20px}.po-primary:hover{transform:translateY(-1px)}.po-queue{display:grid;gap:2px;color:var(--mute);font-family:var(--f-mono);font-size:11px;letter-spacing:.04em}.po-queue strong{color:#fff;font-family:var(--f-disp);font-size:15px}.po-join-panel{display:grid;gap:18px;align-content:start}.po-card{padding:22px;border:1px solid var(--line);border-radius:22px;background:#14141adb;box-shadow:0 30px 90px #0000002e;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.po-card-head{margin-bottom:18px}.po-card-head span,.po-label,.po-status{color:var(--mute);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.po-card-head h2{margin:5px 0 0;font-family:var(--f-disp);font-size:28px;letter-spacing:-.05em}.po-label{display:block;margin:14px 0 7px}.po-input{width:100%;min-height:46px;padding:0 14px;border:1px solid var(--line2);border-radius:13px;outline:none;background:var(--ink3);color:#fff}.po-input:focus{border-color:var(--acc);box-shadow:0 0 0 3px #d7ff3a1f}.po-input.code{font-family:var(--f-mono);font-size:18px;letter-spacing:.16em;text-transform:uppercase}.po-segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;border:1px solid var(--line);border-radius:14px;background:var(--ink)}.po-segmented button{min-height:38px;border-radius:10px;background:transparent;color:var(--mute);font-weight:700}.po-segmented button.active{background:var(--acc);color:var(--ink)}.po-status{margin:14px 0 0;color:var(--cy);line-height:1.5}.po-avatar-canvas{display:block;margin:0 auto;width:min(100%,260px);height:min(100%,260px);aspect-ratio:1;border:2px solid var(--acc);border-radius:20px;background:var(--paper);touch-action:none;cursor:crosshair}.po-avatar-tools{gap:10px;flex-wrap:wrap;margin-top:14px}.po-swatch-row{gap:7px;flex-wrap:wrap}.po-range,.po-size-range{accent-color:var(--acc)}.po-range{flex:1;min-width:120px}.po-header{flex:0 0 68px;display:flex;align-items:center;gap:16px;min-height:0;padding:12px 28px;border-bottom:1px solid var(--line)}.po-player{gap:12px;min-width:0}.po-player.left,.po-player.right{flex:1}.po-player.right{justify-content:flex-end}.po-avatar,.po-avatar-img{width:38px;height:38px;flex:0 0 auto;border-radius:50%}.po-avatar{display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,var(--cy),#146b78);color:var(--ink);font-family:var(--f-disp);font-weight:800}.po-avatar.me,.po-avatar-img.me{width:42px;height:42px;border:2px solid var(--acc)}.po-avatar.mini{width:30px;height:30px;font-size:11px}.po-avatar-img{object-fit:cover;background:var(--paper)}.po-pname{overflow:hidden;color:#fff;font-family:var(--f-disp);font-size:15px;font-weight:800;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.po-pmeta{margin-top:2px;color:var(--mute);font-size:10px;letter-spacing:.06em}.po-score{padding:0 10px;color:#fff;font-family:var(--f-disp);font-size:30px;font-weight:800;line-height:1}.po-score.muted{color:var(--mute)}.po-center{flex:1.2;min-width:0;text-align:center}.po-word-pill{max-width:100%;justify-content:center;gap:14px;padding:10px 22px;border:1px solid var(--line2);border-radius:999px;background:var(--ink3)}.po-mono-tiny{color:var(--mute);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.po-word{overflow:hidden;color:var(--acc);font-family:var(--f-disp);font-size:clamp(16px,2vw,23px);font-weight:800;letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.po-pill-sep{width:1px;height:16px;background:var(--line2)}.po-round{margin-top:8px;color:var(--mute);font-size:11px;letter-spacing:.11em;text-transform:uppercase}.po-opponent-copy{min-width:0;text-align:right}.po-timer{flex:0 0 30px;gap:14px;padding:0 28px;background:var(--ink2);border-bottom:1px solid var(--line)}.po-timer-track{flex:1;height:4px;overflow:hidden;border-radius:999px;background:var(--ink4)}.po-timer-fill{height:100%;border-radius:inherit;background:var(--acc);transition:width .5s linear}.po-timer.danger .po-timer-fill{background:var(--hot)}.po-timer-text{min-width:42px;color:#fff;font-family:var(--f-mono);font-size:13px;text-align:right}.po-copy{min-height:26px;font-size:11px}.po-main{flex:1;display:grid;grid-template-columns:68px minmax(0,1fr) clamp(300px,17vw,400px);grid-template-rows:1fr;min-height:0;overflow:hidden}.po-tools{display:flex;flex-direction:column;align-items:center;gap:5px;overflow-y:auto;padding:10px 0;background:var(--ink2);border-right:1px solid var(--line)}.po-tools.disabled{opacity:.72}.po-tool-current{width:38px;height:38px;margin-bottom:4px;border:2px solid var(--acc);border-radius:13px}.po-swatch{width:26px;height:26px;flex:0 0 auto;border:1px solid var(--line2);border-radius:9px;transition:transform .12s ease,box-shadow .12s ease}.po-swatch:hover{transform:scale(1.08)}.po-swatch.active{box-shadow:0 0 0 2px var(--acc)}.po-divider{width:34px;height:1px;margin:5px 0;background:var(--line)}.po-toolbtn{width:34px;height:34px;display:grid;place-items:center;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--mute)}.po-toolbtn svg{width:19px;height:19px}.po-toolbtn:hover,.po-toolbtn.active{background:var(--ink3);color:#fff}.po-toolbtn.active{border-color:var(--line2)}.po-size-range{width:54px;transform:rotate(-90deg);transform-origin:center;margin-top:28px}.po-stage{min-width:0;min-height:0;overflow:hidden;padding:12px 12px 12px 14px}.po-canvaswrap{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;border:2px solid var(--acc);border-radius:20px;background:var(--paper);box-shadow:0 28px 80px #00000038}.po-canvaswrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;pointer-events:none;box-shadow:inset 0 0 0 1px #0e0e1014}.po-canvas{width:100%;height:100%;display:block;background-color:var(--paper);background-image:radial-gradient(rgba(0,0,0,.045) 1px,transparent 1px);background-size:12px 12px;cursor:crosshair;touch-action:none}.po-canvas-label,.po-watching{position:absolute;top:14px;z-index:2;color:#0e0e109e;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}.po-canvas-label{left:18px}.po-watching{right:18px;display:flex;gap:8px;align-items:center}.po-lobby-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-content:center;justify-items:center;gap:12px;padding:28px;background:radial-gradient(circle at 50% 48%,rgba(251,250,246,.92),rgba(251,250,246,.72) 38%,transparent 66%),linear-gradient(#fbfaf614,#fbfaf614);color:var(--ink);text-align:center;pointer-events:none}.po-lobby-overlay button{pointer-events:auto}.po-lobby-kicker{color:#0e0e108f;font-family:var(--f-mono);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.po-lobby-overlay h2{max-width:680px;margin:0;font-family:var(--f-disp);font-size:clamp(36px,4.2vw,72px);line-height:.92;letter-spacing:-.07em}.po-lobby-overlay p{max-width:560px;margin:0;color:#0e0e109e;font-family:var(--f-mono);font-size:13px;line-height:1.6}.po-side{display:grid;grid-template-rows:minmax(126px,.38fr) minmax(0,.62fr);gap:10px;min-width:0;min-height:0;overflow:hidden;padding:12px 14px 12px 12px}.po-roster,.po-chat{min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 42%),var(--ink2);box-shadow:inset 0 1px #ffffff0a}.po-roster,.po-chat{display:flex;flex-direction:column}.po-chat-head{flex:0 0 auto;gap:8px;min-height:34px;padding:0 14px;border-bottom:1px solid var(--line);color:var(--mute);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.po-roster-list,.po-chat-list{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}.po-roster-list{display:grid;align-content:start;gap:7px;padding:9px}.po-roster-item{position:relative;gap:10px;min-width:0;min-height:46px;padding:8px;border:1px solid transparent;border-radius:13px;background:#ffffff08}.po-roster-item.me{border-color:#d7ff3a42;background:#d7ff3a0f}.po-roster-item img{width:30px;height:30px;flex:0 0 auto;border-radius:50%;object-fit:cover;background:var(--paper)}.po-roster-item div{min-width:0}.po-roster-item strong,.po-roster-item small{display:block}.po-roster-item strong{overflow:hidden;font-family:var(--f-disp);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.po-roster-item small{margin-top:2px;color:var(--mute);font-family:var(--f-mono);font-size:10px}.po-badge{margin-left:auto;padding:4px 6px;border-radius:7px;color:var(--ink);font-family:var(--f-mono);font-size:9px;font-weight:800;letter-spacing:.08em}.po-badge.draw{background:var(--acc)}.po-badge.hit{background:var(--cy)}.po-roster-empty,.po-chat-empty{border:1px dashed rgba(255,255,255,.12);border-radius:12px;color:var(--mute);font-family:var(--f-mono);font-size:11px;line-height:1.5}.po-roster-empty{padding:12px}.po-chat-list{display:flex;flex-direction:column;gap:7px;padding:10px 12px}.po-chat-empty{padding:14px;color:#ffffff6b}.po-chat-list::-webkit-scrollbar,.po-roster-list::-webkit-scrollbar{width:5px}.po-chat-list::-webkit-scrollbar-thumb,.po-roster-list::-webkit-scrollbar-thumb{border-radius:999px;background:#ffffff1f}.po-chat-msg{color:#fff;font-family:var(--f-mono);font-size:12px;line-height:1.5;animation:po-slide-in .24s ease both;overflow-wrap:anywhere}.po-chat-msg span{color:var(--cy);font-weight:700}.po-chat-msg em{margin-left:7px;color:#ffffffb8;font-style:normal}.po-chat-msg.system{padding:9px 10px;border:1px solid rgba(215,255,58,.14);border-radius:10px;background:#d7ff3a0e;color:var(--acc);font-style:italic}.po-chat-msg.success{color:var(--green)}.po-chat-input{flex:0 0 auto;gap:8px;padding:8px 10px;border-top:1px solid var(--line);background:#00000024}.po-chat-input input{flex:1;min-width:0;min-height:34px;padding:0 12px;border:1px solid var(--line2);border-radius:11px;outline:none;background:#ffffff0b;color:#fff;font-family:var(--f-mono);font-size:12px}.po-chat-input input:focus{border-color:#d7ff3aa6}.po-chat-input input::placeholder{color:var(--mute2)}.po-chat-input button{min-height:34px;padding:0 13px;color:var(--ink);background:var(--acc);font-size:12px}.po-meter{flex:0 0 48px;gap:14px;padding:0 28px;background:var(--ink2);border-top:1px solid var(--line)}.po-meter-label{color:var(--acc);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.po-meter-track{position:relative;flex:1;height:8px;overflow:hidden;border-radius:999px;background:#ffffff14}.po-meter-fill{position:relative;height:100%;background:linear-gradient(90deg,var(--cy),var(--acc));transition:width .4s cubic-bezier(.34,1.4,.64,1)}.po-meter-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;width:18px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.44))}.po-meter-tick{position:absolute;top:0;bottom:0;width:1px;background:#0000006b}.po-meter-pct{min-width:64px;color:#fff;font-family:var(--f-disp);font-size:24px;font-weight:800;text-align:right}.po-meter-pct span{margin-left:2px;color:var(--mute);font-family:var(--f-mono);font-size:11px;font-weight:600}.po-meter-delta{min-width:150px;color:var(--mute);font-size:10px;letter-spacing:.06em;text-align:right;text-transform:uppercase}.po-spotlight{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;align-content:start;justify-items:center;padding-top:72px;pointer-events:none}.po-spotlight-box{width:min(820px,calc(100vw - 32px));min-height:68px;display:grid;grid-template-columns:34px auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(215,255,58,.32);border-radius:22px;background:radial-gradient(circle at 16% 0%,rgba(215,255,58,.18),transparent 32%),linear-gradient(180deg,#ffffff21,#ffffff0e),#0e0e10f5;box-shadow:0 26px 90px #0000006b,0 0 48px #d7ff3a1a,0 0 0 1px #0000008c;pointer-events:auto;animation:po-toast-in .16s ease-out both}.po-spotlight-mark{width:34px;height:34px;border-radius:11px;background:var(--acc);box-shadow:0 0 34px #d7ff3a3d}.po-spotlight-mode{padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:var(--acc);font-family:var(--f-mono);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.po-spotlight-box input{min-width:0;border:0;outline:0;background:transparent;color:#fff;font-family:var(--f-disp);font-size:clamp(24px,3.2vw,38px);font-weight:800;letter-spacing:-.05em}.po-spotlight-box input::placeholder{color:#ffffff47}.po-spotlight-box button{min-height:46px;padding:0 18px;border-radius:15px;background:var(--acc);color:var(--ink);font-family:var(--f-disp);font-weight:800}.po-spotlight-help{width:min(720px,calc(100vw - 64px));display:flex;justify-content:center;gap:10px;margin-top:12px;color:#ffffff94;font-family:var(--f-mono);font-size:11px;letter-spacing:.04em;pointer-events:none}.po-spotlight-help span{padding:6px 9px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#0e0e10b8}.po-live-strip{padding:16px 20px;border:1px solid var(--line);border-radius:18px;background:#14141ab8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.po-live-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.po-live-label{font-family:var(--f-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--hot)}.po-live-counts{margin-left:auto;font-family:var(--f-mono);font-size:11px;color:var(--mute)}.po-room-chips{display:flex;flex-wrap:wrap;gap:8px}.po-room-chip{display:flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid var(--line2);border-radius:999px;background:var(--ink3);font-family:var(--f-mono);font-size:11px}.po-room-phase{font-weight:700;letter-spacing:.06em;text-transform:uppercase}.po-room-phase.playing{color:var(--hot)}.po-room-phase.lobby,.po-room-phase.reveal{color:var(--mute)}.po-room-pips{color:var(--cy)}.po-room-rd{color:var(--mute2)}.po-lb-card{padding:22px}.po-lb-list{display:grid;gap:6px;margin-top:4px}.po-lb-empty{padding:1rem 0;text-align:center;color:var(--muted);font-size:.85rem}.po-lb-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#ffffff08;font-family:var(--f-mono);font-size:12px}.po-lb-rank{min-width:28px;color:var(--mute);font-weight:700;font-size:11px}.po-lb-rank.gold{color:gold}.po-lb-rank.silver{color:silver}.po-lb-rank.bronze{color:#cd7f32}.po-lb-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--f-disp);font-size:13px;font-weight:700}.po-lb-score{color:var(--acc);font-weight:700}.po-lb-games{color:var(--mute2);font-size:10px;min-width:24px;text-align:right}.po-badges-section{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.po-badges-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.po-equipped-label{font-family:var(--f-mono);font-size:10px;color:var(--acc);letter-spacing:.04em}.po-badge-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.po-badge-chip{display:flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid var(--line2);border-radius:999px;background:var(--ink3);color:var(--mute);font-family:var(--f-mono);font-size:11px;font-weight:700;cursor:pointer;transition:border-color .14s,color .14s,background .14s}.po-badge-chip:hover{border-color:#d7ff3a66;color:#fff}.po-badge-chip.equipped{border-color:var(--acc);background:#d7ff3a1a;color:var(--acc)}.po-badges-empty{padding:10px 12px;border:1px dashed rgba(255,255,255,.1);border-radius:11px;color:var(--mute2);font-family:var(--f-mono);font-size:11px;line-height:1.5;margin-bottom:12px}.po-all-badges{display:flex;align-items:center;gap:10px;margin-top:8px}.po-badge-hints{display:flex;gap:6px}.po-badge-hint{font-size:18px;opacity:.25;transition:opacity .2s}.po-badge-hint.unlocked{opacity:1}.po-inline-badge{margin-left:5px;font-size:14px}.po-badge-toast{position:fixed;bottom:28px;right:28px;z-index:50;display:flex;align-items:center;gap:14px;padding:14px 20px;border:1px solid rgba(215,255,58,.3);border-radius:18px;background:radial-gradient(circle at 10% 50%,rgba(215,255,58,.14),transparent 40%),#0e0e10f5;box-shadow:0 20px 60px #0006,0 0 0 1px #00000080;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none}.po-badge-toast-emoji{font-size:28px;line-height:1}.po-badge-toast-title{font-family:var(--f-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}.po-badge-toast-name{margin-top:2px;font-family:var(--f-disp);font-size:18px;font-weight:800;letter-spacing:-.04em;color:#fff}.po-badge-toast-enter-active{transition:opacity .22s ease,transform .22s ease}.po-badge-toast-leave-active{transition:opacity .32s ease,transform .32s ease}.po-badge-toast-enter-from,.po-badge-toast-leave-to{opacity:0;transform:translateY(12px) scale(.96)}.po-disclaimer{margin-top:14px;padding:12px 14px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#ffffff06;color:var(--mute2);font-family:var(--f-mono);font-size:10px;line-height:1.6;letter-spacing:.04em}@keyframes po-pulse{0%,to{box-shadow:0 0 0 3px #ff5bd02e}50%{box-shadow:0 0 0 6px #ff5bd00a}}@keyframes po-float{0%,to{transform:translateZ(0) rotate(-3deg)}50%{transform:translate3d(-16px,10px,0) rotate(4deg)}}@keyframes po-slide-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes po-toast-in{0%{opacity:0;transform:translateY(-10px) scale(.985)}to{opacity:1;transform:none}}@media (min-width: 1081px) and (max-height: 900px){.po-topbar{height:44px;flex-basis:44px;padding:0 18px}.po-brand{font-size:15px}.po-brand-mark{width:20px;height:20px}.po-navlink{padding:5px 9px;font-size:11px}.po-topbar-right{gap:9px;font-size:10px}.po-leave{min-height:28px;padding:0 10px}.po-header{flex-basis:54px;padding:8px 18px}.po-avatar,.po-avatar-img{width:32px;height:32px}.po-avatar.me,.po-avatar-img.me{width:36px;height:36px}.po-pname{font-size:13px}.po-pmeta{font-size:9px}.po-score{font-size:24px}.po-word-pill{padding:7px 16px}.po-word{font-size:16px}.po-round{margin-top:4px;font-size:9px}.po-timer{flex-basis:24px;padding:0 18px}.po-main{grid-template-columns:58px minmax(0,1fr) 330px}.po-tools{gap:4px;padding:7px 0}.po-tool-current{width:32px;height:32px;border-radius:10px}.po-swatch{width:22px;height:22px;border-radius:7px}.po-toolbtn{width:29px;height:29px}.po-divider{margin:3px 0}.po-size-range{margin-top:22px}.po-stage{padding:8px 8px 8px 10px}.po-canvaswrap{border-radius:15px}.po-canvas-label,.po-watching{top:10px;font-size:9px}.po-canvas-label{left:12px}.po-watching{right:12px}.po-side{grid-template-rows:minmax(104px,.34fr) minmax(0,.66fr);gap:8px;padding:8px 10px 8px 8px}.po-chat-head{min-height:30px;font-size:9px}.po-roster-list,.po-chat-list{padding:8px}.po-roster-item{min-height:40px;padding:6px}.po-roster-item img,.po-avatar.mini{width:26px;height:26px}.po-roster-item strong{font-size:12px}.po-roster-item small,.po-chat-msg,.po-chat-input input,.po-chat-input button{font-size:10px}.po-chat-input{padding:6px 8px}.po-chat-input input,.po-chat-input button{min-height:30px}.po-meter{flex-basis:40px;padding:0 18px}.po-meter-pct{font-size:18px}}@media (min-width: 1081px) and (max-height: 720px){.po-nav{display:none}.po-header{flex-basis:46px}.po-round,.po-pmeta,.po-meter-delta{display:none}.po-timer{flex-basis:20px}.po-main{grid-template-columns:52px minmax(0,1fr) 300px}.po-meter{flex-basis:34px}}@media (max-width: 1080px){body{overflow:auto}.po-app{min-height:100vh;min-height:100dvh;height:auto;max-height:none;overflow:visible}.po-home{grid-template-columns:1fr;padding:20px}.po-home-left{gap:14px}.po-hero{min-height:460px}.po-main{grid-template-columns:64px minmax(0,1fr);overflow:visible}.po-side{grid-column:1 / -1;grid-template-columns:1fr 1fr;grid-template-rows:minmax(240px,1fr);padding-top:0;overflow:visible}.po-meter{position:sticky;bottom:0}}@media (max-width: 760px){.po-topbar{height:auto;min-height:56px;flex-wrap:wrap;gap:10px;padding:10px 14px}.po-nav{order:3;width:100%;margin-left:0;overflow-x:auto}.po-topbar-right{margin-left:auto}.po-rank-pill{display:none}.po-home{padding:14px}.po-hero{min-height:390px;padding:26px;border-radius:22px}.po-hero-copy h1{font-size:clamp(70px,23vw,116px)}.po-header{display:grid;grid-template-columns:1fr 1fr;padding:12px 14px}.po-center{grid-column:1 / -1;grid-row:2}.po-word-pill{width:100%;padding:9px 12px}.po-score{display:none}.po-timer{padding:0 14px}.po-main{grid-template-columns:1fr}.po-tools{position:sticky;top:0;z-index:8;flex-direction:row;justify-content:start;overflow-x:auto;padding:10px 14px;border-right:0;border-bottom:1px solid var(--line)}.po-divider{width:1px;height:34px;margin:0 4px}.po-size-range{width:90px;margin-top:0;transform:none}.po-stage{height:56vh;min-height:360px;padding:14px}.po-side{grid-template-columns:1fr;grid-template-rows:220px 280px;padding:0 14px 14px}.po-meter{gap:10px;padding:12px 14px}.po-meter-delta{display:none}.po-spotlight{padding-top:12vh}.po-spotlight-box{grid-template-columns:28px minmax(0,1fr);border-radius:18px}.po-spotlight-mode{display:none}.po-spotlight-mark{width:28px;height:28px;border-radius:9px}.po-spotlight-box button{grid-column:1 / -1}.po-spotlight-help{flex-wrap:wrap}}.po-page{flex:1;min-height:0;overflow-y:auto;padding:32px 40px 40px;position:relative}.po-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 30%,#000,transparent 70%);pointer-events:none;z-index:0}.po-page-inner{position:relative;z-index:1;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.po-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.po-page-head h1{font-family:var(--f-disp);font-size:38px;font-weight:700;letter-spacing:-.04em;margin:0 0 4px;line-height:1}.po-page-head p{margin:0;color:var(--mute);font-size:14px}.po-muted{color:var(--mute2)}.po-tournament-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.po-t-created-banner{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;background:#d7ff3a14;border:1px solid rgba(215,255,58,.24);border-radius:12px;flex-wrap:wrap}.po-t-code,.po-t-code-small{font-family:var(--f-mono);font-weight:700;letter-spacing:.1em}.po-t-code{font-size:22px;color:var(--acc)}.po-t-code-small{font-size:11px;color:var(--mute);padding:2px 6px;background:var(--ink3);border-radius:5px}.po-t-bracket-card{gap:20px}.po-t-bracket-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.po-t-bracket-name{font-family:var(--f-disp);font-size:20px;font-weight:700;letter-spacing:-.03em}.po-t-bracket-meta{display:flex;align-items:center;gap:10px;margin-top:6px;flex-wrap:wrap}.po-t-status{padding:2px 8px;border-radius:6px;font-family:var(--f-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--ink3);color:var(--mute)}.po-t-status.open{color:var(--green);background:#22a85826}.po-t-status.bracket_set{color:var(--cy);background:#5be9ff1f}.po-t-status.complete{color:var(--acc);background:#d7ff3a1f}.po-t-roster{display:flex;flex-wrap:wrap;gap:8px}.po-t-player{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--ink3);border:1px solid var(--line);border-radius:10px;font-size:13px}.po-t-bracket-title{font-family:var(--f-mono);font-size:11px;color:var(--mute2);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.po-t-matches{display:flex;flex-direction:column;gap:12px}.po-t-match{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;background:var(--ink2);border:1px solid var(--line);border-radius:14px}.po-t-match-slot{display:flex;align-items:center;gap:8px;font-size:14px;padding:6px 10px;border-radius:9px;border:1px solid transparent;transition:border-color .2s}.po-t-match-slot.winner{border-color:var(--acc);background:#d7ff3a12;color:var(--acc)}.po-t-match-vs{font-family:var(--f-mono);font-size:11px;color:var(--mute2);font-weight:700}.po-t-match-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.po-t-match-done{margin-left:auto;font-size:12px;color:var(--green);font-family:var(--f-mono)}.po-t-list{display:flex;flex-direction:column;gap:1px}.po-t-list-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .15s;border-radius:8px;padding:10px 12px}.po-t-list-row:hover{background:var(--ink3)}.po-t-list-info{flex:1;display:flex;flex-direction:column;gap:2px}.po-watch-live{display:flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:12px;color:var(--hot)}.po-watch-rooms{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.po-watch-room{display:flex;flex-direction:column;gap:14px;padding:20px;background:var(--ink2);border:1px solid var(--line);border-radius:18px;transition:border-color .2s}.po-watch-room:hover{border-color:var(--line2)}.po-watch-room-phase{font-family:var(--f-mono);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:6px;background:var(--ink3);color:var(--mute);width:fit-content}.po-watch-room-phase.playing{background:#ff5bd024;color:var(--hot)}.po-watch-room-stats{display:flex;gap:20px}.po-watch-stat{display:flex;flex-direction:column;gap:3px}.po-watch-stat strong{font-size:18px;font-family:var(--f-disp);font-weight:700}.po-watch-room-pips{display:flex;gap:4px}.po-watch-pip{flex:1;height:4px;border-radius:999px;background:var(--ink4)}.po-watch-pip.filled{background:var(--acc)}.po-watch-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;text-align:center}.po-watch-empty-icon{font-size:48px}.po-watch-empty h2{font-family:var(--f-disp);font-size:22px;font-weight:700;margin:0}.po-watch-empty p{margin:0;color:var(--mute)}.po-watch-refresh{display:flex;align-items:center;gap:14px}.po-crew-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.po-crew-card{gap:20px}.po-crew-card-head{display:flex;align-items:flex-start;justify-content:space-between}.po-crew-name{font-family:var(--f-disp);font-size:22px;font-weight:700;letter-spacing:-.03em}.po-crew-meta{display:flex;align-items:center;gap:10px;margin-top:6px}.po-crew-badge{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 16px;background:var(--ink3);border-radius:12px;font-family:var(--f-disp);font-size:24px;font-weight:700;min-width:64px}.po-crew-members{display:flex;flex-direction:column;gap:8px}.po-crew-member{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--ink2);border:1px solid var(--line);border-radius:12px}.po-crew-member-info{flex:1;display:flex;flex-direction:column;gap:1px}.po-crew-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;text-align:center;color:var(--mute);font-size:14px}.po-crew-empty span{font-size:36px}.po-community-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.po-community-card{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--ink2);transition:border-color .2s,transform .15s}.po-community-card:hover{border-color:var(--line2);transform:translateY(-2px)}.po-community-canvas{width:100%;aspect-ratio:16/9;display:block;background:var(--paper)}.po-community-label{display:flex;align-items:center;justify-content:space-between;padding:10px 14px}.po-community-word{font-family:var(--f-disp);font-size:15px;font-weight:700;letter-spacing:-.02em;text-transform:capitalize}.po-community-ago{font-family:var(--f-mono);font-size:11px;color:var(--mute2)}.po-community-loading,.po-community-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;text-align:center;color:var(--mute)}.po-community-footer{display:flex;align-items:center;gap:14px}@media (max-width: 720px){.po-page{padding:20px 16px 32px}.po-tournament-grid,.po-crew-grid{grid-template-columns:1fr}.po-community-gallery{grid-template-columns:1fr 1fr}.po-page-head h1{font-size:28px}}