:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-surface-canvas:#06090e;--color-on-surface-canvas:#efebe1;--color-surface-base:#0d1218;--color-on-surface-base:#efebe1;--color-surface-raised:#171c23;--color-on-surface-raised:#efebe1;--color-surface-sunken:#030406;--color-on-surface-sunken:#e5e1d7;--color-surface-accent:#c8ce2c;--color-on-surface-accent:#101101;--color-surface-success:#56bc86;--color-on-surface-success:#020f07;--color-surface-warning:#eda839;--color-on-surface-warning:#180d00;--color-surface-danger:#f36356;--color-on-surface-danger:#150403;--color-surface-info:#49bae1;--color-on-surface-info:#020d12;--color-surface-selection:#313304;--color-on-surface-selection:#efebe1;--color-surface-disabled:#202328;--color-on-surface-disabled:#a8a49c;--color-text-secondary:#a9a498;--color-text-muted:#908c81;--color-link:#c8ce2c;--color-border-default:#626a73;--color-border-strong:#8c9aab;--color-focus-ring:#c8ce2c;--color-overlay-scrim:#000001c7;--font-family-ui:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Noto Sans CJK SC, Microsoft YaHei, sans-serif;--font-family-mono:ui-monospace, SFMono-Regular, Consolas, Liberation Mono, monospace;--font-size-xs:.79rem;--font-size-sm:.889rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.266rem;--font-size-2xl:1.424rem;--font-size-3xl:1.602rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--line-height-tight:1.25;--line-height-control:1.4;--line-height-body:1.6;--letter-spacing-default:0em;--space-0:0rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-none:0rem;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--border-width-default:.0625rem;--border-width-emphasis:.125rem;--duration-instant:80ms;--duration-fast:.14s;--duration-normal:.22s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--icon-library:lucide;--icon-stroke-width:1.5;--size-icon-sm:1rem;--size-icon-md:1.25rem;--size-icon-lg:1.5rem;--size-control-compact:2.25rem;--size-control-touch:2.75rem;--size-header:3.5rem;--size-status-rail:2.5rem;--size-mobile-nav:3.5rem;--size-context-dock:4rem;--size-sidebar:18rem;--size-content-max:80rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--shadow-raised:0 1px 0 #000001b3;--shadow-overlay:0 1rem 3rem #0000018c}@supports (color:lab(0% 0 0)){:root{--color-surface-canvas:lab(2.46065% -.311106 -2.26391);--color-on-surface-canvas:lab(93.1044% .171691 5.36588);--color-surface-base:lab(5.23475% -.627384 -4.32198);--color-on-surface-base:lab(93.1044% .171691 5.36588);--color-surface-raised:lab(10.0515% -.99434 -5.73176);--color-on-surface-raised:lab(93.1044% .171691 5.36588);--color-surface-sunken:lab(1.03809% -.131242 -.95509);--color-on-surface-sunken:lab(89.6243% .173628 5.36727);--color-surface-accent:lab(80.2848% -15.4813 71.7929);--color-on-surface-accent:lab(4.60219% -2.1297 6.45229);--color-surface-success:lab(69.17% -40.6991 17.9308);--color-on-surface-success:lab(3.26053% -4.73896 2.05844);--color-surface-warning:lab(74.3588% 19.1076 64.1461);--color-on-surface-warning:lab(4.41201% 3.38811 6.52911);--color-surface-danger:lab(61.163% 55.8372 37.2762);--color-on-surface-danger:lab(2.32967% 5.55363 2.39718);--color-surface-info:lab(70.2738% -23.6993 -29.8215);--color-on-surface-info:lab(3.09338% -2.28444 -3.64524);--color-surface-selection:lab(20.4035% -5.89204 26.6971);--color-on-surface-selection:lab(93.1044% .171691 5.36588);--color-surface-disabled:lab(13.555% -.721216 -3.62287);--color-on-surface-disabled:lab(67.5749% .153303 4.60359);--color-text-secondary:lab(67.5998% .272751 6.93654);--color-text-muted:lab(58.3109% .242412 6.1658);--color-link:lab(80.2848% -15.4813 71.7929);--color-border-default:lab(44.2764% -1.32352 -6.53286);--color-border-strong:lab(62.8026% -2.11832 -10.8485);--color-focus-ring:lab(80.2848% -15.4813 71.7929);--color-overlay-scrim:lab(.110771% -.0148639 -.211328/.78);--shadow-raised:0 1px 0 lab(.110771% -.0148639 -.211328/.7);--shadow-overlay:0 1rem 3rem lab(.110771% -.0148639 -.211328/.55)}}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0s;--duration-fast:0s;--duration-normal:0s}}
*{box-sizing:border-box}.scene-note span{text-wrap:balance}.browser-arcade{gap:1.25rem;width:min(100%,60rem);margin:0 auto 2rem;padding:0;display:grid}.browser-arcade-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.browser-arcade-heading h2,.browser-arcade-heading p{margin:0}.browser-arcade-heading h2{color:#203a30;font-size:1.5rem}.browser-arcade-heading p:last-child{color:#52675c;max-width:42rem;margin-top:.35rem}.browser-arcade-icon{color:#e47e63;flex:none;width:2.6rem;height:2.6rem}.browser-game-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.browser-game-tabs button{color:#285746;cursor:pointer;background:#fff;border:1px solid #c6ddd0;border-radius:.4rem;justify-content:center;align-items:center;gap:.6rem;min-height:2.75rem;padding:.65rem .8rem;font-weight:700;display:flex}.browser-game-tabs button.selected,.browser-game-tabs button:hover{background:#e5f2df;border-color:#367461}.browser-game-stage{background:#202729;place-items:center;min-height:0;padding:0;display:grid;position:relative;overflow:hidden}.browser-game-idle,.browser-game-finished,.browser-question,.browser-breakout-wrap{width:min(100%,42rem)}.browser-game-idle,.browser-game-finished{text-align:center;justify-items:center;gap:.65rem;display:grid}.browser-game-idle>svg,.browser-game-finished>svg{color:#e47e63;width:2.4rem;height:2.4rem}.browser-game-idle strong,.browser-game-finished strong{color:#203a30;font-size:1.3rem}.browser-game-idle p,.browser-game-finished p{color:#52675c;margin:0}.browser-game-meta{color:#40575c;font-variant-numeric:tabular-nums;background:#fff;justify-content:space-between;align-items:center;gap:1rem;padding:.45rem 1rem;font-size:.85rem;display:flex}.browser-game-meta strong{color:#203a30}.browser-question>code{overflow-wrap:anywhere;white-space:pre-wrap;color:#ecf1e9;min-height:5rem;margin:1.5rem 0;padding:1rem 0;font-size:1.15rem;display:block}.browser-question .bracket-sequence{text-align:center;letter-spacing:0;font-size:2rem}.browser-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.browser-answer-grid button{color:#263b41;cursor:pointer;background:#f5f8fa;border:1px solid #a5c4b3;border-radius:.4rem;justify-content:center;align-items:center;gap:.6rem;min-height:2.75rem;font-weight:700;display:flex}.browser-answer-grid button:hover,.browser-answer-grid button:focus-visible{background:#fff5ed;border-color:#e47e63}.browser-feedback{justify-content:center;align-items:center;gap:.35rem;min-height:1.5rem;margin:.8rem 0 0;font-weight:700;display:flex}.browser-feedback.correct{color:#d9ef76}.browser-feedback.wrong{color:#ffb3a4}.browser-game-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.browser-breakout-wrap{gap:.8rem;display:grid}.browser-breakout{aspect-ratio:40/22;touch-action:none;background:#202729;width:100%;height:auto;display:block;overflow:hidden}.breakout-bricks{grid-template-columns:repeat(10,minmax(0,1fr));gap:.25rem;padding:.55rem;display:grid}.brick{aspect-ratio:1.8;background:#d9ef76;border-radius:.2rem}.brick:nth-child(3n){background:#e47e63}.brick:nth-child(3n+1){background:#78b99b}.brick.cleared{visibility:hidden}.breakout-ball,.breakout-paddle{position:static}.breakout-ball{fill:#fff}.breakout-paddle{fill:#ffac94}.browser-controls-note,.browser-download-prompt{color:#52675c;text-align:center;margin:0;font-size:.85rem}.breakout-controls{justify-content:center;gap:.75rem;display:flex}.breakout-controls button{color:#285746;cursor:pointer;touch-action:none;background:#f4f8f2;border:1px solid #a5c4b3;border-radius:.4rem;place-items:center;width:3rem;height:2.75rem;display:inline-grid}.browser-download-prompt a{color:#2d7563;font-weight:750}@media (max-width:48rem){.browser-game-tabs{gap:.3rem}.browser-game-tabs button{overflow-wrap:anywhere;flex-direction:column;padding:.6rem .25rem;font-size:.75rem;line-height:1.3}.browser-arcade-heading{gap:.6rem}.browser-arcade-icon{width:2rem;height:2rem}}.browser-game-panel{border:1px solid #a9beb8;border-radius:8px;min-width:0;overflow:hidden}.browser-game-tools,.browser-game-meta>span,.arcade-local-label,.browser-question-progress>span{align-items:center;gap:.4rem;display:flex}.browser-arcade svg:not(.browser-breakout){flex-shrink:0;width:1.15rem;height:1.15rem}.arcade-local-label{color:#536661;font-variant-numeric:tabular-nums;font-size:.8rem}.browser-game-overlay{color:#f6faf8;text-align:center;background:#161e20d6;align-content:center;justify-items:center;gap:.7rem;padding:1rem;display:grid;position:absolute;inset:0}.game-slack-off-breakout[data-phase=idle] .browser-game-overlay{background:0 0;top:37%;bottom:6%}.browser-game-overlay h3,.browser-game-overlay p{margin:0}.browser-game-overlay h3{font-size:1.5rem;line-height:1.2}.arcade-stage-label{color:#a6d4dd;font-family:var(--font-family-mono);font-size:.75rem}.browser-game-overlay p{color:#c3d2cf;font-size:.8rem}.browser-result-score{color:#d9ef76;font-variant-numeric:tabular-nums;font-size:3rem;line-height:1}.browser-game-overlay .result-trophy{color:#d9ef76;width:1.8rem;height:1.8rem}.breakout-guide{fill:none;stroke:#354244;stroke-width:.03px}.breakout-brick{fill:#d9ef76;stroke:#202729;stroke-width:.08px}.breakout-brick.row-1,.breakout-brick.row-4{fill:#ffac94}.breakout-brick.row-2,.breakout-brick.row-5{fill:#94d8e5}.breakout-brick.row-3{fill:#9bd5b6}.breakout-brick.cleared{visibility:hidden}.breakout-trail{stroke:#a6d4dd;stroke-width:.22px;stroke-linecap:round;opacity:.4}.browser-question{align-content:center;min-height:22rem;padding:1.8rem}.browser-question-progress{color:#b9d5d7;font-variant-numeric:tabular-nums;justify-content:space-between;gap:.6rem;font-size:.8rem;display:flex}.browser-question progress{accent-color:#d9ef76;border:0;width:100%;height:4px;margin-top:.6rem;display:block}.answer-index{color:#5b737a;font-size:.75rem}.arcade-bottom-bar{color:#536661;font-variant-numeric:tabular-nums;background:#fff;justify-content:space-between;align-items:center;gap:.5rem;min-height:3.7rem;padding:.5rem 1rem;font-size:.8rem;display:flex}@media (max-width:48rem){.browser-arcade-heading{flex-wrap:wrap}.browser-question{padding:1rem}.browser-question .bracket-sequence{font-size:1.6rem}.browser-game-overlay{gap:.4rem}.browser-game-overlay h3{font-size:1.1rem}.browser-game-overlay .result-trophy{display:none}.browser-result-score{font-size:2rem}}html{background:var(--color-surface-canvas);color:var(--color-on-surface-canvas);font-family:var(--font-family-ui);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-default)}body{min-width:100%;min-height:100dvh;margin:var(--space-0);background:var(--color-surface-canvas);color:var(--color-on-surface-canvas);line-height:var(--line-height-body)}button,a{font:inherit}a{color:inherit;text-decoration:none}button{letter-spacing:var(--letter-spacing-default)}button:focus-visible,a:focus-visible{outline:var(--border-width-emphasis) solid var(--color-focus-ring);outline-offset:var(--space-1)}button:disabled{cursor:not-allowed}::selection{background:var(--color-surface-selection);color:var(--color-on-surface-selection)}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.skip-link{z-index:2;top:var(--space-2);left:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-accent);color:var(--color-on-surface-accent);font-weight:var(--font-weight-semibold);position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:translateY(var(--space-0))}.site-header{z-index:1;top:var(--space-0);min-height:var(--size-header);border-bottom:var(--border-width-default) solid var(--color-border-default);background:var(--color-surface-base);color:var(--color-on-surface-base);position:sticky}.header-inner{width:min(100%, var(--size-content-max));min-height:var(--size-header);align-items:center;gap:var(--space-4);padding-inline:var(--space-4);margin-inline:auto;display:flex}.brand{overflow-wrap:anywhere;min-width:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.nav-link,.locale-link{min-height:var(--size-control-compact);padding-inline:var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);align-items:center;display:inline-flex}.nav-link:hover,.locale-link:hover,.nav-link:active,.locale-link:active,.nav-link[aria-current=page],.locale-link[aria-current=page]{background:var(--color-surface-selection);color:var(--color-on-surface-selection)}.locale-switcher{align-items:center;gap:var(--space-1);min-width:0;color:var(--color-text-secondary);margin-left:auto;display:flex}.locale-switcher>svg{width:var(--size-icon-sm);height:var(--size-icon-sm);flex:none}.main-content{width:min(100%, var(--size-content-max));padding:var(--space-8) var(--space-4) var(--space-16);flex:1 0 auto;margin-inline:auto}.site-footer{border-top:var(--border-width-default) solid var(--color-border-default);background:var(--color-surface-base);color:var(--color-on-surface-base);flex:none}.footer-inner{width:min(100%, var(--size-content-max));gap:var(--space-3);padding:var(--space-6) var(--space-4);margin-inline:auto;display:grid}.footer-links{gap:var(--space-2) var(--space-4);flex-wrap:wrap;min-width:0;display:flex}.footer-links a{color:var(--color-link);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.footer-links a:hover,.footer-links a:active{text-decoration:underline}.legal-document{width:min(100%, calc(var(--size-sidebar) * 3));gap:var(--space-8);margin-inline:auto;display:grid}.legal-document section{gap:var(--space-3);padding-top:var(--space-6);border-top:var(--border-width-default) solid var(--color-border-default);display:grid}.legal-document section h2,.legal-document section p,.legal-document section ul{margin:var(--space-0)}.legal-document section h2{font-size:var(--font-size-xl);line-height:var(--line-height-tight)}.legal-document section p,.legal-document section li{overflow-wrap:anywhere}.legal-document section ul{gap:var(--space-2);padding-left:var(--space-6);display:grid}.legal-document section a{color:var(--color-link);text-decoration:underline}.legal-updated{color:var(--color-text-muted);font-size:var(--font-size-sm)}.page-stack{gap:var(--space-6);display:grid}.page-heading h1,.feed-toolbar h2,.work-row h3,.page-state h1{margin:var(--space-0);line-height:var(--line-height-tight)}.page-heading h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.feed-surface{border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface-base);color:var(--color-on-surface-base);overflow:hidden}.feed-toolbar{min-height:var(--size-header);justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-6);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width-default) solid var(--color-border-default);flex-wrap:wrap;display:flex}.feed-toolbar h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.filter-group{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.filter-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.segmented-control{border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface-sunken);grid-template-columns:repeat(3,minmax(0,1fr));display:inline-grid;overflow:hidden}.filter-button{min-height:var(--size-control-compact);padding-inline:var(--space-3);border:var(--space-0);border-left:var(--border-width-default) solid var(--color-border-default);background:var(--color-surface-sunken);color:var(--color-on-surface-sunken);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.filter-button:first-child{border-left:var(--space-0)}.filter-button:hover,.filter-button:active,.filter-button[aria-pressed=true]{background:var(--color-surface-selection);color:var(--color-on-surface-selection)}.feed-results{min-height:calc(var(--size-control-touch) * 3)}.state-panel{min-height:calc(var(--size-control-touch) * 3);place-content:center;justify-items:center;gap:var(--space-2);padding:var(--space-6);text-align:center;display:grid}.state-panel>svg{width:var(--size-icon-lg);height:var(--size-icon-lg);color:var(--color-text-secondary)}.state-panel p,.inline-alert p,.work-row p{margin:var(--space-0);color:var(--color-text-secondary)}.inline-status{min-height:var(--size-status-rail);align-items:center;gap:var(--space-2);padding-inline:var(--space-4);border-bottom:var(--border-width-default) solid var(--color-border-default);background:var(--color-surface-sunken);color:var(--color-on-surface-sunken);font-size:var(--font-size-sm);display:flex}.inline-status>svg,.inline-alert>svg,.retry-button>svg{width:var(--size-icon-sm);height:var(--size-icon-sm);flex:none}.inline-alert{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width-default) solid var(--color-border-default);background:var(--color-surface-danger);color:var(--color-on-surface-danger);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.inline-alert p{color:inherit;font-size:var(--font-size-sm)}.retry-button,.command-link{min-height:var(--size-control-compact);justify-content:center;align-items:center;gap:var(--space-2);padding-inline:var(--space-3);border:var(--border-width-default) solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-on-surface-raised);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:inline-flex}.retry-button:hover,.retry-button:active,.command-link:hover,.command-link:active{background:var(--color-surface-selection);color:var(--color-on-surface-selection)}.work-list{padding:var(--space-0);margin:var(--space-0);list-style:none}.work-list>li+li{border-top:var(--border-width-default) solid var(--color-border-default)}.work-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);min-width:0;padding:var(--space-4);display:flex}.work-copy{gap:var(--space-1);min-width:0;display:grid}.work-row h3{overflow-wrap:anywhere;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.work-row p{overflow-wrap:anywhere;font-size:var(--font-size-sm)}.language-tag{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-info);color:var(--color-on-surface-info);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);flex:none}.page-state{width:min(100%, var(--size-sidebar));border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface-base);color:var(--color-on-surface-base);margin-inline:auto}@media (max-width:48rem){.header-inner{gap:var(--space-2);padding-inline:var(--space-3)}.brand{max-width:40%}.nav-link,.locale-link,.filter-button,.retry-button,.command-link{min-height:var(--size-control-touch)}.nav-link,.locale-link{padding-inline:var(--space-2)}.locale-switcher>svg{display:none}.main-content{padding:var(--space-6) var(--space-4) var(--space-12)}.footer-inner{padding:var(--space-6) var(--space-4) calc(var(--size-mobile-nav) + var(--space-6))}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.legal-document{gap:var(--space-6)}.feed-toolbar,.filter-group{align-items:stretch}.filter-group,.segmented-control{width:100%}.inline-alert{grid-template-columns:auto minmax(0,1fr)}.inline-alert .retry-button{grid-column:1/-1}.work-row{align-items:flex-start}}:root{--color-surface-canvas:#f6f8fa;--color-on-surface-canvas:#23312b;--color-surface-base:#fff;--color-on-surface-base:#23312b;--color-surface-raised:#fdfefa;--color-on-surface-raised:#23312b;--color-surface-sunken:#eef3f5;--color-on-surface-sunken:#33463d;--color-surface-accent:#d9ef76;--color-on-surface-accent:#1e2b24;--color-surface-selection:#dcefe4;--color-on-surface-selection:#214238;--color-surface-success:#d7efdf;--color-on-surface-success:#235d42;--color-surface-warning:#fff0d9;--color-on-surface-warning:#7a4d1f;--color-surface-danger:#fce0dc;--color-on-surface-danger:#7b302c;--color-surface-info:#d9edf0;--color-on-surface-info:#235763;--color-surface-disabled:#e5ebe5;--color-on-surface-disabled:#718078;--color-text-secondary:#587067;--color-text-muted:#52675c;--color-link:#2d7563;--color-border-default:#d7e2d9;--color-border-strong:#a6bbb0;--color-focus-ring:#e47e63;--shadow-raised:0 18px 48px #344d401f}html,body{background:var(--color-surface-canvas)}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-bottom-color:#a7bcafb3}.header-inner{min-height:4.5rem}.brand{color:#20352d;align-items:center;gap:.65rem;display:inline-flex}.brand-label{letter-spacing:0;font-size:1.05rem;font-weight:750}.brand-lockup{color:#263c32;align-items:center;gap:.8rem;display:inline-flex}.brand-mark{color:#243a2f;filter:drop-shadow(0 8px 14px #73915e33);background:#d9ef76;border-radius:1.1rem;width:3.35rem;height:3.35rem;padding:.55rem;overflow:visible}.brand-mark path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.2px}.brand-mark path:first-child,.brand-mark path:nth-child(2){fill:currentColor;stroke:none}.welcome-scene{background-blend-mode:soft-light;min-height:min(35rem,100dvh - 7rem);box-shadow:var(--shadow-raised);background-color:#d8e7d9;background-image:url(/arcade/slack-off-breakout.png);background-position:100%;background-repeat:no-repeat;background-size:58%;border:1px solid #d1e2d6;border-radius:2rem;align-items:flex-end;padding:clamp(2rem,7vw,6.5rem);display:flex;position:relative;overflow:hidden}.welcome-scene:before{content:"";background:#f8fcf3db;position:absolute;inset:0}.welcome-copy,.scene-note{z-index:1;position:relative}.welcome-copy{gap:1.15rem;max-width:42rem;display:grid}.welcome-copy .brand-mark{width:4.5rem;height:4.5rem;padding:.7rem}.welcome-copy .brand-wordmark{letter-spacing:.02em;font-size:.9rem;font-weight:700;display:block}.scene-kicker,.eyebrow{color:#367461;letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:.5rem;margin:0;font-size:.76rem;font-weight:800;display:flex}.live-dot{background:#e47e63;border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 0 .3rem #e47e6329}.welcome-copy h1{color:#203a30;letter-spacing:-.055em;max-width:11ch;margin:0;font-size:clamp(3rem,7vw,6.2rem);font-weight:780;line-height:.94}.scene-description{color:#4d655a;max-width:30rem;margin:0;font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.5}.scene-actions{flex-wrap:wrap;gap:.75rem;display:flex}.scene-link{color:#285746;background:#ffffffa6;border-color:#a5c4b3}.scroll-cue,.text-link{color:#367461;align-items:center;gap:.45rem;width:fit-content;font-size:.82rem;font-weight:750;display:inline-flex}.scroll-cue{margin-top:1.2rem}.scene-note{color:#3d6755;background:#ffffffad;border:1px solid #688e774d;border-radius:1rem;align-items:flex-start;gap:.6rem;width:min(19rem,100% - 2rem);max-width:19rem;padding:.8rem 1rem;font-size:.8rem;line-height:1.35;display:flex;position:absolute;top:clamp(1.25rem,4vw,3rem);right:clamp(1.25rem,4vw,3rem)}.status-ribbon{z-index:2;margin-top:-2.5rem;padding:0 2.5rem;position:relative}.status-ribbon .presence-panel{background:#fffffff2;border:1px solid #c6ddd0;border-radius:1.35rem;grid-template-columns:auto auto minmax(0,1fr);box-shadow:0 16px 35px #3256411a}.status-ribbon .presence-panel .section-title{color:#31705b}.status-ribbon .presence-total strong{color:#203d31;font-size:2.2rem}.status-ribbon .presence-grid>div{background:#f4f8f2;border:1px solid #e0ebe1}.home-section-intro{justify-content:space-between;align-items:end;gap:2rem;margin-top:2.2rem;padding:0 .25rem;display:flex}.home-section-intro h2{color:#233e32;letter-spacing:-.04em;margin:.3rem 0 0;font-size:clamp(1.8rem,3vw,2.7rem)}.home-section-intro>div>p:last-child{max-width:38rem;color:var(--color-text-secondary);margin:.45rem 0 0}.feed-section,.rail-section,.theme-banner,.exposure-spotlight{background:#fffc;border-color:#d8e6db;box-shadow:0 10px 30px #3355410e}.work-card{background:#fff;border-color:#d7e7da;border-radius:1.2rem;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 7px 20px #3756440d}.work-card:hover{border-color:#9fc8ad;transform:translateY(-3px);box-shadow:0 14px 28px #3756441c}.work-card h3 a,.rail-section a{color:#234d3c}.theme-banner{border-left:4px solid #e47e63;border-radius:0 1rem 1rem 0}@media (max-width:48rem){.brand-label{display:none}.header-inner{min-height:4rem}.welcome-scene{background-position:right 1.5rem top 1.5rem;background-size:92%;border-radius:1.35rem;align-items:end;min-height:36rem;padding:1.5rem}.welcome-scene:before{background:#f8fcf3e6}.welcome-copy h1{font-size:3.7rem}.welcome-copy .brand-mark{width:3.8rem;height:3.8rem}.scene-note{width:min(19rem,100% - 2rem);max-width:calc(100% - 2rem);top:1rem;right:1rem}.status-ribbon{margin-top:-1.4rem;padding:0 .75rem}.status-ribbon .presence-panel{grid-template-columns:1fr;gap:.65rem;padding:1rem}.status-ribbon .presence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-section-intro{flex-direction:column;align-items:flex-start;gap:.8rem}}@media (prefers-reduced-motion:reduce){.work-card{transition:none}.work-card:hover{transform:none}}.community-heading{justify-content:space-between;align-items:center;gap:2rem;padding:1rem 0;display:flex}.community-heading-copy{gap:.65rem;min-width:0;display:grid}.community-heading h1{color:#243a3c;letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:2.7rem;line-height:1.15}.community-heading .scene-kicker{letter-spacing:0;text-transform:none}.community-heading .scene-description{font-size:1rem}.community-actions{flex-shrink:0;grid-template-columns:repeat(2,auto);align-items:center;gap:.75rem;display:grid}.community-actions .text-link{grid-column:1/-1;justify-self:end}.home-page .status-ribbon{z-index:auto;margin:0;padding:0}.home-page .status-ribbon .presence-panel{border:0;box-shadow:none;background:0 0;border-block:1px solid #d4dfe2;border-radius:0;grid-template-columns:auto auto minmax(0,1fr);padding:1rem 0}.home-page .presence-panel h2{font-size:1rem}.home-page .presence-total{padding-inline:.5rem 1.5rem}.home-page .presence-total strong{font-size:1.6rem}.home-page .presence-total span{max-width:5rem;font-size:.75rem}.home-page .presence-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-page .status-ribbon .presence-grid>div{background:#eaf1f3;border:0}.home-page .feed-section,.home-page .rail-section,.home-page .theme-banner,.home-page .exposure-spotlight{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.home-page .feed-section{overflow:visible}.community-rail{align-content:start;gap:1.8rem;min-width:0;display:grid}.home-page .theme-banner{border-bottom:2px solid #e9b1a2;padding-block:.75rem}.home-page .exposure-spotlight{border-bottom:1px solid #d4dfe2;padding-bottom:1.5rem}.community-rail .section-title h2{font-size:1rem}.community-rail .exposure-work{flex-direction:column;align-items:start}.community-rail .exposure-work h3{font-size:1.05rem}.community-rail .exposure-work p{font-size:.9rem}.home-page .section-toolbar h2{font-size:1.25rem}.home-page .section-toolbar p{font-size:.85rem}.home-page .work-card{min-height:17rem;box-shadow:none;background:#fff;border:1px solid #d2dee2;border-radius:8px;flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden;transform:none}.home-page .work-card:hover{border-color:#729a9f;box-shadow:0 4px 14px #233a4312}.work-cover{aspect-ratio:16/10;background:#eef3f5;border-bottom:1px solid #dbe4e7;width:100%;display:block;overflow:hidden}.work-cover img{object-fit:contain;width:100%;height:100%;display:block}.home-page .work-card-meta{padding:1rem 1rem 0}.home-page .work-card .work-copy{padding:.75rem 1rem 1rem}.home-page .work-card .why-copy{-webkit-line-clamp:2;color:#62737a;margin-bottom:0;font-size:.85rem}.home-page .work-card footer{border-top:1px solid #e8eef0;padding:.65rem 1rem}.home-page .work-card h3{font-size:1.2rem}.submit-page .product-form{background:0 0;border:0;border-radius:0;padding:0}.upload-dropzone{color:#305769;text-align:center;cursor:pointer;background:#edf5f8;border:1px dashed #7197a3;border-radius:8px;align-content:center;justify-items:center;gap:.6rem;min-height:10rem;padding:1rem;display:grid}.upload-dropzone>svg{width:2rem;height:2rem}.upload-dropzone small{font-size:.8rem}.upload-dropzone.dragging,.upload-dropzone:focus-within{outline-offset:3px;background:#e0f0f4;outline:2px solid #337b8e}.upload-dropzone:has(input:disabled){opacity:.6;cursor:default}.submit-page .work-preview{box-shadow:none;border-radius:8px;align-self:start;padding:1rem}.submit-page .work-preview h2{overflow-wrap:anywhere;margin:0;font-size:1.3rem}.submit-page .work-preview>.eyebrow{letter-spacing:0}.work-preview-image{aspect-ratio:16/10;object-fit:contain;background:#eef3f5;width:100%;display:block}.submit-page .work-preview>div:last-child{border-top:1px solid #dce6e9;padding-top:.8rem;font-size:.8rem}.arcade-page>.product-heading,.arcade-page .arcade-download{width:min(100%,60rem);margin-inline:auto}.arcade-page>.product-heading{align-items:center}.arcade-page .browser-arcade{gap:.75rem;width:min(100%,52rem,max(20rem,181.818dvh - 43.6364rem))}.arcade-download{border-top:1px solid #cedde2;gap:1rem;padding-top:1.5rem;scroll-margin-top:6rem;display:grid}.arcade-download h2{margin:0;font-size:1.25rem}.download-actions{flex-wrap:wrap;gap:.6rem;display:flex}.install-command{background:#fff;border:1px solid #cfdee3;border-radius:6px;align-items:center;gap:.75rem;padding-right:.5rem;display:flex}.install-command .command-block{background:0 0;border:0;flex:1;min-width:0;margin:0}.arcade-download .install-note{margin:0;font-size:.85rem}.arcade-download .inline-notice{color:#244d5a;background:#e7f2f6}@media (min-width:64rem){.home-page .dashboard-layout{grid-template-columns:minmax(0,1fr) 17rem;gap:2rem}.submit-page .form-preview-layout{grid-template-columns:minmax(0,1fr) 23rem;gap:3rem}}@media (min-width:48.01rem) and (max-width:63.99rem){.home-page .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-heading{gap:1rem}.community-actions{grid-template-columns:1fr}}@media (max-width:48rem){.community-heading{flex-direction:column;align-items:start;gap:1rem;padding-block:0}.community-heading h1{font-size:2.3rem}.community-heading .scene-description{font-size:.95rem}.community-actions{width:100%}.community-actions .text-link{justify-self:start}.home-page .status-ribbon .presence-panel{grid-template-columns:1fr 1fr;gap:.6rem}.home-page .presence-total{justify-self:end;padding:0}.home-page .presence-total span{max-width:none}.home-page .presence-grid{grid-column:1/-1;gap:.35rem}.home-page .presence-grid>div{padding:.4rem}.home-page .presence-grid dt{font-size:.7rem}.home-page .feed-section .section-toolbar{gap:.75rem}.home-page .work-grid{padding-top:1rem}.community-rail{border-top:1px solid #d4dfe2;padding-top:1rem}.arcade-page>.product-heading{gap:.5rem}.arcade-page>.product-heading .heading-actions{justify-content:start}.arcade-download .section-toolbar{gap:.75rem}.arcade-download .download-actions{width:100%}.arcade-download .download-actions .button{flex:auto}}.desktop-nav,.header-tools,.heading-actions,.section-title,.icon-text-link,.session-menu,.submit-link,.random-button,.button,.status-strip,.work-card-meta,.work-byline,.message-meta,.form-actions,.field-row,.board-controls{align-items:center;min-width:0;display:flex}.desktop-nav{gap:var(--space-1)}.header-tools{gap:var(--space-2);margin-left:auto}.header-tools svg,.mobile-nav svg,.button svg,.section-title svg,.status-strip svg,.work-card svg,.presence-panel svg,.game-card>svg,.resource-state>svg,.media-metadata-list svg{width:var(--size-icon-md);height:var(--size-icon-md);flex:none}.submit-link,.random-button,.icon-text-link{min-height:var(--size-control-compact);justify-content:center;gap:var(--space-2);padding-inline:var(--space-3);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-on-surface-raised);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.submit-link:hover,.random-button:hover,.icon-text-link:hover{border-color:var(--color-border-strong);background:var(--color-surface-selection);color:var(--color-on-surface-selection)}.random-button.failed{border-color:var(--color-surface-danger)}.random-button:disabled,.button:disabled,.icon-button:disabled,.award-button:disabled,.status-option:disabled{border-color:var(--color-border-default);background:var(--color-surface-disabled);color:var(--color-on-surface-disabled)}.session-status{color:var(--color-text-muted);font-size:var(--font-size-xs)}.session-menu{max-width:var(--size-sidebar);gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.session-menu>span{align-items:center;gap:var(--space-1);white-space:nowrap;text-overflow:ellipsis;min-width:0;display:flex;overflow:hidden}.mobile-nav{display:none}.page-stack{min-width:0}.home-heading{gap:var(--space-2);display:grid}.brand-tagline{margin:var(--space-0);color:var(--color-link);font-weight:var(--font-weight-semibold)}.product-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-4);min-width:0;display:flex}.product-heading>div:first-child{gap:var(--space-1);min-width:0;display:grid}.product-heading h1,.section-toolbar h2,.section-title h2,.detail-section h2,.method-panel h2,.work-preview h2,.game-card h2,.status-picker h2{margin:var(--space-0);overflow-wrap:anywhere;line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-default)}.product-heading h1{font-size:var(--font-size-2xl)}.product-heading p,.section-toolbar p,.detail-section>p,.method-panel p,.game-card p,.updated-copy{margin:var(--space-0);color:var(--color-text-secondary)}.heading-actions{gap:var(--space-2);flex:none}.button{min-height:var(--size-control-touch);justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:var(--border-width-default) solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer;font-weight:var(--font-weight-semibold);line-height:var(--line-height-control);text-align:center}.button.primary{border-color:var(--color-surface-accent);background:var(--color-surface-accent);color:var(--color-on-surface-accent)}.button.secondary{background:var(--color-surface-raised);color:var(--color-on-surface-raised)}.button.danger-button{border-color:var(--color-surface-danger);background:var(--color-surface-danger);color:var(--color-on-surface-danger)}.button:hover,.button:active{border-color:var(--color-focus-ring)}.icon-button{width:var(--size-control-touch);height:var(--size-control-touch);padding:var(--space-0);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-on-surface-raised);cursor:pointer;flex:none;place-items:center;display:inline-grid}.icon-button.compact{width:var(--size-control-compact);height:var(--size-control-compact)}.icon-button:hover,.icon-button:active{border-color:var(--color-border-strong);background:var(--color-surface-selection)}.resource-state{min-height:calc(var(--size-control-touch) * 3);place-content:center;justify-items:center;gap:var(--space-2);padding:var(--space-6);color:var(--color-text-secondary);text-align:center;display:grid}.resource-state p{max-width:calc(var(--size-sidebar) * 2);margin:var(--space-0);overflow-wrap:anywhere}.status-strip{min-height:var(--size-status-rail);gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:var(--border-width-default) solid var(--color-border-default);background:var(--color-surface-info);color:var(--color-on-surface-info);font-size:var(--font-size-sm)}.status-strip.danger{background:var(--color-surface-danger);color:var(--color-on-surface-danger)}.inline-notice{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);overflow-wrap:anywhere;flex-wrap:wrap;display:flex}.inline-notice.info{background:var(--color-surface-info);color:var(--color-on-surface-info)}.inline-notice.success{background:var(--color-surface-success);color:var(--color-on-surface-success)}.inline-notice.warning{background:var(--color-surface-warning);color:var(--color-on-surface-warning)}.inline-notice.danger{background:var(--color-surface-danger);color:var(--color-on-surface-danger)}.section-title{gap:var(--space-2)}.section-title h2,.section-toolbar h2,.detail-section h2,.game-card h2,.status-picker h2{font-size:var(--font-size-lg)}.section-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);min-width:0;padding-bottom:var(--space-4);border-bottom:var(--border-width-default) solid var(--color-border-default);flex-wrap:wrap;display:flex}.section-toolbar>div:first-child{gap:var(--space-1);min-width:0;display:grid}.control-group{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.control-label,.field>span,.emoji-field>label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.segment{min-height:var(--size-control-compact);justify-content:center;align-items:center;gap:var(--space-1);padding-inline:var(--space-3);border:var(--space-0);border-left:var(--border-width-default) solid var(--color-border-default);background:var(--color-surface-sunken);color:var(--color-on-surface-sunken);cursor:pointer;font-size:var(--font-size-sm);display:inline-flex}.segment:first-child{border-left:var(--space-0)}.segment[aria-checked=true],.segment[aria-pressed=true],.segment:hover{background:var(--color-surface-selection);color:var(--color-on-surface-selection)}.segment svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.field{gap:var(--space-1);min-width:0;display:grid}.field.grow{flex:1 1 var(--size-sidebar)}.emoji-field{position:relative}.emoji-toolbar{min-height:var(--size-control-compact);justify-content:flex-end;align-items:center;display:flex}.emoji-picker{position:relative}.emoji-panel{z-index:3;width:min(22rem, calc(100vw - var(--space-8)));max-height:min(20rem, calc(100dvh - var(--size-header) - var(--space-8)));padding:var(--space-2);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface-raised);box-shadow:var(--shadow-raised);position:fixed;bottom:auto;right:auto;overflow-y:auto}.emoji-grid{gap:var(--space-1);grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.emoji-option{width:100%;min-width:0;height:var(--size-control-compact);padding:var(--space-1);border:var(--border-width-default) solid transparent;border-radius:var(--radius-xs);color:var(--color-on-surface-raised);cursor:pointer;background:0 0;place-items:center;font-size:1.25rem;line-height:1;display:grid}.emoji-option:hover,.emoji-option:active{border-color:var(--color-border-default);background:var(--color-surface-selection)}.field input,.field textarea,.field select{width:100%;min-height:var(--size-control-touch);padding:var(--space-2) var(--space-3);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface-sunken);color:var(--color-on-surface-sunken);font:inherit;letter-spacing:var(--letter-spacing-default)}.field textarea{resize:vertical}.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible{outline:var(--border-width-emphasis) solid var(--color-focus-ring);outline-offset:var(--space-1)}.field small{color:var(--color-text-muted);font-size:var(--font-size-xs);text-align:right}.compact-field{min-width:calc(var(--size-control-touch) * 2)}.field-row{align-items:flex-start;gap:var(--space-4)}.field-row>*{flex:1 1 0}.visually-hidden{width:var(--space-1);height:var(--space-1);clip:rect(var(--space-0), var(--space-0), var(--space-0), var(--space-0));white-space:nowrap;position:absolute;overflow:hidden}.file-button input.visually-hidden{width:var(--space-1);min-height:var(--space-1);padding:var(--space-0);border:var(--space-0)}.presence-panel,.feed-section,.rail-section,.chat-panel,.status-picker,.product-form,.work-preview,.detail-section,.method-panel,.game-card,.command-block,.data-table,.inline-form{border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface-base);color:var(--color-on-surface-base)}.presence-panel,.rail-section,.status-picker,.detail-section,.method-panel,.game-card,.inline-form{padding:var(--space-4)}.presence-panel{gap:var(--space-3);display:grid}.presence-panel.compact{grid-template-columns:auto minmax(0,1fr);align-items:center}.presence-panel.compact .resource-state{min-height:var(--size-control-touch);padding:var(--space-2)}.presence-total{align-items:baseline;gap:var(--space-2);margin:var(--space-0);display:flex}.presence-total strong{font-size:var(--font-size-3xl);line-height:var(--line-height-tight)}.presence-total span{color:var(--color-text-secondary)}.presence-grid{gap:var(--space-2);margin:var(--space-0);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.presence-grid>div{justify-content:space-between;gap:var(--space-2);min-width:0;padding:var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-sunken);display:flex}.presence-grid dt{overflow-wrap:anywhere;min-width:0;color:var(--color-text-secondary);font-size:var(--font-size-xs)}.presence-grid dd{margin:var(--space-0);font-weight:var(--font-weight-semibold)}.dashboard-layout{gap:var(--space-6);min-width:0;display:grid}.feed-section{min-width:0;padding:var(--space-4);overflow:hidden}.work-grid,.game-grid,.upload-preview-list,.media-metadata-list,.comment-list,.simple-list,.message-list,.rail-board-list{padding:var(--space-0);margin:var(--space-0);list-style:none}.work-grid{gap:var(--space-4);padding-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.work-card{gap:var(--space-4);min-width:0;height:100%;padding:var(--space-4);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface-raised);display:grid}.work-card:hover{border-color:var(--color-border-strong)}.work-card-meta,.work-byline{gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-xs);flex-wrap:wrap}.work-card-meta>span:first-child,.work-card time{align-items:center;gap:var(--space-1);display:inline-flex}.work-card .work-copy{align-content:start}.work-card h3{margin:var(--space-0);overflow-wrap:anywhere;font-size:var(--font-size-lg)}.why-copy,.long-copy,.message-row p,.comment-list p{overflow-wrap:anywhere;white-space:pre-wrap}.work-card .why-copy{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.work-card footer{align-items:center;gap:var(--space-2);min-width:0;color:var(--color-text-secondary);font-size:var(--font-size-xs);flex-wrap:wrap;margin-top:auto;display:flex}.work-card footer .icon-button{margin-left:auto}.desktop-rail{min-width:0;display:none}.theme-banner{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3) var(--space-4);border-left:var(--border-width-emphasis) solid var(--color-surface-warning);background:var(--color-surface-raised);color:var(--color-on-surface-raised);display:flex}.theme-banner>svg{width:var(--size-icon-lg);height:var(--size-icon-lg);color:var(--color-surface-warning)}.theme-banner>div{gap:var(--space-1);min-width:0;display:grid}.theme-banner span{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.theme-banner strong{overflow-wrap:anywhere}.exposure-spotlight{gap:var(--space-3);min-width:0;padding:var(--space-4);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface-raised);color:var(--color-on-surface-raised);display:grid}.exposure-spotlight>p,.exposure-error{align-items:center;gap:var(--space-2);min-width:0;margin:var(--space-0);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.exposure-error .button{min-height:var(--size-control-compact);margin-left:auto}.exposure-work{justify-content:space-between;align-items:center;gap:var(--space-4);min-width:0;display:flex}.exposure-work>div{gap:var(--space-2);min-width:0;display:grid}.exposure-work h3,.exposure-work p{margin:var(--space-0);overflow-wrap:anywhere}.exposure-work p{color:var(--color-text-secondary)}.rail-board-list,.rail-board{gap:var(--space-3);display:grid}.rail-board+.rail-board{padding-top:var(--space-3);border-top:var(--border-width-default) solid var(--color-border-default)}.rail-board>a{color:var(--color-link);font-weight:var(--font-weight-semibold)}.rail-board ol,.mini-ranking{gap:var(--space-1);padding:var(--space-0);margin:var(--space-0);list-style:none;display:grid}.rail-board li,.mini-ranking li{justify-content:space-between;gap:var(--space-2);min-width:0;font-size:var(--font-size-xs);display:flex}.rail-board li span,.mini-ranking li span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.rail-board p{margin:var(--space-0);color:var(--color-text-muted);font-size:var(--font-size-xs)}.lobby-layout{gap:var(--space-6);min-width:0;display:grid}.lobby-sidebar{align-content:start;gap:var(--space-4);display:grid}.lobby-main{align-content:start;gap:var(--space-3);min-width:0;display:grid}.view-tabs{border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface-sunken);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.view-tabs button{min-height:var(--size-control-touch);padding:var(--space-2) var(--space-3);border:var(--space-0);border-left:var(--border-width-default) solid var(--color-border-default);color:var(--color-text-secondary);cursor:pointer;font-weight:var(--font-weight-semibold);background:0 0}.view-tabs button:first-child{border-left:var(--space-0)}.view-tabs button[aria-selected=true]{background:var(--color-surface-selection);color:var(--color-on-surface-selection)}.micro-post-panel{gap:var(--space-4);min-width:0;padding:var(--space-4);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface-base);display:grid}.micro-post-form{align-items:end;gap:var(--space-3);flex-wrap:wrap;min-width:0;display:flex}.micro-post-list{gap:var(--space-3);padding:var(--space-0);margin:var(--space-0);list-style:none;display:grid}.micro-post-list>li{gap:var(--space-3);min-width:0;padding:var(--space-3);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface-sunken);display:grid}.micro-post-list header{align-items:center;gap:var(--space-2);min-width:0;display:flex}.micro-post-list header .icon-button{margin-left:auto}.micro-post-list p{margin:var(--space-0);overflow-wrap:anywhere;white-space:pre-wrap}.reaction-row{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.reaction-button{min-width:0;min-height:var(--size-control-touch);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-on-surface-raised);cursor:pointer;text-align:left;display:flex}.reaction-button[aria-pressed=true]{border-color:var(--color-focus-ring);background:var(--color-surface-selection);color:var(--color-on-surface-selection)}.reaction-button span{overflow-wrap:anywhere;min-width:0}.reaction-button strong{margin-left:auto}.status-picker{gap:var(--space-3);display:grid}.status-picker>div{gap:var(--space-1);display:grid}.status-option{min-height:var(--size-control-touch);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:var(--border-width-default) solid transparent;border-radius:var(--radius-sm);background:var(--color-surface-sunken);color:var(--color-on-surface-sunken);cursor:pointer;text-align:left;display:flex}.status-option[aria-checked=true]{border-color:var(--color-focus-ring);background:var(--color-surface-selection)}.chat-panel{min-width:0;display:grid;overflow:hidden}.connection-banner{min-height:var(--size-status-rail);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface-warning);color:var(--color-on-surface-warning);display:flex}.connection-banner.connected{background:var(--color-surface-success);color:var(--color-on-surface-success)}.connection-banner.offline{background:var(--color-surface-danger);color:var(--color-on-surface-danger)}.connection-banner .button{min-height:var(--size-control-compact);margin-left:auto}.chat-toolbar{padding:var(--space-3) var(--space-4);border-bottom:var(--border-width-default) solid var(--color-border-default)}.message-list{min-height:calc(var(--size-control-touch) * 6);max-height:calc(100dvh - var(--size-header) - var(--size-context-dock) * 3);overflow-y:auto}.message-row{gap:var(--space-1);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width-default) solid var(--color-border-default);display:grid}.message-row p{margin:var(--space-0)}.message-meta{gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-xs);flex-wrap:wrap}.message-meta .icon-button{margin-left:auto}.empty-message{min-height:calc(var(--size-control-touch) * 4);place-content:center;justify-items:center;gap:var(--space-2);color:var(--color-text-secondary);display:grid}.chat-composer{align-items:end;gap:var(--space-3);min-width:0;padding:var(--space-4);background:var(--color-surface-raised);flex-wrap:wrap;display:flex}.chat-composer>.field:first-child{flex:0 1 calc(var(--size-control-touch) * 3)}.chat-composer .inline-notice{flex:1 0 100%}.report-form{width:100%;margin-top:var(--space-2)}.narrow-page{width:min(100%, calc(var(--size-sidebar) * 3));margin-inline:auto}.login-methods{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.method-panel{align-content:start;gap:var(--space-3);display:grid}.method-panel>svg{width:var(--size-icon-lg);height:var(--size-icon-lg);color:var(--color-link)}.method-panel form,.product-form{gap:var(--space-4);display:grid}.form-preview-layout{gap:var(--space-6);min-width:0;display:grid}.product-form,.work-preview{min-width:0;padding:var(--space-6)}.file-button{width:fit-content;min-height:var(--size-control-touch);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:var(--border-width-default) solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-raised);cursor:pointer;font-weight:var(--font-weight-semibold);display:inline-flex}.upload-preview-list{gap:var(--space-2);display:grid}.upload-preview-list li{grid-template-columns:var(--size-context-dock) minmax(0, 1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-sunken);display:grid}.upload-preview-list img{width:var(--size-context-dock);aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-xs)}.upload-preview-list span{overflow-wrap:anywhere;min-width:0}.work-preview{align-content:start;gap:var(--space-3);display:grid}.work-preview .eyebrow{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.work-preview p{margin:var(--space-0);overflow-wrap:anywhere;color:var(--color-text-secondary)}.work-preview>div:last-child{gap:var(--space-2);flex-wrap:wrap;display:flex}.work-detail{min-width:0}.work-byline{padding-bottom:var(--space-3);border-bottom:var(--border-width-default) solid var(--color-border-default)}.work-byline a{color:var(--color-link)}.detail-section{gap:var(--space-3);min-width:0;display:grid}.detail-section>.button{width:fit-content}.media-metadata-list,.comment-list{gap:var(--space-2);display:grid}.screenshot-gallery{gap:var(--space-3);padding:var(--space-0);margin:var(--space-0);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;display:grid}.screenshot-gallery li:first-child:last-child{grid-column:1/-1}.screenshot-frame{aspect-ratio:16/9;width:100%;min-width:0;margin:var(--space-0);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface-sunken);place-items:center;display:grid;overflow:hidden}.screenshot-frame img{object-fit:contain;width:100%;height:100%}.screenshot-frame>div{place-items:center;gap:var(--space-2);padding:var(--space-4);color:var(--color-text-secondary);text-align:center;display:grid}.media-metadata-list li{gap:var(--space-3);min-width:0;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-sunken);display:flex}.media-metadata-list li>div{gap:var(--space-1);min-width:0;display:grid}.media-metadata-list span,.media-metadata-list small{color:var(--color-text-secondary);overflow-wrap:anywhere}.award-grid{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.award-button{min-height:calc(var(--size-control-touch) * 2);place-items:center;gap:var(--space-1);padding:var(--space-2);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface-sunken);color:var(--color-on-surface-sunken);cursor:pointer;overflow-wrap:anywhere;text-align:center;display:grid}.award-button[aria-pressed=true]{border-color:var(--color-focus-ring);background:var(--color-surface-selection);color:var(--color-on-surface-selection)}.comment-list li{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-sunken);display:grid}.comment-list li>div{align-items:center;gap:var(--space-2);min-width:0;display:flex}.comment-list .icon-button{margin-left:auto}.comment-list p{margin:var(--space-0)}.comment-form,.inline-form{align-items:end;gap:var(--space-3);flex-wrap:wrap;min-width:0;display:flex}.award-tabs{gap:var(--space-1);min-width:0;padding-bottom:var(--space-2);border-bottom:var(--border-width-default) solid var(--color-border-default);flex-wrap:wrap;display:flex}.award-tabs a,.award-tabs button{min-height:var(--size-control-touch);padding:var(--space-2) var(--space-3);border:var(--border-width-default) solid transparent;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;background:0 0}.award-tabs .selected,.award-tabs [aria-selected=true]{border-color:var(--color-border-default);background:var(--color-surface-selection);color:var(--color-on-surface-selection);font-weight:var(--font-weight-semibold)}.table-wrap{min-width:0;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;overflow:hidden}.data-table th,.data-table td{padding:var(--space-3) var(--space-4);border-bottom:var(--border-width-default) solid var(--color-border-default);overflow-wrap:anywhere;text-align:left}.data-table th{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.data-table td:first-child,.data-table td:nth-last-child(-n+2){font-variant-numeric:tabular-nums}.data-table a{color:var(--color-link)}.command-block{padding:var(--space-4);overflow-wrap:anywhere;white-space:pre-wrap}.command-block code{font-family:var(--font-family-mono)}.install-note{margin:calc(var(--space-4) * -1) var(--space-0) var(--space-0);color:var(--color-text-secondary)}.checksum-short{padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);background:var(--color-surface-sunken);color:var(--color-on-surface-sunken);font-family:var(--font-family-mono);overflow-wrap:anywhere}.checksum-actions{gap:var(--space-2);flex-wrap:wrap;min-width:0;margin-left:auto;display:flex}.checksum-actions .button{min-height:var(--size-control-compact)}.game-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.game-card{align-content:start;gap:var(--space-3);display:grid}.game-description{min-height:3.2em}.game-preview-heading{margin:var(--space-0);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.game-card>svg{color:var(--color-link)}.game-preview-image{aspect-ratio:16/9;border-radius:var(--radius-sm);object-fit:cover;width:100%;height:auto}.game-card .resource-state{min-height:calc(var(--size-control-touch) * 2);padding:var(--space-2)}.board-controls{justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.simple-list{gap:var(--space-2);display:grid}.simple-list li a{gap:var(--space-1);padding:var(--space-3);border-bottom:var(--border-width-default) solid var(--color-border-default);display:grid}.simple-list li span{color:var(--color-text-secondary)}.pairing-panel{justify-items:center;gap:var(--space-3);padding:var(--space-6);border:var(--border-width-emphasis) solid var(--color-focus-ring);border-radius:var(--radius-lg);background:var(--color-surface-selection);color:var(--color-on-surface-selection);text-align:center;display:grid}.pairing-panel.expired{border-color:var(--color-border-default);background:var(--color-surface-disabled);color:var(--color-on-surface-disabled)}.pairing-panel>strong{font-family:var(--font-family-mono);font-size:var(--font-size-3xl);letter-spacing:var(--letter-spacing-default)}.pairing-panel p{align-items:center;gap:var(--space-2);margin:var(--space-0);display:flex}.pairing-panel code{max-width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-sunken);color:var(--color-on-surface-sunken);font-family:var(--font-family-mono);overflow-wrap:anywhere}.device-list,.friend-list,.moderation-list{gap:var(--space-2);padding:var(--space-0);margin:var(--space-0);list-style:none;display:grid}.device-list li,.friend-list li{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface-sunken);display:flex}.device-list li>div,.friend-list li>div:first-child{align-items:center;gap:var(--space-2);overflow-wrap:anywhere;flex-wrap:wrap;min-width:0;display:flex}.friend-list li>div:first-child a{gap:var(--space-1);min-width:0;display:grid}.friend-list li>div:first-child a span{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.device-list time,.device-list span{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.state-tag{width:fit-content;padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);background:var(--color-surface-warning);color:var(--color-on-surface-warning);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:inline-flex}.state-tag.success{background:var(--color-surface-success);color:var(--color-on-surface-success)}.profile-facts{gap:var(--space-4);margin:var(--space-0);flex-wrap:wrap;display:flex}.profile-facts>div{min-width:var(--size-sidebar);padding:var(--space-3);border-bottom:var(--border-width-default) solid var(--color-border-default)}.profile-facts dt{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.profile-facts dd{margin:var(--space-1) var(--space-0) var(--space-0);font-weight:var(--font-weight-semibold)}.qualification-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.qualification-grid article{align-content:start;gap:var(--space-2);min-width:0;padding:var(--space-3);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface-sunken);display:grid}.qualification-grid h3{margin:var(--space-0);overflow-wrap:anywhere;font-size:var(--font-size-md)}.badge-preview{width:100%;min-height:var(--size-control-compact);margin-top:var(--space-2);object-fit:contain}.friend-columns{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.friend-columns>section{min-width:0}.friend-columns h2{margin:var(--space-0) var(--space-0) var(--space-3);font-size:var(--font-size-lg)}.friend-list li{flex-direction:column;align-items:flex-start}.friend-list .form-actions{gap:var(--space-2);flex-wrap:wrap;width:100%}.empty-copy{margin:var(--space-0);color:var(--color-text-muted)}.moderation-list{gap:var(--space-4)}.moderation-row{gap:var(--space-3);min-width:0;padding:var(--space-4);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface-base);display:grid}.moderation-target{gap:var(--space-3);min-width:0;display:flex}.moderation-target>div{gap:var(--space-1);min-width:0;display:grid}.moderation-target code{color:var(--color-text-secondary);font-family:var(--font-family-mono);overflow-wrap:anywhere}.target-context{gap:var(--space-2);min-width:0;padding:var(--space-3);border-left:var(--border-width-emphasis) solid var(--color-surface-warning);background:var(--color-surface-sunken);display:grid}.target-context p{margin:var(--space-0);overflow-wrap:anywhere;white-space:pre-wrap}.moderation-actions,.mute-controls{align-items:end;gap:var(--space-3);flex-wrap:wrap;min-width:0;display:flex}.moderation-actions{justify-content:space-between}@media (min-width:64rem){.dashboard-layout{grid-template-columns:minmax(0, 1fr) var(--size-sidebar)}.desktop-rail{display:block}.lobby-layout{grid-template-columns:var(--size-sidebar) minmax(0, 1fr)}.form-preview-layout{grid-template-columns:minmax(0, 1fr) var(--size-sidebar)}.work-preview{top:calc(var(--size-header) + var(--space-4));position:sticky}}@media (max-width:63.99rem){.desktop-nav{display:none}.work-grid{grid-template-columns:1fr}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.award-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.screenshot-gallery,.qualification-grid,.friend-columns{grid-template-columns:1fr}}@media (max-width:48rem){.site-header{position:sticky}.header-inner{min-height:var(--size-header)}.brand{max-width:35%}.header-tools{gap:var(--space-1)}.submit-link,.random-button{width:var(--size-control-touch);height:var(--size-control-touch);min-height:var(--size-control-touch);padding:var(--space-0)}.submit-link span,.random-button span,.header-tools>.session-status,.header-tools>.icon-text-link,.header-tools>.session-menu{display:none}.locale-switcher{gap:var(--space-0)}.locale-link{min-height:var(--size-control-touch);padding-inline:var(--space-2);font-size:var(--font-size-xs)}.main-content{padding-bottom:calc(var(--size-mobile-nav) + var(--space-8))}.mobile-nav{z-index:2;right:var(--space-0);bottom:var(--space-0);left:var(--space-0);height:var(--size-mobile-nav);border-top:var(--border-width-default) solid var(--color-border-strong);background:var(--color-surface-base);box-shadow:var(--shadow-raised);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed}.mobile-nav a{place-content:center;justify-items:center;gap:var(--space-1);min-width:0;color:var(--color-text-secondary);font-size:var(--font-size-xs);white-space:nowrap;display:grid}.mobile-nav a:hover,.mobile-nav a:focus-visible{background:var(--color-surface-selection);color:var(--color-on-surface-selection)}.product-heading,.presence-panel.compact{grid-template-columns:1fr;display:grid}.heading-actions,.heading-actions .button{width:100%}.heading-actions{flex-wrap:wrap}.section-toolbar,.control-group,.segmented-control,.field-row,.login-methods,.game-grid{width:100%}.section-toolbar,.control-group,.field-row{align-items:stretch}.segmented-control{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.segment{min-height:var(--size-control-touch);padding-inline:var(--space-2)}.presence-grid,.login-methods,.game-grid{grid-template-columns:1fr}.award-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-list li{flex-direction:column;align-items:stretch}.device-list .button,.friend-list .button,.moderation-row .button{width:100%}.chat-composer,.comment-form,.inline-form,.micro-post-form{align-items:stretch}.chat-composer>*,.comment-form>*,.inline-form>*,.micro-post-form>*{flex-basis:100%}.exposure-work{flex-direction:column;align-items:stretch}.exposure-work .button,.moderation-actions>.button,.mute-controls,.mute-controls .button,.checksum-actions,.checksum-actions .button{width:100%}.product-form,.work-preview{padding:var(--space-4)}.table-wrap{overflow:visible}.data-table,.data-table thead,.data-table tbody,.data-table tr,.data-table th,.data-table td{width:100%;display:block}.data-table thead{clip:rect(var(--space-0), var(--space-0), var(--space-0), var(--space-0));position:absolute;overflow:hidden}.data-table{border:var(--space-0);background:0 0}.data-table tr{margin-bottom:var(--space-2);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface-base)}.data-table td{justify-content:space-between;gap:var(--space-3);min-width:0;padding:var(--space-2) var(--space-3);display:flex}}
