.view-head{flex-wrap:wrap;align-items:baseline;gap:16px;margin-bottom:clamp(8px,1.6vh,16px);display:flex}.view-title{text-transform:uppercase;letter-spacing:.01em;font-size:clamp(1.5rem,3.6vh,2.2rem);font-style:italic;font-weight:800}.view-note{margin-left:auto}.back-link{color:var(--text-muted);font-weight:600;font-size:var(--fs-sm);border-radius:var(--radius-pill);border:1px solid var(--line);padding:4px 10px;text-decoration:none}.back-link:hover{color:var(--text);border-color:var(--line-strong)}.panel-title{text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:1rem;font-weight:800}.tile{--sk:-5deg;--tile-bg:var(--surface);--tile-fg:#fff;--tn-hit:#fff;background:var(--tile-bg);min-height:0;color:var(--tile-fg);text-align:left;transform:skewX(var(--sk));box-shadow:var(--shadow), inset 0 0 0 1px #ffffff1f;border:0;border-radius:14px;flex-direction:column;justify-content:flex-end;gap:4px;padding:clamp(12px,2.2vh,24px) clamp(16px,2vw,28px);text-decoration:none;transition:transform .14s,filter .14s;display:flex;position:relative;overflow:hidden}.tile>*{transform:skewX(calc(var(--sk) * -1))}.tile:hover,.tile.tn-best,.tile:focus-visible{transform:skewX(var(--sk)) scale(1.02);filter:brightness(1.1)saturate(1.1);color:var(--tile-fg)}.tile:after{content:"";pointer-events:none;background:repeating-linear-gradient(115deg,#ffffff0f 0 14px,#0000 14px 34px);position:absolute;inset:0;transform:none}.tile-label{text-transform:uppercase;letter-spacing:.005em;text-shadow:0 3px #00000038;font-size:clamp(1.5rem,4.4vh,2.6rem);font-style:italic;font-weight:800;line-height:.95}.tile-sub{opacity:.92;max-width:40ch;font-size:clamp(.78rem,1.7vh,.95rem);line-height:1.35}.tile-kicker{letter-spacing:.14em;text-transform:uppercase;opacity:.85;font-size:clamp(.62rem,1.35vh,.72rem);font-weight:800}.tile-glyph{opacity:.2;pointer-events:none;font-size:clamp(3.5rem,16vh,9rem);font-weight:800;line-height:1;position:absolute;top:2%;right:4%}.tile-sm .tile-label{font-size:clamp(1.25rem,3.4vh,2rem)}.tile-sm .tile-glyph{font-size:clamp(2.6rem,10vh,5.5rem)}.t-play{--tile-bg:linear-gradient(135deg, #ffe24a 0%, gold 40%, orange 100%);--tile-fg:#00254f;--tn-hit:#0e5fb0}.t-play .tile-label{text-shadow:0 4px #ffffff59;font-size:clamp(3rem,12vh,6.5rem)}.t-play .tile-glyph{opacity:.16;font-size:clamp(6rem,30vh,16rem)}.t-play .tile-sub{font-weight:600}.tile-types{gap:6px;margin-bottom:auto;display:flex}.tile-types i{background:var(--c);border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 2px #00254f99}.t-quick{--tile-bg:linear-gradient(135deg, #e0453d, #a92a45);--tn-hit:#ffe55c}.t-rooms{--tile-bg:linear-gradient(135deg, #0e7fb8, #0a4f85);--tn-hit:#ffe55c}.t-practice,.t-gym{--tile-bg:linear-gradient(135deg, #178a4e, #0d5e36);--tn-hit:#ffe55c}.t-workshop{--tile-bg:linear-gradient(135deg, #8e44e0, #4f20a6);--tn-hit:#ffe55c}.t-profile{--tile-bg:linear-gradient(135deg, color-mix(in srgb, var(--blue) 26%, var(--tile-base)), var(--tile-base));--tile-fg:var(--text);--tn-hit:var(--accent-text);flex-direction:row;justify-content:flex-start;align-items:center;gap:16px}.view-main{grid-template:"play quick rooms"minmax(0,1fr)"play gym workshop"minmax(0,1fr)"feat feat profile"minmax(0,.75fr)/1.3fr 1fr 1fr;gap:clamp(10px,1.6vh,16px);display:grid}.view-main>.t-play{grid-area:play}.view-main>.t-quick{grid-area:quick}.view-main>.t-rooms{grid-area:rooms}.view-main>.t-gym{grid-area:gym}.view-main>.t-workshop{grid-area:workshop}.view-main>.t-profile{grid-area:profile}.view-main>.featured{grid-area:feat}.pt-avatar{--c:gold;background:var(--c);color:#0b1020;border-radius:16px;flex:none;place-items:center;width:clamp(48px,9vh,72px);height:clamp(48px,9vh,72px);font-size:clamp(1.4rem,4vh,2.2rem);font-weight:800;display:grid;box-shadow:inset 0 -4px #0003}.pt-avatar.big{border-radius:20px;width:84px;height:84px;font-size:2.4rem}.pt-body{flex-direction:column;gap:4px;min-width:0;display:flex}.t-profile .tile-label{font-size:clamp(1.3rem,3.6vh,2rem)}.pt-level{font-weight:700;font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.featured{--c:#fff;background:linear-gradient(100deg, color-mix(in srgb, var(--c) 30%, var(--surface)) 0%, var(--surface) 55%);border:1px solid var(--line);border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:clamp(12px,2vw,24px);min-height:0;padding:clamp(10px,1.8vh,18px) clamp(14px,2vw,24px);display:grid;position:relative;overflow:hidden}.feat-art{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--c) 70%, #fff), var(--c));color:#0b1020;border-radius:18px;place-items:center;width:clamp(64px,14vh,120px);font-size:clamp(2rem,7vh,4rem);font-weight:800;display:grid;transform:rotate(-6deg);box-shadow:0 8px 24px #0006}.feat-body{flex-direction:column;gap:4px;min-width:0;display:flex}.feat-name{text-transform:uppercase;font-size:clamp(1.2rem,3.6vh,2rem);font-style:italic;font-weight:800;line-height:1}.feat-hook{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.8rem,1.8vh,1rem);overflow:hidden}.feat-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.feat-dots{gap:5px;display:flex;position:absolute;top:12px;right:16px}.feat-dots i{background:var(--line-strong);border-radius:50%;width:7px;height:7px}.feat-dots i.on{background:var(--ring)}.feat-next{border:1px solid var(--line-strong);background:var(--overlay);width:32px;height:32px;color:var(--text);border-radius:50%;font-size:1.2rem;position:absolute;bottom:10px;right:10px}.view-modes{grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr);gap:clamp(12px,2vw,24px);display:grid}.modes-left{flex-direction:column;min-height:0;display:flex}.mode-grid{flex:1;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(0,1fr);gap:clamp(8px,1.3vh,14px);min-height:0;display:grid}.mode-tile{--c:#fff;min-height:0;color:var(--text);text-align:left;background:linear-gradient(160deg, color-mix(in srgb, var(--c) 42%, var(--tile-base)) 0%, var(--tile-base) 70%);border:2px solid #0000;border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:2px;padding:10px 14px;transition:transform .12s,border-color .12s;display:flex;position:relative;overflow:hidden;transform:skew(-4deg)}.mode-tile>*{transform:skew(4deg)}.mode-tile:hover,.mode-tile.tn-best{transform:skew(-4deg)scale(1.03)}.mode-tile[aria-pressed=true]{border-color:var(--ring);box-shadow:0 0 0 3px var(--ring-glow), var(--shadow)}.mt-letter{color:color-mix(in srgb, var(--c) var(--tint), var(--text));opacity:.75;font-size:clamp(2.4rem,9vh,4.8rem);font-weight:800;line-height:1;position:absolute;top:0;right:10px}.mt-name{text-transform:uppercase;--tn-hit:var(--accent-text);font-size:clamp(.9rem,2.2vh,1.2rem);font-style:italic;font-weight:800;line-height:1.05}.mt-meta{color:var(--text-muted);font-size:.72rem}.mode-detail{--c:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--c) 22%, var(--surface)) 0%, var(--surface) 40%);border:1px solid var(--line-strong);border-radius:16px;flex-direction:column;gap:clamp(6px,1.2vh,12px);min-height:0;padding:clamp(14px,2.4vh,24px);display:flex;overflow:hidden}.md-head{align-items:center;gap:10px;display:flex}.md-name{text-transform:uppercase;font-size:clamp(1.6rem,5vh,2.8rem);font-style:italic;font-weight:800;line-height:1}.md-hook{color:var(--text-muted);font-size:clamp(.9rem,2vh,1.05rem)}.md-actions{flex-wrap:wrap;gap:8px;display:flex}.md-rules{flex-direction:column;gap:10px;min-height:0;display:flex;overflow:hidden}.md-facts{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.md-facts div{background:var(--overlay-2);border-radius:8px;padding:6px 10px}.md-facts dt{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);font-size:.65rem}.md-facts dd{font-size:.85rem;font-weight:700}.md-how{color:var(--text-muted);font-size:.9rem}.md-powers{flex-wrap:wrap;gap:6px;display:flex}.pw{--c:#fff;border-radius:var(--radius-pill);background:var(--overlay-2);border-left:3px solid var(--c);padding:4px 9px;font-size:.75rem}.pw b{color:color-mix(in srgb, var(--c) 65%, var(--text))}.md-hint{margin-top:auto}.rules-dialog{max-width:min(680px,100vw - 32px)}.rules-scroll{max-height:60vh;padding-right:6px;font-size:.92rem;overflow:auto}.view-rooms{flex-direction:column;display:flex}.rooms-grid{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(12px,2vw,24px);min-height:0;display:grid}.join-panel{flex-direction:column;gap:10px;min-height:0;display:flex}.join-panel .field input{font-size:1rem}.code-field input{letter-spacing:.35em;text-transform:uppercase;text-align:center;font:800 clamp(1.8rem, 6vh, 3rem) var(--mono)!important;padding:10px!important}.join-panel .btn-lg{align-self:flex-start}.recent-list{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.recent-list .chip{text-decoration:none}.host-col{grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(10px,1.6vh,16px);min-height:0;display:grid}.view-profile{--chart-1:var(--link);--chart-2:color-mix(in srgb, var(--text-muted) 60%, transparent);flex-direction:column;display:flex}.pf-head{align-items:center}.pf-tabs{flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.pf-tab{color:var(--text-muted);border-radius:999px;padding:6px 14px;font-weight:700;text-decoration:none}.pf-tab:hover{color:var(--text);background:var(--overlay)}.pf-tab[aria-current=page]{color:var(--text);background:var(--overlay-2);box-shadow:inset 0 -2px 0 var(--ring)}.pf-tools{gap:6px;margin-left:auto;display:flex}.pf-body{flex:1;gap:clamp(10px,1.6vw,20px);min-height:0;display:grid}.pf-body>.panel,.pf-col>.panel{min-height:0}.pf-body[data-tab=overview]{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.pf-body[data-tab=words]{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr)}.pf-body[data-tab=keys]{grid-template-rows:auto minmax(0,1fr)}.pf-body[data-tab=modes]{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr)}.pf-body[data-tab=history]{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.pf-body[data-tab=friends]{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.pf-full{grid-column:1/-1;display:flex}.pf-col{flex-direction:column;gap:clamp(10px,1.6vh,16px);min-height:0;display:flex}.grow{flex:1}.panel-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.panel-row .panel-title{margin-bottom:0}.panel-sub{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:10px 0 4px;font-size:.72rem;font-weight:800}.view-profile .dot{vertical-align:-1px;border-radius:50%;flex:none;width:10px;height:10px;margin-right:6px;display:inline-block}.view-profile .pick{align-items:center;gap:6px;display:inline-flex}.view-profile .pick select{width:auto;padding:4px 8px;font-size:.85rem}.id-card{align-items:flex-start;gap:18px;display:flex}.id-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.id-name{font-size:clamp(1.4rem,3.4vh,1.9rem);font-weight:800}.lv-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lv-big{font:800 1.3rem var(--mono);color:var(--accent-text)}.stats{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.stats-8{grid-template-columns:repeat(4,1fr)}.stat{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:12px;padding:clamp(6px,1.2vh,10px)}.stat b{font:800 clamp(1.05rem, 2.8vh, 1.5rem) var(--mono);color:var(--text);display:block}.stat span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;font-size:.64rem}.highlights{flex:1;overflow:auto}.highlights dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1.2vh,12px) 16px;display:grid}.highlights dt{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);font-size:.64rem}.highlights dd{margin-top:2px;font-weight:700}.highlights a{color:var(--link)}.keycap{border:1px solid var(--line-strong);min-width:1.9em;height:1.9em;font:700 .95rem var(--mono);background:var(--surface-sunken);color:var(--text);border-bottom-width:3px;border-radius:7px;place-items:center;padding:0 5px;display:inline-grid}.keycap.wide{min-width:2.8em}.keycap.sm{min-width:1.5em;height:1.5em;font-size:.75rem}.keycap.warn{border-color:var(--error-text);color:var(--error-text)}.bars,.rank{gap:clamp(4px,.9vh,8px);list-style:none;display:grid}.bars li{grid-template-columns:118px 1fr 44px;align-items:center;gap:10px;display:grid}.rank li{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.bar-label{align-items:center;font-size:.88rem;font-weight:600;display:flex}.bar-track{background:var(--overlay);border-radius:0 4px 4px 0;height:10px;overflow:hidden}.bar-track i{background:var(--chart-1);border-radius:0 4px 4px 0;min-width:0;height:100%;display:block}.bars b,.rank b{text-align:right;font-size:.85rem}.affinity .small{margin:-2px 0 8px}.chart-panel{flex-direction:column;display:flex}.chart{flex-direction:column;flex:1;min-height:120px;display:flex}.c-plot{flex:1;min-height:0;position:relative}.chart.sm{min-height:96px}.chart svg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.c-tip[hidden]{display:none}.chart-pair{flex:.8;grid-template-columns:1fr 1fr;gap:clamp(10px,1.6vh,16px);min-height:0;display:grid}.c-grid{stroke:var(--line);stroke-width:1px}.c-axis{fill:var(--text-faint);font:10px var(--mono)}.c-line{fill:none;stroke:var(--chart-1);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.c-area{fill:var(--chart-1);opacity:.1}.c-dot{fill:var(--chart-2);stroke:var(--surface);stroke-width:2px}.c-end{fill:var(--chart-1);stroke:var(--surface);stroke-width:2px}.c-endlabel{fill:var(--text);font:700 11px var(--mono)}.c-cross{stroke:var(--text-faint);stroke-width:1px}.c-hit{fill:#0000;cursor:crosshair}.c-legend{color:var(--text-muted);flex:none;align-items:flex-end;gap:16px;height:26px;font-size:.75rem;display:flex}.c-legend span{align-items:center;gap:6px;display:inline-flex}.k-dot{background:var(--chart-2);border-radius:50%;width:8px;height:8px}.k-line{background:var(--chart-1);border-radius:2px;width:16px;height:2px}.chart-empty{margin:auto}.c-tip{z-index:50;pointer-events:none;max-width:260px;color:var(--text-muted);background:var(--surface-raised);border:1px solid var(--line-strong);box-shadow:var(--shadow);border-radius:10px;gap:2px;padding:8px 10px;font-size:.8rem;display:grid;position:fixed}.c-tip b{color:var(--text);font:800 .95rem var(--mono)}.words-panel{flex-direction:column;gap:8px;display:flex}.words-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search input{width:min(320px,34vw);font-family:var(--mono)}.type-filter{flex-wrap:wrap;gap:6px;display:flex}.type-filter button{border:1px solid var(--line);color:var(--text);font:600 .8rem var(--font,inherit);cursor:pointer;background:0 0;border-radius:999px;align-items:center;padding:3px 10px;display:inline-flex}.type-filter button[aria-pressed=true]{background:var(--overlay-2);border-color:var(--line-strong);box-shadow:inset 0 -2px 0 var(--c,var(--ring))}.words-count{margin:0}.words-scroll{border-top:1px solid var(--line-strong);flex:1;min-height:0;overflow:auto}table.wtable{border-collapse:collapse;width:100%;font-size:.88rem}.wtable th{background:var(--surface);text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);border-bottom:1px solid var(--line-strong);z-index:1;padding:6px 8px;font-size:.66rem;position:sticky;top:0}.wtable td{border-bottom:1px solid var(--line);white-space:nowrap;padding:5px 8px}.wtable td:first-child{text-overflow:ellipsis;width:100%;max-width:0;overflow:hidden}.wtable .num{text-align:right;font-family:var(--mono)}.wtable tbody tr{cursor:pointer}.wtable tbody tr:hover td{background:var(--overlay)}.wtable tr.sel td{background:var(--overlay-2)}.wtable tr.sel td:first-child{box-shadow:inset 3px 0 0 var(--ring)}.wtable mark{background:color-mix(in srgb, var(--link) 28%, transparent);color:inherit;border-radius:3px}.wtype{align-items:center;font-size:.82rem;display:inline-flex}.words-foot{margin:0}.word-detail{flex-direction:column;gap:10px;display:flex;overflow:auto}.wd-head{align-items:center;gap:10px;display:flex}.wd-word{overflow-wrap:anywhere;font-size:clamp(1.8rem,5vh,2.8rem);font-weight:800;line-height:1.1}.wd-facts{grid-template-columns:1fr 1fr}.wd-letters{flex-wrap:wrap;gap:6px;display:flex}.heat-panel{flex-direction:column;gap:8px;display:flex}.heat{flex-direction:column;align-items:center;gap:6px;display:flex}.heat-row{gap:6px;display:flex}.heat-row.r2{padding-left:calc(var(--hk) * .35)}.heat-row.r3{padding-left:calc(var(--hk) * .9)}.heat{--hk:clamp(30px, 5.4vh, 52px)}.hk{width:var(--hk);height:var(--hk);font:700 clamp(.8rem, 1.9vh, 1.05rem) var(--mono);text-transform:uppercase;background:color-mix(in srgb, var(--eyebrow) var(--p), var(--surface-sunken));color:var(--text);border:1px solid var(--line);cursor:default;border-radius:8px;place-items:center;display:grid}.hk.hot{color:var(--bg)}.heat-note{text-align:center;margin:0}.keys-lists{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.6vw,20px);min-height:0;display:grid}.keys-lists .panel,.modes-panel{overflow:auto}.mtable tr[data-mode]{cursor:pointer}.mtable tr[data-mode]:hover td{background:var(--overlay)}.mtable tr.sel td{background:var(--overlay-2)}.mtable tr.sel td:first-child{box-shadow:inset 3px 0 0 var(--ring)}.mtable .unplayed td{color:var(--text-faint)}.row-btn{all:unset;cursor:pointer;align-items:center;font-weight:700;display:inline-flex}.mode-stat{flex-direction:column;display:flex;overflow:auto}.mode-stat .chart{flex:none;height:clamp(90px,18vh,160px)}.log-panel{flex-direction:column;min-height:0;display:flex;overflow:hidden}.log-head{justify-content:space-between;align-items:baseline;display:flex}table.log{border-collapse:collapse;width:100%;font-size:.88rem}table.log th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);border-bottom:1px solid var(--line-strong);padding:6px 8px;font-size:.68rem}table.log td{border-bottom:1px solid var(--line);white-space:nowrap;padding:clamp(5px,1vh,9px) 8px}table.log .num{text-align:right;font-family:var(--mono)}table.log td.xp{color:var(--accent-text);font-weight:800}.tag.best{background:var(--yellow);color:var(--navy)}.log-pager{justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.empty{text-align:center;max-width:44ch;color:var(--text-muted);justify-items:center;gap:14px;margin:auto;display:grid}.sync-state{color:var(--text-faint);white-space:nowrap;align-self:center;margin-right:4px;font-size:.74rem}.sync-state.cloud{color:var(--success,#2e9e5b);font-weight:700}@media (width<=1280px){.sync-state{display:none}}.coach{flex:1;overflow:auto}.notes{gap:clamp(8px,1.4vh,12px);list-style:none;display:grid}.notes li{grid-template-columns:28px 1fr;align-items:start;gap:10px;line-height:1.35;display:grid}.note-icon{font-size:1.25rem;line-height:1.2}.ach-panel{flex-direction:column;min-height:0;display:flex}.ach-scroll{flex:1;min-height:0;padding-right:4px;overflow:auto}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-bottom:8px;display:grid}.ach{border:1px solid var(--line);background:var(--surface-sunken);opacity:.85;border-radius:12px;grid-template-columns:40px 1fr;align-items:start;gap:10px;padding:10px 12px;display:grid}.ach.earned{opacity:1;background:var(--surface);border-color:var(--line-strong)}.ach.earned.tier-gold{border-color:#d4a800;box-shadow:inset 0 0 0 1px #ffd70066}.ach.earned.tier-silver{border-color:#9aa8b2}.ach.earned.tier-bronze{border-color:#b87333}.ach-medal{text-align:center;filter:grayscale();font-size:1.7rem;line-height:1}.ach.earned .ach-medal{filter:none}.ach-body{gap:3px;min-width:0;display:grid}.ach-body b{font-size:.92rem}.ach-bar{background:var(--overlay-2);border-radius:3px;height:6px;margin-top:2px;overflow:hidden}.ach-bar i{background:var(--chart-1);border-radius:0 3px 3px 0;height:100%;display:block}.ach-when{color:var(--text-muted)}.code-row{align-items:center;gap:12px;margin:4px 0 8px;display:flex}.friend-code{letter-spacing:.18em;color:var(--accent-text);font-size:clamp(1.6rem,4vh,2.2rem);font-weight:800}.email-row{gap:8px;display:flex}.email-row input{text-transform:uppercase;min-width:0;font-family:var(--mono);letter-spacing:.12em;flex:1}.friends-panel{overflow:auto}.friend-list{gap:8px;list-style:none;display:grid}.friend{background:var(--surface-sunken);border:1px solid var(--line);border-radius:12px;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:8px 10px;display:grid}.friend-body{gap:2px;min-width:0;display:grid}.pt-avatar.sm{border-radius:10px;width:40px;height:40px;font-size:1rem}@media (width<=860px),(height<=520px){body.portal-fixed{height:auto;min-height:100dvh;overflow:auto}.view{height:auto}.view-main{grid-template-rows:none;grid-template-columns:1fr 1fr;grid-template-areas:"play play""quick rooms""gym workshop""feat feat""profile profile";grid-auto-rows:minmax(130px,auto)}.t-play{min-height:200px}.view-modes,.rooms-grid,.pf-body[data-tab]{grid-template-rows:none;grid-template-columns:1fr}.keys-lists,.chart-pair{grid-template-columns:1fr 1fr}.chart{min-height:200px}.words-scroll{max-height:60vh}.pf-tabs{flex-basis:100%;order:3}.pf-tools{order:2}.mode-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:96px}.host-col{grid-template-rows:none;grid-auto-rows:130px}.stats{grid-template-columns:repeat(3,1fr)}.feat-hook{white-space:normal}}@media (prefers-reduced-motion:reduce){.tile,.mode-tile{transition:none}}.t-profile:after{background:repeating-linear-gradient(115deg, var(--overlay) 0 14px, transparent 14px 34px)}.pf-tools{flex-wrap:wrap;align-items:center}.kind-seg{background:var(--overlay-1,#7f7f7f14);border:1px solid var(--line);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.kind-seg button{all:unset;cursor:pointer;color:var(--text-muted);border-radius:999px;padding:4px 11px;font-size:.78rem;font-weight:700}.kind-seg button[aria-pressed=true]{background:var(--surface-raised);color:var(--text);box-shadow:0 1px 3px #0000002e}.kind-seg button:focus-visible,.kind-seg button.tn-best{outline:2px solid var(--accent);outline-offset:1px}.compare-table tr[data-kind-row]{cursor:pointer}.compare-table tr.sel td{background:var(--overlay-2)}.compare-table tr.sel td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.compare-table tr.total td{border-top:1px solid var(--line-strong);font-weight:800}.compare-table tr.subrow td{color:var(--text-muted);font-size:.85em}.compare-table .indent{padding-left:14px}.compare-note{margin-top:8px}.chip-n{opacity:.7;font-variant-numeric:tabular-nums;margin-left:2px;font-weight:600}.mtable tr.group th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);padding-top:14px;font-size:.72rem}.mtable .glyph{text-align:center;width:1.2em;margin-right:6px;font-weight:800;display:inline-block}.kind-tag{text-align:center;min-width:2.6em;font:800 .62rem var(--mono);letter-spacing:.05em;vertical-align:1px;border:1px solid;border-radius:6px;margin-right:7px;padding:1px 5px;display:inline-block}.kind-tag.k-multiplayer{color:#4fa3ff}.kind-tag.k-practice{color:var(--text-muted)}.kind-tag.k-gym{color:#e9a23b}.stats.filtered .stat{border-color:var(--accent-soft,var(--line-strong))}@media (width<=720px){.view-profile,.view-profile .pf-col,.view-profile .panel,.view-profile [class*=pf-]{min-width:0}.view-profile .panel{overflow-x:auto}.view-profile .kind-seg button{padding:4px 9px}}@media (width<=860px){.view-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.view-main .tile{min-width:0}}@media (width<=520px){body.portal-fixed,body.portal-fixed .stage{overflow-x:clip}}.view-gym{position:relative}.gym-hub{grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr);gap:clamp(12px,2vw,24px);height:100%;display:grid}.gym-hub[hidden],.gym-run[hidden]{display:none}.gym-left{flex-direction:column;min-height:0;display:flex}.gym-left .view-head{align-items:center}.tier-pill{color:var(--text-muted);border-radius:var(--radius-pill);background:var(--overlay-2);align-items:baseline;gap:6px;padding:4px 12px;font-size:.8rem;display:inline-flex}.tier-pill b{color:var(--accent-text);font-family:var(--mono)}.gym-filter{margin-left:auto}.gym-filter:empty{display:none}.gym-filter button{padding:4px 12px;font-size:.8rem}.gym-groups{flex-direction:column;flex:1;gap:clamp(8px,1.4vh,14px);min-height:0;padding:2px 6px 6px 2px;display:flex;overflow:auto}.gym-group-h{letter-spacing:.12em;text-transform:uppercase;align-items:baseline;gap:10px;margin-bottom:6px;font-size:.78rem;font-weight:800;display:flex}.gym-group-h .small{text-transform:none;letter-spacing:0;font-weight:500}.gym-row{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:clamp(8px,1.1vh,12px);display:grid}.gym-tile{--c:#fff;height:clamp(66px,10.5vh,104px);color:var(--text);text-align:left;cursor:pointer;background:linear-gradient(160deg, color-mix(in srgb, var(--c) 40%, var(--tile-base)) 0%, var(--tile-base) 75%);border:2px solid #0000;border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:2px;padding:8px 12px;transition:transform .12s,border-color .12s,opacity .12s;display:flex;position:relative;overflow:hidden;transform:skew(-4deg)}.gym-tile>*{transform:skew(4deg)}.gym-tile:hover,.gym-tile.tn-best{transform:skew(-4deg)scale(1.03)}.gym-tile[aria-pressed=true]{border-color:var(--ring);box-shadow:0 0 0 3px var(--ring-glow), var(--shadow)}.gym-tile.dim{opacity:.42}.gym-tile.dim:hover,.gym-tile.dim[aria-pressed=true],.gym-tile.dim.tn-best{opacity:1}.gym-tile.soon{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--c) 16%, var(--tile-base)) 0 10px, var(--tile-base) 10px 20px)}.gt-glyph{color:color-mix(in srgb, var(--c) var(--tint), var(--text));opacity:.6;font-size:clamp(2rem,6.4vh,3.6rem);font-weight:800;line-height:1;position:absolute;top:-2px;right:8px}.gt-name{text-transform:uppercase;--tn-hit:var(--accent-text);font-size:clamp(.85rem,2vh,1.08rem);font-style:italic;font-weight:800;line-height:1.05}.gt-meta{font:600 .7rem var(--mono);color:var(--text-muted);align-items:center;gap:6px;display:flex}.gt-meta .tag{font-family:var(--font);padding:1px 6px;font-size:.6rem}.gym-detail{overflow:auto}.gd-glyph{background:var(--c);color:#0b1020;border-radius:10px;place-items:center;width:34px;height:34px;font-size:1.2rem;font-weight:800;display:grid;transform:rotate(-6deg)}.gd-meta{flex-direction:column;gap:8px;display:flex}.tierbar{grid-template-columns:repeat(6,1fr);gap:3px;max-width:360px;display:grid}.tierbar span{text-align:center;font:700 .7rem var(--mono);background:var(--overlay);color:var(--text-faint);border-radius:4px;padding:4px 0;position:relative}.tierbar span.on{background:color-mix(in srgb, var(--c) 55%, var(--surface));color:var(--text)}.tierbar span.you{box-shadow:inset 0 0 0 2px var(--ring)}.tierbar span.you:after{content:"you";color:var(--accent-text);font-size:.58rem;position:absolute;top:100%;left:50%;transform:translate(-50%)}.skills{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.skill{border-radius:var(--radius-pill);background:var(--overlay-2);color:var(--text-muted);padding:3px 9px;font-size:.72rem}.skill.main{background:color-mix(in srgb, var(--c) 30%, var(--surface));color:var(--text);font-weight:700}.gd-how{color:var(--text-muted);gap:4px;font-size:.88rem;list-style:none;display:grid}.gd-how li{padding-left:16px;position:relative}.gd-how li:before{content:"";background:var(--c);border-radius:2px;width:6px;height:6px;position:absolute;top:.55em;left:2px}.gd-opts{gap:8px;display:grid}.gd-opts:empty{display:none}.gd-opt{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.gd-opt-l{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);min-width:7em;font-size:.7rem;font-weight:800}.gd-opt .seg button{padding:4px 11px;font-size:.8rem}.copy-field textarea{font:.85rem/1.4 var(--mono);resize:vertical;min-height:5.5em}.copy-field>span{justify-content:space-between;display:flex}.belt{border-radius:var(--radius-pill);border:1px dashed var(--line-strong);color:var(--text-faint);padding:1px 7px;font-size:.68rem}.belt.got{background:var(--yellow);color:var(--navy);border-style:solid;font-weight:700}.gd-best b{color:var(--accent-text)}.gym-run{--c:#fff;flex-direction:column;gap:clamp(8px,1.6vh,16px);height:100%;display:flex;position:relative}.gr-head{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.gr-name{text-transform:uppercase;align-items:center;gap:10px;font-size:clamp(1.3rem,3.2vh,1.9rem);font-style:italic;font-weight:800;display:flex}.gr-glyph{background:var(--c);color:#0b1020;border-radius:10px;place-items:center;width:1.4em;height:1.4em;font-size:.8em;font-style:normal;display:grid;transform:rotate(-6deg)}.gr-sub{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.gr-live{gap:18px;display:flex}.lv-bit{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.lv-bit b{color:var(--text);letter-spacing:0;margin-right:2px;font-size:clamp(1.3rem,3.6vh,2rem)}.lv-bit.hot b{color:var(--red)}.gr-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(10px,2vh,22px);min-height:0;display:flex}.gr-foot{text-align:center}.gr-foot kbd,.res-card kbd{font:700 .72rem var(--mono);border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:5px;padding:1px 6px}.gr-kb{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;position:absolute;top:0;left:0}.gt-box{width:min(1000px,100%);height:5.7em;font:500 clamp(1.35rem, 3.8vh, 2.1rem)/1.9em var(--mono);padding:0 4px;position:relative;overflow:hidden}.gt-lines{flex-wrap:wrap;column-gap:.62em;transition:transform .18s;display:flex}.w{white-space:pre;border-radius:4px;position:relative}.c{color:var(--text-faint)}.c.g{color:var(--text)}.c.r{color:var(--error-text);background:color-mix(in srgb, var(--red) 22%, transparent);border-radius:2px}.c.x{color:var(--error-text);opacity:.75;text-decoration:line-through}.w.ok .c{color:var(--text)}.w.bad{-webkit-text-decoration:underline wavy var(--red) 2px;text-decoration:underline wavy var(--red) 2px;text-underline-offset:6px}.c.caret{box-shadow:-2px 0 0 var(--ring);animation:1s step-end infinite gt-blink}.c.caret.end{box-shadow:-2px 0 0 var(--ring)}@keyframes gt-blink{50%{box-shadow:-2px 0 #0000}}.w.nudge{animation:.28s gt-nudge}@keyframes gt-nudge{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.w.nudge .c:not(.g){color:var(--error-text)}.c.buddy{box-shadow:inset 0 -4px 0 color-mix(in srgb, var(--c) 85%, transparent);color:var(--text)}.gt-box[class*=fade-] .w{transition:opacity .25s}.gt-box .w.gone,.gt-box .w.far{opacity:0}.gt-box .w.masked .c:not(.g):not(.r){color:#0000;background:repeating-linear-gradient(90deg, var(--line-strong) 0 60%, transparent 60% 100%) bottom / 100% 2px no-repeat}.gt-box .w.blind .c.g,.gt-box .w.blind .c.r,.gt-box .w.blind .c.x{color:var(--text-muted);background:0 0;text-decoration:none}.gt-box.zen{height:3.8em;font-weight:400}.gt-box.zen .w.bad{text-decoration:none}.garden{border-bottom:6px solid color-mix(in srgb, #5bd16b 45%, var(--surface));background:linear-gradient(#0000 30%,#5bd16b1a);border-radius:0 0 10px 10px;align-items:flex-end;gap:3px;width:min(1000px,100%);height:clamp(90px,22vh,200px);padding:0 8px;display:flex;overflow:hidden}.plant{--h:60%;--c:#5bd16b;width:12px;height:var(--h);transform-origin:bottom;flex:none;animation:.6s ease-out grow;position:relative}.plant:before{content:"";background:color-mix(in srgb, #3f9a4a 80%, var(--text-faint));border-radius:2px;width:2px;height:100%;position:absolute;bottom:0;left:5px}.plant:after{content:"";background:var(--c);width:12px;height:12px;box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 35%, transparent);border-radius:50%;position:absolute;top:-6px;left:0}.plant.wilt:after{width:8px;height:5px;box-shadow:none;border-radius:0 8px;top:30%;left:5px}@keyframes grow{0%{transform:scaleY(0)}}.glass{pointer-events:none;background:linear-gradient(120deg,#0000 40%,#ffffff0f 50%,#0000 60%);border-radius:10px;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #b6c4ce73}.glass.hit{animation:.38s shatter}.glass[data-cracks]:not([data-cracks="0"]){background-image:linear-gradient(120deg,#0000 40%,#ffffff0f 50%,#0000 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100' preserveAspectRatio='none'%3E%3Cpath d='M100 50 L20 5 M100 50 L180 12 M100 50 L150 98 M100 50 L40 95 M100 50 L2 60 M100 50 L198 70' stroke='%23ff8a8a' stroke-width='.8' fill='none'/%3E%3C/svg%3E");background-size:100% 100%}@keyframes shatter{20%{box-shadow:inset 0 0 0 3px var(--red);transform:translate(-5px,2px)}60%{transform:translate(5px,-2px)}}.kbd{--k:clamp(30px, 5.2vh, 46px);flex-direction:column;align-items:center;gap:5px;display:flex}.kr{gap:5px;display:flex}.kr.r2{padding-left:calc(var(--k) * .3)}.kr.r3{padding-left:calc(var(--k) * .8)}.k{width:var(--k);height:var(--k);font:700 .9rem var(--mono);border:1px solid var(--line);background:color-mix(in srgb, var(--f) 30%, var(--surface-sunken));color:var(--text);border-bottom-width:3px;border-radius:8px;place-items:center;transition:transform 80ms;display:grid}.k.off{opacity:.28}.k.space{width:calc(var(--k) * 6)}.k.shift{width:calc(var(--k) * 2);font-size:.7rem}.k.next{background:var(--f,var(--yellow));color:#0b1020;box-shadow:0 0 0 3px var(--ring-glow);opacity:1;transform:translateY(-3px)}.k.shift.next,.k.space.next{--f:var(--yellow)}.f0{--f:#ff5a5a}.f1{--f:#ffa53a}.f2{--f:#ffd84a}.f3{--f:#5bd16b}.f4{--f:#40e0d0}.f5{--f:#6bc5d2}.f6{--f:#b99cff}.f7{--f:#e86bff}.fingers{gap:10px;margin-top:4px;display:flex}.fingers span{align-items:center;gap:4px;display:inline-flex}.fingers span:before{content:"";background:var(--f);border-radius:3px;width:9px;height:9px}.dojo-note{text-align:center;max-width:60ch}.pace-track{width:min(1000px,100%);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:.75rem;display:flex}.pt-you:before,.pt-buddy:before{content:"";vertical-align:-1px;background:var(--yellow);border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.pt-buddy:before{background:var(--c)}.pt-bar{background:var(--overlay);border-radius:13px;flex-basis:100%;height:26px;position:relative}.pt-bar b{border-radius:50%;width:20px;height:20px;margin-left:-10px;transition:left .1s linear;position:absolute;top:3px}.pt-y{left:var(--y,0%);background:var(--yellow);box-shadow:0 0 0 3px var(--ring-glow);z-index:1}.pt-b{left:var(--b,0%);background:var(--c)}.rain{background:linear-gradient(180deg, color-mix(in srgb, var(--c) 10%, transparent), transparent 60%), var(--surface-sunken);border:1px solid var(--line);border-radius:14px;flex:1;width:min(1000px,100%);min-height:220px;position:relative;overflow:hidden}.rain-sky{position:absolute;inset:0}.rain-hint{color:var(--text-faint);place-items:center;display:grid;position:absolute;inset:0}.drop{font:600 clamp(1rem, 2.6vh, 1.35rem) var(--mono);background:var(--overlay-2);color:var(--text);white-space:nowrap;will-change:transform;border-radius:6px;padding:2px 8px;position:absolute;top:0;left:0}.drop b{color:var(--accent-text)}.drop.lock{box-shadow:0 0 0 2px var(--ring)}.drop.gold{background:var(--yellow);color:var(--navy)}.drop.gold b{color:#9a3b00}.drop.pop{animation:.26s forwards pop}@keyframes pop{to{opacity:0;scale:1.5}}.rubble{pointer-events:none;flex-wrap:wrap-reverse;gap:3px;max-height:40%;padding:4px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.rubble span{font:.72rem var(--mono);color:var(--text-faint);background:var(--overlay);border-radius:4px;padding:0 5px}.rain-input{text-align:center;min-width:min(420px,90%);font:700 clamp(1.3rem, 3.6vh, 2rem) var(--mono);border-bottom:3px solid var(--ring);padding:6px 16px}.rain-input.nudge{border-color:var(--red);animation:.28s gt-nudge}.caret-bar{vertical-align:-.12em;background:var(--ring);width:2px;height:1em;animation:1s step-end infinite gt-blink;display:inline-block}.gr-results{background:var(--backdrop);z-index:5;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.gr-results[hidden]{display:none}.res-card{background:linear-gradient(180deg, color-mix(in srgb, var(--c) 20%, var(--surface-raised)), var(--surface-raised) 45%);border:1px solid var(--line-strong);width:min(620px,100%);max-height:100%;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:12px;padding:clamp(16px,3vh,28px);display:flex;overflow:auto}.res-h{text-transform:uppercase;font-size:clamp(1.4rem,4vh,2.2rem);font-style:italic;font-weight:800;line-height:1.05}.res-best{color:var(--accent-text)}.res-tiles{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;display:grid}.res-notes{color:var(--text-muted);gap:6px;font-size:.9rem;list-style:none;display:grid}.res-notes b{color:var(--text)}.res-keys{border-collapse:collapse;font-size:.85rem}.res-keys th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);padding:2px 14px 4px 0;font-size:.64rem}.res-keys td{border-top:1px solid var(--line);font-family:var(--mono);color:var(--text-muted);padding:3px 14px 3px 0}.res-keys td b{color:var(--text)}.res-xp{background:var(--overlay);border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.res-xp .gain{font:800 1.3rem var(--mono);color:var(--accent-text)}.res-xp .lvup{color:var(--accent-text)}.res-parts{color:var(--text-faint);flex-wrap:wrap;gap:4px 12px;font-size:.75rem;display:flex}.res-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=860px),(height<=520px){.gym-hub{grid-template-columns:1fr;height:auto}.gym-groups{overflow:visible}.gym-row{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.gym-tile{height:84px}.gym-run{min-height:calc(100dvh - 140px)}.gt-box{font-size:1.2rem}.gr-live{justify-content:flex-start;width:100%}.kbd{--k:min(8.4vw, 36px)}.rain{min-height:50vh}}@media (prefers-reduced-motion:reduce){.gym-tile,.gt-lines,.plant,.drop.pop,.glass.hit,.w.nudge{transition:none;animation:none}}