.mopyon-online-page{background:linear-gradient(90deg,#0000 0 9%,#c5363d47 9% calc(9% + 2px),#0000 calc(9% + 2px)),repeating-linear-gradient(0deg,#0000 0 27px,#3d77a91f 27px 28px),#f9f4e6;place-items:start center;min-height:calc(100vh - 76px);padding:clamp(28px,7vw,72px) 16px;display:grid}.mopyon-lobby-card{color:#242729;background:#fffdf5e6;border:1px solid #5b4a2b33;border-radius:5px 14px 14px 5px;width:min(560px,100%);padding:clamp(24px,5vw,42px);box-shadow:0 20px 50px #473a2226,0 3px 9px #473a2217}.mopyon-lobby-card header{margin-bottom:26px}.mopyon-lobby-card h1{letter-spacing:-.06em;margin:7px 0 8px;font:800 clamp(2.2rem,8vw,4rem)/1 Comic Sans MS,Segoe Print,cursive}.mopyon-lobby-card p{color:#63605a;line-height:1.55}.mopyon-lobby-kicker{color:#1659ad;letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;font-weight:850}.mopyon-profile-fields{grid-template-columns:1.7fr 1fr .65fr;gap:12px;margin-bottom:18px;display:grid}.mopyon-profile-fields label,.mopyon-join-form>label{color:#55534e;gap:7px;font-size:.78rem;font-weight:750;display:grid}.mopyon-profile-fields input,.mopyon-profile-fields select,.mopyon-join-form input{color:#242729;width:100%;min-width:0;min-height:44px;font:inherit;background:#ffffffb8;border:1px solid #3f464933;border-radius:6px;padding:9px 11px}.mopyon-profile-fields input[type=color]{padding:5px}.mopyon-lobby-primary,.mopyon-join-form button{color:#fffdf5;cursor:pointer;min-height:46px;font:inherit;background:#242729;border:1px solid #242729;border-radius:6px;padding:10px 17px;font-weight:760;box-shadow:0 2px #4439231f}.mopyon-lobby-primary{width:100%}.mopyon-lobby-primary:hover,.mopyon-join-form button:hover{background:#0d4f9e;border-color:#0d4f9e}.mopyon-lobby-primary:disabled,.mopyon-join-form button:disabled{opacity:.55;cursor:wait}.mopyon-lobby-separator{color:#77736b;align-items:center;gap:12px;margin:19px 0;font-size:.8rem;display:flex}.mopyon-lobby-separator:before,.mopyon-lobby-separator:after{content:"";background:#54483029;flex:1;height:1px}.mopyon-join-form{gap:8px;display:grid}.mopyon-join-form>div{grid-template-columns:1fr auto;gap:8px;display:grid}.mopyon-join-form input{letter-spacing:.16em;text-transform:uppercase;font-weight:800}.mopyon-online-error{background:#c5363d14;border-left:3px solid #c5363d;margin:14px 0 0;padding:10px 12px;font-size:.9rem;color:#8b2028!important}.mopyon-privacy-note{margin:20px 0 0;font-size:.77rem}.mopyon-waiting-card{text-align:center}.mopyon-room-code{color:#1659ad;letter-spacing:.11em;margin:25px 0;font:800 clamp(2.5rem,12vw,5rem)/1 Segoe Print,monospace;display:block}.mopyon-invite-actions{grid-template-columns:auto 1fr;gap:8px;display:grid}.mopyon-invite-actions>button:first-child{color:#242729;cursor:pointer;min-height:46px;font:inherit;background:#ffffffad;border:1px solid #272b2c33;border-radius:6px;padding:10px 17px;font-weight:740}.mopyon-wait-status{justify-content:center;align-items:center;gap:9px;margin:22px 0 12px;display:flex}.mopyon-wait-status span{background:#c69200;border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite mopyon-pulse}.mopyon-text-button{color:#63605a;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:8px;text-decoration:underline}.mopyon-resume-card{text-align:center}.mopyon-resume-card h1{font-size:clamp(2rem,8vw,3.6rem)}.mopyon-resume-summary{margin:20px 0}.mopyon-resume-summary strong{color:#1659ad;letter-spacing:.08em}.mopyon-resume-actions{gap:10px;display:grid}.mopyon-lobby-secondary{color:#242729;cursor:pointer;width:100%;min-height:46px;font:inherit;background:#ffffffb3;border:1px solid #272b2c47;border-radius:6px;padding:10px 17px;font-weight:760}.mopyon-lobby-secondary:hover{color:#0d4f9e;border-color:#0d4f9e}.mopyon-lobby-secondary:disabled{opacity:.55;cursor:wait}.mopyon-online-strip{color:#eaf1fa;background:#4c5360;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 22px;min-height:38px;padding:8px 16px;font-size:.79rem;display:flex}.mopyon-online-strip>span{align-items:center;gap:7px;display:inline-flex}.mopyon-strip-role-short{display:none}.mopyon-online-strip i{background:#d4a600;border-radius:50%;width:8px;height:8px}.mopyon-online-strip.is-online i{background:#69d28a;box-shadow:0 0 0 3px #69d28a29}.mopyon-strip-error{color:#ffe0e2}.mopyon-strip-leave{color:#f4f0e8;text-underline-offset:3px;cursor:pointer;font:inherit;background:0 0;border:0;padding:4px 7px;text-decoration:underline}.mopyon-strip-leave:hover{color:#fff}.mopyon-page .mopyon-host{display:block}@keyframes mopyon-pulse{50%{opacity:.35;transform:scale(.82)}}@media (width<=620px){.mopyon-profile-fields{grid-template-columns:1fr 1fr}.mopyon-profile-fields label:first-child{grid-column:1/-1}.mopyon-invite-actions{grid-template-columns:1fr}.mopyon-online-strip{min-width:0;padding:8px max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"status room""role leave""pending pending""error error";justify-content:stretch;gap:5px 12px;font-size:.75rem;line-height:1.3;display:grid}.mopyon-online-strip>span{min-width:0}.mopyon-strip-status{text-overflow:ellipsis;white-space:nowrap;grid-area:status;overflow:hidden}.mopyon-strip-room{white-space:nowrap;grid-area:room;justify-self:end}.mopyon-strip-role{grid-area:role}.mopyon-strip-role-long{display:none}.mopyon-strip-role-short{display:inline}.mopyon-strip-pending{grid-area:pending}.mopyon-strip-error{overflow-wrap:anywhere;grid-area:error}.mopyon-strip-leave{white-space:nowrap;grid-area:leave;justify-self:end;min-height:32px;padding:3px 0 3px 8px}}@media (prefers-reduced-motion:reduce){.mopyon-wait-status span{animation:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ayi-ink:#10244a;--ayi-ink-soft:#53617c;--ayi-paper:#fffdf5;--ayi-paper-deep:#f1ead8;--ayi-blue:#1660b8;--ayi-red:#d33d49;--ayi-yellow:#ffd34e;--ayi-aqua:#52c5bd;--ayi-border:#10244a24;--ayi-shadow:0 24px 60px #10244a1a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--ayi-paper);min-width:320px}body{min-width:320px;min-height:100vh;color:var(--ayi-ink);background:radial-gradient(circle at 84% -10%, #ffd34e40, transparent 30rem), linear-gradient(180deg, #fffef9, var(--ayi-paper));margin:0}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.site-shell{min-height:100vh}.site-header{justify-content:space-between;align-items:center;gap:18px;width:min(1240px,100% - 32px);min-height:76px;margin:0 auto;display:flex}.brand-lockup{color:var(--ayi-ink);letter-spacing:-.035em;align-items:center;gap:10px;font-size:1.15rem;font-weight:850;text-decoration:none;display:inline-flex}.brand-mark{width:34px;height:34px;color:var(--ayi-yellow);background:var(--ayi-ink);box-shadow:3px 3px 0 var(--ayi-yellow);border-radius:10px;place-items:center;font-weight:900;display:grid}.back-link,.text-link{color:var(--ayi-blue);text-underline-offset:4px;font-weight:750}.back-link{align-items:center;gap:7px;font-size:.94rem;display:inline-flex}.home-page{width:min(1240px,100% - 32px);margin:0 auto;padding:clamp(46px,8vw,104px) 0 72px}.home-intro{max-width:760px;margin-bottom:clamp(38px,6vw,66px)}.eyebrow{color:var(--ayi-blue);letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:.77rem;font-weight:850}.home-intro h1,.coming-soon h1,.not-found h1{letter-spacing:-.075em;margin:0;font-size:clamp(3rem,10vw,7.4rem);line-height:.93}.home-lede{max-width:560px;color:var(--ayi-ink-soft);margin:24px 0 0;font-size:clamp(1rem,2vw,1.22rem);line-height:1.55}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.game-card-link{min-width:0;color:inherit;text-decoration:none;display:block}.game-card{border:1px solid var(--ayi-border);background:#ffffffb3;border-radius:24px;grid-template-rows:1fr auto;grid-template-columns:auto 1fr;gap:18px 22px;min-height:228px;padding:clamp(20px,3vw,30px);transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 26px #10244a0b}.game-card.is-available:hover{box-shadow:var(--ayi-shadow);border-color:#1660b85c;transform:translateY(-4px)}.game-card-link:focus-visible{outline-offset:5px;border-radius:24px;outline:3px solid #1660b866}.game-monogram,.coming-monogram{color:#fff;background:var(--card-accent);letter-spacing:-.04em;width:58px;height:58px;box-shadow:4px 4px 0 color-mix(in srgb, var(--card-accent) 28%, transparent);border-radius:17px;place-items:center;font-weight:900;display:grid}.accent-blue{--card-accent:var(--ayi-blue)}.accent-red{--card-accent:var(--ayi-red)}.accent-yellow{--card-accent:#c69200}.accent-aqua{--card-accent:#168f88}.game-copy h2{letter-spacing:-.035em;margin:2px 0 7px;font-size:clamp(1.35rem,3vw,2rem)}.game-copy p{color:var(--ayi-ink-soft);margin:0;line-height:1.48}.game-status{color:var(--ayi-ink-soft);background:var(--ayi-paper-deep);border-radius:999px;grid-column:1/-1;justify-self:start;padding:7px 11px;font-size:.8rem;font-weight:780}.game-status.available{color:#fff;background:var(--ayi-blue)}.coming-soon,.not-found{text-align:center;place-content:center;justify-items:center;min-height:calc(100vh - 76px);padding:64px 24px;display:grid}.coming-soon h1,.not-found h1{max-width:850px;font-size:clamp(2.8rem,9vw,6rem)}.coming-soon>p:last-child{color:var(--ayi-ink-soft);margin:22px 0 0;font-size:1.15rem}.coming-monogram{margin-bottom:26px}.not-found .text-link{margin-top:30px}.mopyon-page{padding:0 0 32px}.mopyon-host{display:block}@media (width<=720px){.site-header{min-height:64px}.home-page{padding-top:34px}.games-grid{grid-template-columns:1fr}.game-card{border-radius:20px;min-height:190px}.back-link{font-size:.86rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}