@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--myo-lime:#c4f042;--myo-milo-soft:#f9ddcd;--myo-milo:#fdb596;--myo-milo-deep:#f19878;--myo-yenny-soft:#e2dafc;--myo-yenny:#c4b5fd;--myo-yenny-deep:#a797f0;--myo-olaf-soft:#d2e7e9;--myo-olaf:#a5d8dd;--myo-olaf-deep:#7bc2c8;--myo-canvas:#f5f5f2;--myo-paper:#fff;--myo-warm:#faf7ee;--myo-ink:#1a1a1a;--myo-dim:#1a1a1a9e;--myo-dimmer:#1a1a1a6b;--myo-line:#1a1a1a1f;--myo-line-strong:#1a1a1a38;--myo-muted:#ebe7db;--myo-destructive:#d6534d;--background:var(--myo-canvas);--foreground:var(--myo-ink);--card:var(--myo-paper);--card-foreground:var(--myo-ink);--popover:var(--myo-paper);--popover-foreground:var(--myo-ink);--primary:var(--myo-lime);--primary-foreground:var(--myo-ink);--secondary:var(--myo-warm);--secondary-foreground:var(--myo-ink);--muted:var(--myo-muted);--muted-foreground:var(--myo-dim);--accent:var(--myo-paper);--accent-foreground:var(--myo-ink);--destructive:var(--myo-destructive);--border:var(--myo-line);--input:var(--myo-line-strong);--ring:var(--myo-lime);--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "SF Pro Text", "SF Pro Display", "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;--type-display-xxl:72px;--type-display-xl:56px;--type-display-lg:44px;--type-display-md:32px;--type-display-sm:26px;--type-h1:32px;--type-h2:24px;--type-h3:18px;--type-body-lg:16px;--type-body:15px;--type-body-sm:13px;--type-caption:12px;--type-label:11px;--tracking-display:-.04em;--tracking-h:-.025em;--tracking-body:0em;--tracking-label:.16em;--tracking-mono:.04em;--leading-display:.95;--leading-heading:1.15;--leading-body:1.55;--leading-tight:1.4;--radius:.5rem;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--radius-2xl:calc(var(--radius) + 8px);--radius-3xl:calc(var(--radius) + 12px);--radius-4xl:calc(var(--radius) + 16px);--radius-pill:999px;--shadow-xs:0 1px 2px #1a1a1a0a;--shadow-sm:0 4px 14px -8px #1a1a1a2e;--shadow-md:0 18px 52px -36px #1a1a1a61;--shadow-lg:0 18px 70px -58px #1a1a1a7a;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.14s;--dur:.2s;--dur-slow:.4s}.maximalist{--myo-canvas:#f5f5f2;--myo-paper:#fff;--myo-warm:#c4f042;--myo-ink:#0f0f0f;--myo-dim:#0f0f0f9e;--myo-line:#0f0f0f1f;--myo-line-strong:#0f0f0f38;--background:var(--myo-canvas);--foreground:var(--myo-ink);--secondary:var(--myo-milo-soft);--muted:var(--myo-yenny-soft);--accent:var(--myo-lime);--accent-foreground:var(--myo-ink)}.dark{--myo-canvas:#0a0a0a;--myo-paper:#131313;--myo-warm:#171717;--myo-ink:#fafafa;--myo-dim:#ffffff8c;--myo-dimmer:#ffffff61;--myo-line:#ffffff14;--myo-line-strong:#ffffff29;--myo-muted:#1d1d1d;--myo-destructive:#f87171;--background:var(--myo-canvas);--foreground:var(--myo-ink);--card:var(--myo-paper);--card-foreground:var(--myo-ink);--popover:var(--myo-paper);--popover-foreground:var(--myo-ink);--primary:var(--myo-lime);--primary-foreground:#0a0a0a;--secondary:#1d1d1d;--secondary-foreground:var(--myo-ink);--muted:#1d1d1d;--muted-foreground:var(--myo-dim);--accent:#242424;--accent-foreground:var(--myo-ink);--destructive:var(--myo-destructive);--border:var(--myo-line);--input:var(--myo-line-strong);--ring:var(--myo-lime);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body,.myo-body{font-family:var(--font-sans);font-feature-settings:"cv11", "ss01";font-variant-numeric:tabular-nums;color:var(--foreground);background:var(--background)}.myo-display-xxl{font:500 var(--type-display-xxl) / var(--leading-display) var(--font-sans);letter-spacing:-.045em}.myo-display-xl{font:500 var(--type-display-xl)/var(--leading-display) var(--font-sans);letter-spacing:var(--tracking-display)}.myo-display-lg{font:500 var(--type-display-lg)/var(--leading-display) var(--font-sans);letter-spacing:var(--tracking-display)}.myo-display-md{font:500 var(--type-display-md)/1.05 var(--font-sans);letter-spacing:var(--tracking-h)}.myo-display-sm{font:500 var(--type-display-sm)/1.05 var(--font-sans);letter-spacing:var(--tracking-h)}.myo-h1{font:500 var(--type-h1)/var(--leading-heading) var(--font-sans);letter-spacing:var(--tracking-h)}.myo-h2{font:500 var(--type-h2)/var(--leading-heading) var(--font-sans);letter-spacing:var(--tracking-h)}.myo-h3{font:500 var(--type-h3)/1.2 var(--font-sans);letter-spacing:-.015em}.myo-body-lg{font:400 var(--type-body-lg)/var(--leading-body) var(--font-sans)}.myo-body{font:400 var(--type-body) /var(--leading-body) var(--font-sans)}.myo-body-sm{font:400 var(--type-body-sm)/1.5 var(--font-sans);color:var(--muted-foreground)}.myo-caption{font:400 var(--type-caption)/1.4 var(--font-sans);color:var(--muted-foreground)}.myo-label{font:500 var(--type-label)/1 var(--font-sans);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--muted-foreground)}.myo-mono{font-family:var(--font-mono);letter-spacing:0}.myo-mono-sm{font:400 var(--type-body-sm)/1.4 var(--font-mono);color:var(--muted-foreground)}.myo-mono-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:500}.myo-hl{background:var(--myo-lime);color:var(--myo-ink);border-radius:4px;padding:1px 5px;font-weight:500}
*{box-sizing:border-box}html,body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--foreground);background:var(--background);font-variant-numeric:tabular-nums;font-feature-settings:"cv11", "ss01";margin:0;padding:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}input,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.page{width:100%;max-width:1280px;margin:0 auto;padding:0 44px}@media (max-width:720px){.page{padding:0 20px}}.nav{z-index:50;background:color-mix(in oklab, var(--background) 86%, transparent);-webkit-backdrop-filter:saturate(140%)blur(8px);border-bottom:.5px solid var(--border);position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.nav-brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.nav-brand .glyph{background:var(--myo-ink);width:24px;height:24px;color:var(--myo-lime);font:600 13px/1 var(--font-sans);letter-spacing:-.02em;border-radius:6px;place-items:center;display:grid}.nav-links{align-items:center;gap:4px;font-size:14px;display:flex}.nav-links a{color:var(--muted-foreground);transition:background var(--dur) var(--ease-out), color var(--dur) var(--ease-out);border-radius:999px;padding:8px 14px}.nav-links a:hover{background:var(--myo-warm);color:var(--foreground)}.nav-links a.active{color:var(--foreground)}.nav-links a.nav-cta{background:var(--myo-ink);color:var(--background);transition:opacity var(--dur) var(--ease-out);white-space:nowrap;border-radius:999px;margin-left:8px;padding:8px 16px;font-size:14px;font-weight:500}.nav-links a.nav-cta:hover{background:var(--myo-ink);color:var(--background);opacity:.85}.nav-cta:hover{opacity:.85}@media (max-width:720px){.nav-links a:not(.signin):not(.start){display:none}}.btn{transition:opacity var(--dur), background var(--dur), color var(--dur);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:500;display:inline-flex}.btn-primary{background:var(--myo-ink);color:var(--background)}.btn-primary:hover{opacity:.9}.btn-lime{background:var(--myo-lime);color:var(--myo-ink)}.btn-lime:hover{opacity:.9}.btn-ghost{color:var(--foreground)}.btn-ghost:hover{background:var(--myo-warm)}.btn-outline{border:.5px solid var(--myo-line-strong);color:var(--foreground)}.btn-outline:hover{background:var(--myo-warm)}.section{border-top:.5px solid var(--border);padding:88px 0}.section:first-of-type{border-top:none}@media (max-width:720px){.section{padding:56px 0}}.eyebrow{font:500 11px/1 var(--font-sans);text-transform:uppercase;letter-spacing:.16em;color:var(--muted-foreground)}.section-title{font:500 var(--type-display-lg)/.95 var(--font-sans);letter-spacing:-.04em;text-wrap:balance;max-width:780px;margin:14px 0 16px}.section-sub{font:400 18px/1.55 var(--font-sans);color:var(--muted-foreground);text-wrap:pretty;max-width:620px}.hl{background:var(--myo-lime);color:var(--myo-ink);border-radius:4px;padding:1px 6px;font-weight:500}.mono{font-family:var(--font-mono);letter-spacing:0}.card{background:var(--card);border:.5px solid var(--border);border-radius:20px}.footer{border-top:.5px solid var(--border);background:var(--background);padding:56px 0 32px}.footer-top{grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:32px;padding-bottom:40px;display:grid}@media (max-width:900px){.footer-top{grid-template-columns:1fr 1fr}}.footer-col h4{font:500 13px/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);margin:0 0 16px}.footer-col ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.footer-col a{color:var(--foreground);font-size:14px}.footer-col a:hover{color:var(--myo-dim)}.footer-bottom{border-top:.5px solid var(--border);color:var(--muted-foreground);justify-content:space-between;align-items:center;padding-top:24px;font-size:12px;display:flex}@media (max-width:720px){.footer-bottom{flex-direction:column;gap:8px}}.maximalist body,.maximalist{--myo-canvas:#ddf24a}.maximalist .nav{background:#ddf24ae0;background:lab(91.7551% -22.2538 73.7159/.88)}.maximalist .btn-primary{background:var(--myo-ink);color:var(--myo-lime)}.dark .nav-brand .glyph,.dark .btn-primary{background:var(--myo-lime);color:#0a0a0a}.game-wrap{width:100%;margin:0;position:relative}.game-headline{padding:0 4px 28px}@media (max-width:720px){.game-headline{padding-bottom:18px}}.game-h1{font:500 80px/.95 var(--font-sans);letter-spacing:-.05em;color:var(--foreground);text-wrap:balance;margin:0}@media (max-width:900px){.game-h1{font-size:56px}}@media (max-width:720px){.game-h1{font-size:40px}}.arrow-pad-stage{z-index:3;pointer-events:none;grid-template-rows:22px 22px auto;grid-template-columns:22px 22px 22px;gap:3px;display:grid;position:absolute;bottom:18px;right:18px}.arrow-pad-stage .arrow{background:color-mix(in oklab, var(--card) 88%, transparent);border:1px solid var(--myo-line-strong);width:22px;height:22px;font:500 11px/1 var(--font-sans);color:var(--foreground);border-bottom-width:2px;border-radius:5px;place-items:center;display:grid}.arrow-pad-stage .up{grid-area:1/2}.arrow-pad-stage .left{grid-area:2/1}.arrow-pad-stage .down{grid-area:2/2}.arrow-pad-stage .right{grid-area:2/3}.arrow-pad-stage .arrow-space{font:500 9px/1 var(--font-sans);letter-spacing:.08em;color:var(--muted-foreground);text-align:center;grid-area:3/1/auto/4;margin-top:4px}.game-stage{aspect-ratio:16/9;border:.5px solid var(--border);isolation:isolate;background:#eeede7;border-radius:22px;place-items:center;width:100%;display:grid;position:relative;overflow:visible}.game-canvas{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;outline:none;display:block}.game-wrap[data-density=chunky] .game-canvas{filter:contrast(1.04)saturate(1.05)}.game-bloom{pointer-events:none;animation:bloom .7s var(--ease-out) forwards;z-index:4;background:radial-gradient(circle at 50% 60%,#c4f0428c,#c4f04200 70%);position:absolute;inset:0}@keyframes bloom{0%{opacity:0}20%{opacity:1}to{opacity:0}}.game-title{z-index:3;pointer-events:none;opacity:0;max-width:460px;transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);position:absolute;top:24px;left:24px;transform:translateY(-6px)}.game-title.visible{opacity:1;transform:translateY(0)}.game-title.aside{text-align:right;left:auto;right:24px}.game-title .eyebrow{color:var(--muted-foreground)}.game-title-h1{font:500 56px/.95 var(--font-sans);letter-spacing:-.045em;color:var(--foreground);margin:8px 0}.game-title-h2{font:500 32px/1 var(--font-sans);letter-spacing:-.03em;color:var(--foreground);margin:8px 0 0}.game-title-sub{font:400 15px/1.5 var(--font-sans);color:var(--muted-foreground);max-width:320px;margin:0}@media (max-width:720px){.game-title-h1{font-size:34px}.game-title-h2{font-size:22px}.game-title-sub{display:none}}.bubble{background:var(--card);border:2px solid var(--bubble-color,var(--myo-ink));z-index:5;pointer-events:none;opacity:1;transition:opacity .18s var(--ease-out);border-radius:16px;padding:14px 18px;position:absolute;top:0;left:0;box-shadow:0 12px 30px -16px #00000059}.bubble.bubble-entering{opacity:0}.bubble:after{content:"";bottom:-10px;left:var(--tail-left,24px);background:var(--card);border-right:2px solid var(--bubble-color,var(--myo-ink));border-bottom:2px solid var(--bubble-color,var(--myo-ink));width:14px;height:14px;position:absolute;transform:translate(-50%)rotate(45deg)}.bubble-shout{background:var(--bubble-color,var(--myo-ink));color:var(--myo-ink)}.bubble-thought{background:color-mix(in oklab, var(--card) 88%, transparent);border-style:dashed}.bubble-thought:after{display:none}.bubble-thought:before{content:"";bottom:-6px;left:var(--tail-left,24px);background:var(--card);border:1.5px solid var(--bubble-color,var(--myo-ink));border-radius:50%;width:8px;height:8px;position:absolute;transform:translate(-50%)}.bubble-shout .bubble-tag{color:#1a1a1a8c}.bubble-shout .bubble-text{color:var(--myo-ink);font-weight:500}.bubble-shout:after{background:var(--bubble-color,var(--myo-ink))}.bubble-tag{font:500 11px/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--bubble-color,var(--muted-foreground));margin-bottom:8px}.bubble-text{font:400 16px/1.5 var(--font-sans);color:var(--foreground);text-wrap:pretty}@keyframes bubbleIn{0%{opacity:0;transform:translate(var(--bx,0), calc(var(--by,0) - 4px)) scale(.96)}to{opacity:1;transform:translate(var(--bx,0), var(--by,0)) scale(1)}}@keyframes bubbleShoutIn{0%{opacity:0;transform:translate(var(--bx,0), var(--by,0)) scale(.7)}60%{opacity:1;transform:translate(var(--bx,0), var(--by,0)) scale(1.05)}to{opacity:1;transform:translate(var(--bx,0), var(--by,0)) scale(1)}}.game-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:6;animation:fadeIn .24s var(--ease-out);background:#1a1a1a6b;place-items:center;display:grid;position:absolute;inset:0}.game-modal{background:var(--card);border:.5px solid var(--border);text-align:left;border-radius:22px;max-width:420px;padding:28px 30px;box-shadow:0 30px 80px -40px #00000080}.game-modal h3{font:500 28px/1.05 var(--font-sans);letter-spacing:-.03em;margin:10px 0 6px}.game-modal p{font:400 15px/1.55 var(--font-sans);color:var(--muted-foreground);margin:0 0 18px}.game-modal .btn{padding:12px 22px}.game-modal-actions{flex-wrap:wrap;gap:10px;display:flex}.category-modal{max-width:540px}.category-buttons{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:6px;display:grid}@media (max-width:600px){.category-buttons{grid-template-columns:1fr}}.cat-btn{text-align:left;background:var(--myo-warm);transition:border-color var(--dur), transform var(--dur), background var(--dur);border:1.5px solid #0000;border-radius:16px;gap:4px;padding:18px 18px 16px;display:grid}.cat-btn:hover{border-color:var(--myo-ink);background:var(--card);transform:translateY(-2px)}.cat-emoji{font:500 28px/1 var(--font-sans);color:var(--myo-ink);margin-bottom:4px}.cat-label{font:500 16px/1 var(--font-sans);color:var(--foreground);letter-spacing:-.01em}.cat-sub{font:400 12px/1.4 var(--font-sans);color:var(--muted-foreground)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.job-hotspot{z-index:4;cursor:pointer;transition:border-color var(--dur), background var(--dur);animation:jobHotPulse 1.6s var(--ease-out) infinite;background:0 0;border:2px dashed #1a1a1a59;border-radius:8px;position:absolute}.job-hotspot:hover{border-color:var(--myo-ink);background:#c4f04226}@keyframes jobHotPulse{0%,to{border-color:#1a1a1a40}50%{border-color:#1a1a1a99}}.jobpick-floating{z-index:6;background:var(--card);border:2px solid var(--myo-ink);font:400 13px/1.3 var(--font-sans);animation:jobpickIn .2s var(--ease-out);border-radius:12px;padding:12px 14px;position:absolute;top:0;left:0;box-shadow:0 12px 30px -16px #00000059}@keyframes jobpickIn{0%{opacity:0;transform:translate(var(--bx,0), var(--by,0)) scale(.96)}to{opacity:1}}.jobpick-close{width:20px;height:20px;font:500 14px/1 var(--font-sans);color:var(--muted-foreground);background:0 0;border-radius:50%;position:absolute;top:4px;right:6px}.jobpick-close:hover{background:var(--myo-warm);color:var(--foreground)}.jobpick-tag{font:500 9px/1 var(--font-sans);letter-spacing:.16em;color:var(--muted-foreground);margin-bottom:6px}.jobpick-title{font:500 18px/1.1 var(--font-sans);letter-spacing:-.02em;margin-bottom:2px}.jobpick-co{font:500 13px/1.3 var(--font-sans);color:var(--foreground);margin-bottom:2px}.jobpick-sub{font:400 11px/1.3 var(--font-sans);color:var(--muted-foreground);margin-bottom:10px}.jobpick-row{border-top:1px solid var(--myo-line);justify-content:space-between;align-items:center;margin-bottom:8px;padding-top:8px;display:flex}.jobpick-nav{border:1px solid var(--myo-line-strong);background:var(--card);width:28px;height:24px;font:500 14px/1 var(--font-sans);border-radius:6px}.jobpick-nav:hover{background:var(--myo-warm)}.jobpick-counter{color:var(--muted-foreground);font-size:11px}.jobpick-pick{background:var(--myo-lime);width:100%;color:var(--myo-ink);font:500 13px/1 var(--font-sans);border-radius:8px;padding:8px 12px}.jobpick-pick:hover{opacity:.9}.career-exit{z-index:6;background:color-mix(in oklab, var(--card) 88%, transparent);border:1px solid var(--myo-line-strong);font:500 12px/1 var(--font-sans);color:var(--foreground);cursor:pointer;border-radius:8px;padding:6px 12px;position:absolute;top:14px;left:14px}.career-exit:hover{background:var(--card)}.crew-comms{z-index:6;background:var(--myo-ink);color:#fafafa;border:1.5px solid var(--myo-lime);animation:crewCommsIn .32s var(--ease-out);border-radius:12px;align-items:center;gap:14px;padding:10px 14px 10px 12px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 14px 30px -14px #0000008c}@keyframes crewCommsIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.crew-comms-status{flex-direction:column;align-items:flex-start;gap:4px;padding-right:4px;display:flex}.status-dot{background:var(--myo-lime);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{opacity:1;box-shadow:0 0 #c4f04299}50%{opacity:.4;box-shadow:0 0 0 6px #c4f04200}}.status-text{font:500 9px/1 var(--font-sans);letter-spacing:.18em;color:#fafafa;white-space:nowrap}.crew-heads{gap:6px;display:flex}.crew-head{background:color-mix(in oklab, var(--c) 30%, #0e0e0e);border:1.5px solid var(--c);border-radius:8px;place-items:center;width:40px;height:40px;display:grid;position:relative;overflow:hidden}.agent-portrait-canvas{width:64px;height:56px;image-rendering:pixelated;margin-top:-8px;display:block}.crew-head-label{font:500 9px/1 var(--font-mono);color:#fafafa;letter-spacing:0;background:#0000008c;border-radius:3px;padding:1px 3px;position:absolute;bottom:1px;right:3px}.crew-call-btn{background:var(--myo-lime);color:var(--myo-ink);font:500 12px/1 var(--font-sans);letter-spacing:.08em;cursor:pointer;transition:transform var(--dur), filter var(--dur);border-radius:8px;align-items:center;gap:8px;padding:10px 16px;display:flex}.crew-call-btn:hover{filter:brightness(1.05);transform:scale(1.04)}.crew-call-icon{font-size:10px;animation:.9s steps(2,end) infinite callBlink}@keyframes callBlink{0%,to{opacity:1}50%{opacity:.3}}@media (max-width:720px){.crew-comms{gap:8px;padding:8px 10px}.crew-head{width:32px;height:32px}.agent-portrait-canvas{width:48px;height:42px;margin-top:-6px}.crew-call-btn{padding:8px 12px;font-size:11px}}.comm-panel{z-index:6;background:var(--myo-ink);color:#fafafa;box-shadow:0 0 0 2px var(--myo-lime), 0 18px 40px -18px #0000008c;font-family:var(--font-sans);animation:commIn .32s var(--ease-out);border-radius:14px;gap:10px;min-width:320px;padding:12px 14px;display:grid;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}@keyframes commIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.comm-header{font:500 10px/1 var(--font-sans);letter-spacing:.18em;color:var(--myo-lime);align-items:center;gap:8px;display:flex}.comm-spacer{flex:1}.comm-led{background:var(--myo-lime);width:8px;height:8px;box-shadow:0 0 6px var(--myo-lime);border-radius:50%;animation:1.2s infinite ledBlink}@keyframes ledBlink{0%,60%,to{opacity:1}70%,90%{opacity:.3}}.comm-roster{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.comm-agent{background:color-mix(in oklab, var(--tint) 18%, #1a1a1a);border:1px solid color-mix(in oklab, var(--tint) 50%, transparent);border-radius:10px;justify-items:center;padding:6px 8px 8px;display:grid}.comm-agent img{background:var(--tint);object-fit:cover;object-position:center 20%;border-radius:50%;width:40px;height:40px;margin-bottom:4px}.comm-name{font:500 12px/1 var(--font-sans);color:#fafafa}.comm-role{font:400 10px/1 var(--font-sans);color:#ffffff8c;margin-top:2px}.comm-call{background:var(--myo-lime);width:100%;color:var(--myo-ink);font:500 13px/1 var(--font-sans);letter-spacing:.12em;cursor:pointer;transition:transform 80ms var(--ease-out), opacity var(--dur);border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:10px 16px;display:flex}.comm-call:hover{opacity:.92}.comm-call:active{transform:scale(.98)}.comm-call-icon{background:var(--myo-ink);width:18px;height:18px;color:var(--myo-lime);border-radius:50%;place-items:center;padding-left:1px;font-size:9px;display:inline-grid}.comm-hint{font:400 10px/1.3 var(--font-sans);color:#ffffff73;text-align:center;letter-spacing:.04em}@media (max-width:720px){.comm-panel{min-width:auto;bottom:12px;left:12px;right:12px;transform:none}@keyframes commIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}.game-hint{font:400 12px/1 var(--font-sans);color:var(--muted-foreground);background:color-mix(in oklab, var(--card) 80%, transparent);border:.5px solid var(--border);z-index:3;border-radius:999px;align-items:center;gap:4px;padding:8px 12px;display:flex;position:absolute;bottom:16px;left:16px}.dpad{z-index:4;-webkit-user-select:none;user-select:none;touch-action:none;width:132px;height:132px;display:none;position:absolute;bottom:22px;right:22px}.dpad-btn{background:color-mix(in oklab, var(--card) 86%, transparent);border:.5px solid var(--myo-line-strong);width:44px;height:44px;color:var(--foreground);touch-action:none;border-radius:12px;place-items:center;font-size:14px;display:grid;position:absolute}.dpad-btn:active{background:var(--myo-lime);color:var(--myo-ink)}.dpad-btn.up{top:0;left:44px}.dpad-btn.down{bottom:0;left:44px}.dpad-btn.left{top:44px;left:0}.dpad-btn.right{top:44px;right:0}.dpad-btn.jump{letter-spacing:.06em;font-size:10px;font-weight:700;top:44px;left:44px}.dpad-btn.jump:active{background:var(--myo-coral);color:var(--myo-paper)}@media (pointer:coarse),(max-width:720px){.dpad{display:block}}.kbd{border:.5px solid var(--myo-line-strong);min-width:22px;height:22px;font:500 11px/1 var(--font-mono);color:var(--muted-foreground);background:var(--card);border-bottom-width:1.5px;border-radius:6px;place-items:center;padding:0 6px;display:inline-grid}