:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#3d332e;--cream:#f8efe5;--clay:#fae2c7;--clay-light:#fff7ed;--peach:#f5c499;--coral:#ef877c;--coral-deep:#d96564;--teal:#55aaa8;--teal-deep:#3e8588;--ink:#3d332e;--muted:#806f64;--line:#e4c6a7;--shadow-out:.65rem .85rem 1.35rem #a9764d33;--shadow-lift-soft:.3rem .42rem .72rem #a9764d2e;--shadow-convex:inset .24rem .28rem .5rem #ffffff8f, inset -.28rem -.34rem .58rem #7a4e3024;--shadow-recessed:inset .25rem .3rem .55rem #b47e522e, inset -.3rem -.35rem .65rem #ffffffd1;background:#f8efe5;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--cream);min-height:100%}body{background:var(--cream);min-height:100vh;margin:0}a{color:inherit}button,input{font:inherit}button{border:0}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--teal-deep);outline-offset:3px}.site-header{border-bottom:1px solid var(--line);z-index:10;background:#fff7eddb;justify-content:space-between;align-items:center;min-height:4.25rem;padding:.75rem clamp(1rem,5vw,4.5rem);display:flex;position:relative}.site-header nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.brand,.header-nav-link,.text-link,.card-link,.back-catalog-link{text-decoration:none}.brand{letter-spacing:0;align-items:center;gap:.65rem;font-weight:850;display:inline-flex}.brand-mark{background:var(--peach);box-shadow:var(--shadow-lift-soft), var(--shadow-convex);color:var(--teal-deep);border-radius:.75rem;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;display:inline-flex}.header-nav-link{background:var(--clay);border:1px solid var(--line);box-shadow:var(--shadow-out), var(--shadow-convex);border-radius:999px;align-items:center;gap:.45rem;padding:.65rem 1rem;font-weight:750;display:inline-flex}.profile-menu{position:relative}.profile-trigger{background:var(--clay);border:1px solid var(--line);box-shadow:var(--shadow-out), var(--shadow-convex);color:var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:2.85rem;padding:.25rem;transition:transform .17s,box-shadow .17s;display:inline-flex}.profile-trigger:hover,.profile-menu.is-open .profile-trigger{box-shadow:var(--shadow-lift-soft), var(--shadow-convex);transform:translateY(-2px)}.profile-avatar{aspect-ratio:1;background:var(--coral);color:#fffaf3;text-align:center;white-space:nowrap;border:2px solid #fff7edcc;border-radius:50%;justify-content:center;align-items:center;min-width:2.25rem;min-height:2.25rem;padding:.15rem;font-size:.95rem;font-weight:900;line-height:1;display:inline-flex;overflow:hidden;box-shadow:inset .12rem .16rem .2rem #ffffff52}.profile-avatar-large{border-width:3px;min-width:4.25rem;min-height:4.25rem;font-size:1.75rem}.profile-popover{background:var(--clay-light);border:1px solid var(--line);box-shadow:var(--shadow-out), var(--shadow-convex);z-index:40;border-radius:1.25rem;min-width:min(19rem,100vw - 2rem);position:absolute;top:calc(100% + .55rem);right:0;overflow:hidden}.profile-popover-main{background:var(--clay);align-items:center;gap:.85rem;padding:1rem;display:flex}.profile-copy{gap:.22rem;min-width:0;display:grid}.profile-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;overflow:hidden}.profile-copy span{color:var(--muted);font-size:.78rem}.profile-form{gap:.45rem;padding:.9rem 1rem 1rem;display:grid}.profile-form label{font-size:.78rem;font-weight:850}.profile-input-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45rem;display:grid}.profile-input-row input{border:2px solid var(--teal);color:var(--ink);background:#fffefa;border-radius:.7rem;min-width:0;min-height:2.8rem;padding:.55rem .7rem}.profile-input-row input:focus{border-color:var(--teal-deep);outline:0;box-shadow:0 0 0 .18rem #55aaa833}.profile-save-button{background:var(--teal);box-shadow:var(--shadow-lift-soft), var(--shadow-convex);color:#fffaf3;cursor:pointer;border-radius:.7rem;justify-content:center;align-items:center;width:2.8rem;height:2.8rem;display:inline-flex}.profile-save-button:hover:not(:disabled){background:var(--teal-deep);transform:translateY(-2px)}.profile-save-button:disabled{cursor:wait;opacity:.55}.profile-message{margin:0;font-size:.78rem}.profile-message.is-error{color:#9f363d}.profile-message.is-success{color:var(--teal-deep)}.profile-menu-actions{border-top:1px solid var(--line);padding:.45rem;display:grid}.profile-menu-action{color:var(--ink);cursor:pointer;background:0 0;border-radius:.7rem;align-items:center;gap:.65rem;width:100%;min-height:2.65rem;padding:.55rem .7rem;font-weight:750;text-decoration:none;display:flex}.profile-menu-action:hover:not(:disabled){background:var(--clay);color:var(--teal-deep)}.profile-menu-action:disabled{cursor:wait;opacity:.55}.page-shell{max-width:92rem;margin:0 auto;padding:clamp(1.5rem,3vw,3.5rem) clamp(1rem,4vw,4.5rem)}.auth-page,.account-page,.history-page{max-width:58rem}.auth-form{gap:.75rem;max-width:34rem;margin-top:1.5rem;padding:clamp(1rem,3vw,2rem);display:grid}.auth-form h2,.auth-form p{margin:0}.auth-form label{font-size:.85rem;font-weight:800}.auth-form input{background:var(--clay-light);border:1px solid var(--line);color:var(--ink);border-radius:.5rem;min-height:3rem;padding:.7rem .85rem}.form-error{color:#9f363d}.form-hint{color:var(--muted);font-size:.9rem}.account-actions{flex-wrap:wrap;gap:.75rem;margin:1.25rem 0;display:flex}.empty-state{padding:clamp(1.25rem,4vw,2.5rem)}.empty-state h2,.empty-state p{margin-top:0}.history-list{gap:.85rem;display:grid}.history-feedback{margin-top:1.25rem}.history-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;display:flex}.history-row>div{gap:.25rem;display:grid}.history-row>.history-metadata{color:var(--muted);text-align:right;font-size:.85rem}.history-match{overflow-wrap:anywhere;flex:10rem;min-width:0}.history-result{background:var(--clay-light);font-variant-numeric:tabular-nums;text-align:center;border-radius:.85rem;gap:.15rem;padding:.65rem .9rem;font-size:1rem;font-weight:800;display:inline-grid}.history-result small{color:var(--muted);font-size:.75rem;font-weight:500}.history-result.is-win{color:#286965}.history-result.is-loss{color:#9f363d}.history-result.is-unavailable{color:var(--muted);font-size:.85rem;font-weight:500}.clay-surface{background:var(--clay);box-shadow:var(--shadow-out), var(--shadow-convex);border:1px solid #deb58bb3;border-radius:1.6rem}.eyebrow{color:var(--teal-deep);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .45rem;font-size:.72rem;font-weight:850}.clay-button{box-shadow:var(--shadow-out), var(--shadow-convex);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;min-height:2.85rem;padding:.65rem 1.15rem;font-weight:800;text-decoration:none;transition:transform .17s,box-shadow .17s,background-color .17s;display:inline-flex}.clay-button:active{box-shadow:var(--shadow-recessed);transform:translateY(2px)}.clay-button:disabled{cursor:not-allowed;opacity:.5}.clay-button-primary{background:var(--teal);color:#fffaf3}.clay-button-primary:hover:not(:disabled){background:var(--teal-deep);transform:translateY(-2px)}.clay-button-secondary{background:var(--clay-light);color:var(--teal-deep)}.clay-button-secondary:hover:not(:disabled){background:#fffaf3;transform:translateY(-2px)}.clay-button-danger{color:#7b3b3a;background:#f2b0a7}.clay-button-danger:hover:not(:disabled){background:var(--coral);color:#fffaf3;transform:translateY(-2px)}.clay-button-resign{color:#713d46;background:#f6c6b9}.clay-button-resign:hover:not(:disabled){color:#fffaf3;background:#eda69e;transform:translateY(-2px)}.clay-button-large{min-height:3.4rem;padding-inline:1.45rem}.icon-button{background:var(--clay-light);border:1px solid var(--line);box-shadow:var(--shadow-lift-soft), var(--shadow-convex);color:var(--ink);cursor:pointer;border-radius:1rem;justify-content:center;align-items:center;width:2.85rem;height:2.85rem;display:inline-flex}.icon-button:hover:not(:disabled){color:var(--teal-deep);transform:translateY(-2px)}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.hero{grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);align-items:center;gap:clamp(2rem,6vw,5rem);min-height:27rem;margin-top:1rem;padding:clamp(1.6rem,5vw,4rem);display:grid}.hero-copy{max-width:37rem}.hero h1{margin:0 0 1.15rem;font-size:clamp(2.5rem,6vw,5rem);line-height:1.04}.hero-copy>p:not(.eyebrow){color:var(--muted);max-width:33rem;font-size:1.12rem;line-height:1.75}.hero-cta{margin-top:1rem}.hero-table{background:var(--peach);box-shadow:var(--shadow-out), var(--shadow-convex);border-radius:2.25rem;flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;min-height:20rem;padding:1.5rem;display:flex;transform:rotate(2deg)}.hero-table-top{color:var(--teal-deep);justify-content:space-between;align-items:center;width:min(16rem,100%);display:flex}.hero-table-visual{color:var(--teal-deep);filter:drop-shadow(.4rem .55rem .55rem #71594438)}.hero-table-caption{color:var(--teal-deep);align-items:center;gap:.4rem;font-size:.85rem;font-weight:800;display:inline-flex}.home-games-section{padding-top:clamp(2rem,5vw,4.5rem)}.section-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.section-heading h2{margin:0;font-size:clamp(1.7rem,3vw,2.5rem)}.text-link{color:var(--teal-deep);align-items:center;gap:.35rem;font-weight:800;display:inline-flex}.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(15.5rem,1fr));gap:1.25rem;margin-top:1.5rem;display:grid}.game-card{flex-direction:column;min-height:16rem;padding:1.35rem;transition:transform .17s;display:flex}.game-card:hover{transform:translateY(-3px)}.game-card-icon{background:var(--peach);box-shadow:var(--shadow-lift-soft), var(--shadow-convex);color:var(--teal-deep);border-radius:1rem;justify-content:center;align-items:center;width:3.1rem;height:3.1rem;display:flex}.game-card-meta{color:var(--muted);gap:.8rem;margin-top:1rem;font-size:.75rem;font-weight:750;display:flex}.game-card h2,.game-card h3{margin:.55rem 0 .25rem;font-size:1.45rem}.game-card p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.6}.card-link{color:var(--teal-deep);align-items:center;gap:.35rem;margin-top:auto;padding-top:1rem;font-weight:800;display:inline-flex}.catalog-heading{justify-content:space-between;align-items:end;gap:1.5rem;display:flex}.catalog-heading>div{justify-items:start;display:grid}.catalog-heading .clay-button{margin-bottom:.85rem}.catalog-heading h1{margin:.25rem 0 .7rem;font-size:clamp(2.2rem,5vw,4rem)}.catalog-heading p:not(.eyebrow){color:var(--muted);margin:0}.catalog-card{min-height:18rem}.catalog-page .catalog-grid{grid-template-columns:repeat(auto-fill,minmax(min(15.5rem,100%),1fr))}.list-filters{flex-wrap:wrap;align-items:end;gap:1rem;margin-top:1.5rem;padding:1.2rem;display:flex}.list-filter-field{flex:10rem;gap:.45rem;min-width:0;font-size:.85rem;font-weight:750;display:grid}.list-filter-search{flex-basis:20rem}.list-filter-field input,.list-filter-field select{background:var(--clay-light);border:1px solid var(--line);color:var(--ink);font:inherit;border-radius:.7rem;width:100%;min-width:0;min-height:3rem;padding:.65rem .8rem;font-size:1rem;font-weight:500}.list-filter-field select:focus-visible{outline:3px solid var(--teal-deep);outline-offset:3px}.list-result-count{color:var(--muted);margin:1.25rem 0 .75rem;font-size:.9rem}.console-page{box-shadow:.9rem 1.15rem 2.2rem #97613938, var(--shadow-convex);background:#fff8ef;border:1px solid #ffffffc2;border-radius:2.15rem;grid-template-columns:14rem minmax(0,1fr);gap:1.25rem;width:calc(100% - 2rem);max-width:92rem;min-height:calc(100svh - 6.25rem);margin-block:1rem;padding:1.25rem;display:grid}.console-page>.page-alerts{bottom:max(1rem, env(safe-area-inset-bottom));z-index:40;width:max-content;max-width:min(32rem,100vw - 2rem);margin-top:0;position:fixed;left:50%;transform:translate(-50%)}.game-rail{flex-direction:column;align-self:stretch;gap:1rem;min-height:0;padding:1.1rem;display:flex}.game-rail .game-mark{margin-top:.4rem}.game-rail-copy h1,.game-rail-copy h2{margin:.15rem 0 .5rem;font-size:1.55rem}.game-rail-copy p:not(.eyebrow){color:var(--muted);margin:0;font-size:.78rem;line-height:1.55}.rail-current-item{background:var(--teal);box-shadow:var(--shadow-out), var(--shadow-convex);color:#fff;border-radius:999px;align-items:center;gap:.4rem;padding:.7rem .85rem;font-size:.82rem;font-weight:800;display:inline-flex}.rail-footnote{color:var(--teal-deep);align-items:center;gap:.4rem;margin-top:auto;font-size:.76rem;font-weight:800;display:inline-flex}.rail-meta{gap:.2rem;display:grid}.rail-meta span{color:var(--muted);font-size:.7rem;font-weight:750}.rail-meta strong{letter-spacing:.08em;font-size:1rem}.game-rail .invite-button{width:100%}.entry-main-stage{align-self:start;min-width:0;padding:1.1rem 1rem}.stage-heading{margin-bottom:1.15rem}.stage-heading h1{margin:.15rem 0 .6rem;font-size:clamp(2rem,4vw,3.5rem)}.stage-heading>p:not(.eyebrow){color:var(--muted);margin:0}.game-entry-page{max-width:92rem}.game-entry-page .stage-heading{text-align:center;max-width:42rem;margin-inline:auto}.entry-identity-tray{grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:1rem;padding:clamp(1rem,3vw,1.65rem);display:grid}.entry-identity-tray h1{margin:.1rem 0 .35rem;font-size:clamp(2rem,4vw,3.3rem)}.entry-identity-tray p:not(.eyebrow){color:var(--muted);margin:0}.game-mark{background:var(--peach);box-shadow:var(--shadow-lift-soft), var(--shadow-convex);color:var(--teal-deep);border-radius:1rem;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;display:inline-flex}.game-mark-large{width:4.3rem;height:4.3rem}.entry-actions{grid-template-columns:1.12fr 1fr;gap:1.25rem;margin-top:0;display:grid}.entry-action-bay{flex-direction:column;gap:1rem;min-height:21rem;padding:clamp(1.35rem,3vw,2.2rem);display:flex}.entry-action-create{background:#b8d9d3}.action-bay-icon{box-shadow:var(--shadow-lift-soft), var(--shadow-convex);color:var(--teal-deep);background:#ffffff73;border-radius:1rem;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:inline-flex}.action-bay-icon-muted{background:var(--peach)}.entry-action-bay h2{margin:.2rem 0;font-size:clamp(1.6rem,3vw,2.2rem)}.entry-action-bay p:not(.eyebrow){color:var(--muted);margin:0}.entry-action-create .clay-button{align-self:flex-start;margin-top:auto}.join-form{gap:.6rem;margin-top:auto;display:grid}.join-form label,.invite-fallback label{color:var(--muted);font-size:.8rem;font-weight:800}.recessed-input-wrap{background:var(--clay-light);border:1px solid var(--line);box-shadow:var(--shadow-recessed);color:var(--muted);border-radius:1rem;align-items:center;gap:.6rem;padding:0 .9rem;display:flex}.recessed-input-wrap input{color:var(--ink);text-transform:uppercase;background:0 0;border:0;outline:0;width:100%;min-width:0;min-height:3rem}.recessed-input-wrap input::placeholder{color:#a89586}.join-form .clay-button{justify-self:start}.back-catalog-link{color:var(--teal-deep);align-items:center;gap:.35rem;margin-top:1.5rem;font-weight:800;display:inline-flex}.room-page{max-width:84rem}.room-identity-tray{grid-template-columns:auto auto minmax(8rem,1fr) auto auto auto;align-items:center;gap:.9rem;padding:1rem 1.25rem;display:grid}.room-title-block h1,.play-title-block h1{margin:0;font-size:1.45rem}.room-meta{border-left:1px solid var(--line);gap:.15rem;padding-left:1rem;display:grid}.room-meta span{color:var(--muted);font-size:.7rem;font-weight:750}.room-meta strong{letter-spacing:.08em;font-size:1.1rem}.invite-control{gap:.4rem;display:grid}.invite-button{white-space:nowrap}.invite-button.is-success{background:#73bca3}.invite-status{color:var(--muted);min-height:1.1rem;margin:0;font-size:.78rem}.invite-status-copied{color:var(--teal-deep)}.invite-status-failed{color:var(--coral-deep)}.invite-fallback{box-shadow:var(--shadow-recessed);background:#fff7edbd;border-radius:.9rem;gap:.4rem;padding:.75rem;display:grid}.invite-fallback-row{grid-template-columns:minmax(0,1fr) auto;gap:.4rem;display:grid}.invite-fallback input{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:.6rem;min-width:0;padding:.55rem}.room-console{grid-template-columns:minmax(0,1fr);align-content:start;place-self:start center;gap:1.25rem;width:100%;min-width:0;max-width:64rem;margin-top:.8rem;display:grid}.room-console>.stage-heading{text-align:center;grid-column:1/-1;margin-bottom:0}.player-bays .section-heading{margin-bottom:.8rem}.connection-badge{white-space:nowrap;align-items:center;gap:.35rem;font-size:.8rem;font-weight:800;display:inline-flex}.connection-badge-online{color:var(--teal-deep)}.connection-badge-quiet{color:var(--muted)}.player-pod-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.player-pod{background:var(--clay);border:1px solid var(--line);box-shadow:var(--shadow-out), var(--shadow-convex);border-radius:1.35rem;align-items:center;gap:.9rem;min-height:8.5rem;padding:1rem;display:flex}.player-pod-self{background:#b8d9d3}.player-avatar{box-shadow:var(--shadow-lift-soft), var(--shadow-convex);border-radius:50%;flex:none;justify-content:center;align-items:center;width:3.6rem;height:3.6rem;font-size:1.5rem;display:flex}.player-avatar-empty{background:var(--peach);color:var(--teal-deep)}.player-self-badge{color:var(--teal-deep);font-size:.75rem;font-weight:800}.player-pod-copy{gap:.35rem;min-width:0;display:grid}.player-name-row{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.player-name-row h3{overflow-wrap:anywhere;min-width:0;margin:0;font-size:1rem}.owner-badge{color:#875430;background:#f4bf7f;border-radius:999px;align-items:center;gap:.2rem;padding:.22rem .45rem;font-size:.7rem;font-weight:800;display:inline-flex}.player-status{color:var(--muted);align-items:center;gap:.4rem;font-size:.8rem;font-weight:750;display:inline-flex}.player-status.is-ready{color:var(--teal-deep)}.player-slot-label{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.status-dot{background:#56b88b;border-radius:50%;width:.6rem;height:.6rem;box-shadow:0 0 0 3px #56b88b29}.status-ring{border:2px solid #a89586;border-radius:50%;width:.7rem;height:.7rem}.round-dock{gap:1rem;padding:1.25rem;display:grid}.round-dock-header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.round-dock h2{margin:0;font-size:1.25rem}.round-setup-surface{min-width:0;height:clamp(20rem,46dvh,32rem);min-height:0;overflow:hidden}.round-dock-note{color:var(--teal-deep);align-items:center;gap:.35rem;font-size:.85rem;font-weight:800;display:inline-flex}.waiting-copy{color:var(--muted);margin:0}.round-dock-actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}.round-setup-status{color:var(--muted);margin:0;font-size:.85rem}.room-danger-row{grid-column:1/-1;justify-content:space-between;align-items:center;gap:1rem;display:flex}.room-help-copy{color:var(--muted);margin:0;font-size:.83rem}.play-page{max-width:100%;height:calc(100dvh - 6.25rem);min-height:0;padding:clamp(.5rem,1vw,1rem);display:block;position:relative;overflow:hidden}.play-room-controls{gap:.75rem;margin-top:auto;display:grid}.play-room-controls .clay-button{width:100%}.play-stage-layout{box-shadow:var(--shadow-out), var(--shadow-convex);isolation:isolate;background:#f6d3a6;border:1px solid #d9a66c;border-radius:1.8rem;min-width:0;height:100%;min-height:0;margin:0;position:relative;overflow:hidden}.play-stage-layout:fullscreen,.play-stage-layout.is-focus-mode{background:var(--cream);max-width:none;height:100dvh;max-height:none;padding:max(.35rem, env(safe-area-inset-top)) max(.35rem, env(safe-area-inset-right)) max(.35rem, env(safe-area-inset-bottom)) max(.35rem, env(safe-area-inset-left));border:0;border-radius:0;width:100vw;inset:0}.play-stage-layout.is-focus-mode{z-index:100;position:fixed}.game-stage{min-width:0;height:100%;min-height:0;overflow:hidden}.game-stage>*{min-width:0;min-height:0}.game-surface-frame,.game-surface-iframe{border:0;width:100%;min-width:0;height:100%;min-height:0;display:block}.game-surface-frame{position:relative;overflow:hidden}.game-surface-status{text-align:center;z-index:10;background:#fff7edeb;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;padding:1.5rem;display:flex;position:absolute;inset:0}.game-surface-status.is-failed{color:var(--danger)}.play-drawer-toggle,.play-fullscreen-toggle{z-index:30;position:absolute}.play-drawer-toggle{left:max(.75rem, env(safe-area-inset-left));top:max(.75rem, env(safe-area-inset-top))}.play-fullscreen-toggle{bottom:max(.75rem, env(safe-area-inset-bottom));right:max(.75rem, env(safe-area-inset-right))}.play-toolbar-button{background:var(--clay-light);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:.85rem;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;display:inline-flex}.play-toolbar-button:hover{color:var(--teal-deep);background:#fffaf3}.play-result-hud{max-height:calc(100% - 7rem);right:max(.75rem, env(safe-area-inset-right));z-index:30;border-radius:1.35rem;gap:.85rem;width:min(21rem,100% - 1.5rem);padding:1rem;animation:.22s ease-out play-result-enter;display:grid;position:absolute;top:50%;overflow:auto;transform:translateY(-50%)}.play-result-heading{align-items:center;gap:.75rem;display:flex}.play-result-heading h2{margin:0;font-size:clamp(1.2rem,3vw,1.55rem)}.play-result-icon{color:#a76a1f;background:#fff2bf;border:1px solid #e2b964;border-radius:1rem;flex:none;justify-content:center;align-items:center;width:2.8rem;height:2.8rem;display:inline-flex}.play-result-hud[data-result-tone=win] .play-result-icon{color:var(--teal-deep);background:#cbeee6;border-color:#79bfb1}.play-result-hud[data-result-tone=loss] .play-result-icon{color:var(--danger);background:#f9d6cf;border-color:#dda89e}.play-result-details{color:var(--muted);gap:.25rem;margin:0;padding:0;font-size:.88rem;list-style:none;display:grid}.play-result-actions{gap:.6rem;display:grid}.play-result-actions .clay-button{width:100%}.play-drawer-layer{padding:max(.55rem, env(safe-area-inset-top)) max(.55rem, env(safe-area-inset-right)) max(.55rem, env(safe-area-inset-bottom)) max(.55rem, env(safe-area-inset-left));z-index:40;background:#3d332e52;align-items:stretch;display:flex;position:absolute;inset:0}.play-drawer{border-radius:1.35rem;flex-direction:column;gap:1rem;width:21rem;max-width:calc(100vw - 1.1rem);padding:1.1rem;animation:.18s ease-out play-drawer-enter;display:flex;overflow:auto}.play-drawer-header{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.play-drawer-header h1{margin:0;font-size:1.45rem}.play-platform-meta{gap:.6rem;margin:0;display:grid}.play-platform-meta>div{box-shadow:var(--shadow-recessed);background:#fff7ed94;border-radius:.85rem;gap:.2rem;padding:.65rem .75rem;display:grid}.play-platform-meta dt{color:var(--muted);font-size:.7rem;font-weight:750}.play-platform-meta dd{margin:0;font-weight:850}.play-stage-error{z-index:35;max-width:min(34rem,100% - 2rem);position:absolute;top:1rem;left:50%;transform:translate(-50%)}.play-stage-layout>.page-alerts{bottom:max(1rem, env(safe-area-inset-bottom));z-index:35;width:max-content;max-width:min(32rem,100vw - 2rem);margin:0;position:absolute;left:50%;transform:translate(-50%)}.page-alerts{gap:.5rem;margin-top:1rem;display:grid}.notice-banner,.error-banner{border-radius:.9rem;align-items:center;gap:.45rem;margin:0;padding:.7rem .9rem;font-size:.85rem;font-weight:750;display:flex}.notice-banner{color:#34765f;background:#d7eee1}.error-banner{color:#963f3a;background:#f8d6ce}.loading-page{flex-direction:column;justify-content:center;align-items:center;gap:.8rem;min-height:50vh;display:flex}.loading-page p{color:var(--muted);font-weight:750}.clay-spinner{border:.35rem solid var(--peach);border-top-color:var(--teal);border-radius:50%;width:3rem;height:3rem;animation:1.1s ease-in-out infinite clay-spin}.player-count-notice{bottom:max(1rem, env(safe-area-inset-bottom));box-shadow:var(--shadow-out);right:max(1rem, env(safe-area-inset-right));z-index:30;border-radius:999px;align-items:center;margin:0;padding:.65rem .9rem;font-size:.85rem;font-weight:850;display:flex;position:fixed}.player-count-notice-waiting{color:#78522e;background:#f4c785}.player-count-notice-ready{color:var(--teal-deep);background:#b8d9d3}.replay-page{max-width:76rem}.replay-heading{gap:.35rem;margin-bottom:1rem;display:grid}.replay-heading h1{margin:0}.replay-main{gap:1rem;display:grid}.replay-board-shell{min-width:0;padding:1rem;overflow:hidden}.replay-board-shell>.game-surface-frame{height:clamp(20rem,62dvh,42rem)}.replay-frame-label{text-align:center;margin-bottom:.5rem;font-weight:800}.replay-controls{place-items:center;gap:.8rem;padding:1rem;display:grid}.replay-control-buttons{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.replay-control-buttons .icon-button{min-width:2.75rem;min-height:2.75rem}.replay-controls input[type=range]{accent-color:var(--teal-deep);width:min(100%,36rem)}.history-replay-link{justify-self:end}@media (max-width:46rem){.history-row>.history-metadata{text-align:left;flex-wrap:wrap;flex-basis:100%;gap:.25rem .75rem;display:flex}.history-replay-link{text-align:center;flex-basis:100%;justify-self:stretch}.replay-board-shell{overflow:auto}}@keyframes clay-spin{to{transform:rotate(360deg)}}@keyframes play-drawer-enter{0%{opacity:0;transform:translate(-1.25rem)}}@keyframes play-result-enter{0%{opacity:0;transform:translate(1.25rem,-50%)}}@media (max-width:64rem){.play-page{width:calc(100% - 1rem)}}@media (max-width:46rem){body:has(.console-page) .site-header{display:none}.site-header{min-height:3.8rem}.page-shell{padding:1rem}.hero{grid-template-columns:1fr;gap:1.5rem;min-height:0;padding:1.4rem}.hero h1{font-size:clamp(2.2rem,12vw,3.5rem)}.hero-table{min-height:13rem;transform:none}.catalog-heading,.section-heading{flex-direction:column;align-items:start}.catalog-heading .clay-button{align-self:flex-start}.console-page{box-shadow:none;background:0 0;border:0;border-radius:0;width:100%;min-height:100svh;margin-block:0;display:block}.console-page>.page-alerts{margin-top:.75rem}.game-rail{grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:.6rem;min-height:0;padding:.65rem;display:grid}.game-rail .game-mark{width:2.8rem;height:2.8rem;margin:0}.game-rail-copy h1,.game-rail-copy h2{margin:0;font-size:1rem}.game-rail-copy .eyebrow,.game-rail-copy p:not(.eyebrow),.rail-current-item,.rail-footnote,.game-rail .rail-meta,.game-rail>.connection-badge{display:none}.room-page .game-rail>.rail-meta{box-shadow:var(--shadow-recessed);background:#fff7ed8c;border-radius:.8rem;grid-area:2/1/auto/3;min-width:0;padding:.45rem .65rem;display:grid}.room-page .game-rail>.rail-meta+.rail-meta{grid-column:3/-1}.room-page .game-rail>.rail-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.game-rail>.invite-control{grid-column:1/-1;width:100%}.room-page .game-rail>.invite-control{grid-area:1/4;justify-self:end;width:auto}.room-page .game-rail>.invite-control .invite-button{width:2.75rem;height:2.75rem;padding:0;font-size:0}.room-page .game-rail>.invite-control:has(.invite-fallback){grid-area:3/1/auto/-1;justify-self:stretch;width:100%}.game-rail>.invite-control .invite-status:empty{display:none}.entry-main-stage,.room-console,.play-stage-layout{margin-top:.8rem}.entry-main-stage{padding:0}.game-entry-page .stage-heading,.room-console>.stage-heading{text-align:left}.stage-heading{margin-bottom:.75rem}.stage-heading h1{font-size:1.6rem}.stage-heading>p:not(.eyebrow){display:none}.entry-actions{grid-template-columns:1fr}.entry-action-bay{min-height:0}.entry-action-create .clay-button,.join-form .clay-button{place-self:stretch stretch}.room-console{grid-template-columns:1fr;gap:.9rem}.room-console>.stage-heading{display:none}.room-danger-row{flex-direction:column-reverse;align-items:stretch}.room-danger-row .clay-button{width:100%}.room-page .player-count-notice{bottom:max(.65rem, env(safe-area-inset-bottom))}.player-pod-grid{grid-template-columns:minmax(0,1fr)}.player-pod{align-items:center;min-height:5.25rem;padding:.65rem .75rem}.player-avatar{width:2.75rem;height:2.75rem;font-size:1.2rem}.player-pod-copy{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) auto;width:100%}.player-name-row{grid-area:1/1}.player-pod-copy>.player-status:first-of-type{grid-area:2/1}.player-pod-copy>.player-status:nth-of-type(2){grid-area:1/2/3;align-self:center}.player-slot-label{grid-area:3/1/auto/-1}.round-dock{gap:.7rem;padding:1rem}.round-setup-surface{height:min(30rem,58dvh);min-height:20rem}.play-page{width:100%;height:100dvh;min-height:100dvh;padding:0;overflow:hidden}.play-stage-layout{border:0;border-radius:0;height:100%;min-height:0;margin-top:0}.play-drawer-toggle{left:max(.45rem, env(safe-area-inset-left));top:max(.45rem, env(safe-area-inset-top))}.play-fullscreen-toggle{bottom:max(.45rem, env(safe-area-inset-bottom));right:max(.45rem, env(safe-area-inset-right))}.play-result-hud{max-height:calc(100% - 6.5rem);right:max(.45rem, env(safe-area-inset-right));width:min(18rem,100% - .9rem);padding:.8rem}.play-drawer{width:min(21rem,88vw)}.invite-fallback-row{grid-template-columns:1fr}.invite-fallback-row .clay-button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}