:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f6f7f8;color:#161a1d}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;display:grid;grid-template-rows:56px 1fr}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;border-bottom:1px solid #d9dee3;background:#fff}.brand{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:0;border:0;background:transparent;color:#111518;font-weight:720;cursor:pointer}.topbar-actions,.play-actions{display:flex;align-items:center;gap:8px}.mobile-tabs{display:none}.icon-button,.icon-link{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #cfd6dd;border-radius:8px;background:#fff;color:#20262b;text-decoration:none;cursor:pointer}.icon-button:hover,.icon-link:hover,.game-row:hover{border-color:#9aa8b5;background:#f9fafb}.settings-popover{position:absolute;top:48px;right:16px;width:min(360px,calc(100vw - 32px));display:grid;gap:8px;padding:12px;border:1px solid #cfd6dd;border-radius:8px;background:#fff;box-shadow:0 12px 30px #18202629}.settings-popover label,.room-form label{display:grid;gap:6px;color:#4f5a64;font-size:.86rem;font-weight:620}input{width:100%;min-height:40px;border:1px solid #c7d0d8;border-radius:8px;padding:0 11px;background:#fff;color:#151a1f}input:focus,button:focus-visible,a:focus-visible{outline:3px solid rgba(36,111,168,.24);outline-offset:2px}.settings-popover button,.secondary-action,.primary-action{min-height:40px;border:1px solid #19689f;border-radius:8px;background:#1f78b4;color:#fff;font-weight:700;cursor:pointer}.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:0 12px;background:#fff;color:#1b5d86}.secondary-action:hover{background:#eef7fc}.workspace{min-height:0;display:grid;grid-template-columns:minmax(250px,320px) minmax(300px,420px) minmax(420px,1fr);gap:0}.catalog-pane,.detail-pane,.play-pane{min-width:0;min-height:calc(100vh - 56px);border-right:1px solid #d9dee3;background:#fff}.detail-pane{background:#fbfcfd}.play-pane{border-right:0;background:#eef2f4}.pane-head,.game-heading,.play-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.pane-head{min-height:58px;padding:0 16px;border-bottom:1px solid #e1e5e9}h1,h2,p{margin:0}h1{font-size:1rem;font-weight:760}h2{font-size:1.3rem;line-height:1.2}.count,.player-pill{display:inline-flex;align-items:center;gap:5px;flex:none;min-height:26px;padding:0 8px;border:1px solid #d5dce2;border-radius:999px;color:#50606d;background:#f8fafb;font-size:.8rem;font-weight:700}.player-pill.large{min-height:32px;padding:0 10px}.game-list,.catalog-skeleton{display:grid;gap:8px;padding:12px}.catalog-skeleton span{min-height:70px;border:1px solid #e0e5ea;border-radius:8px;background:linear-gradient(90deg,#fff0,#ffffffd9,#fff0),#eef2f5;background-size:180px 100%,100% 100%;animation:shimmer 1.2s ease-in-out infinite}.catalog-status{display:grid;gap:12px;margin:12px;padding:14px;border:1px solid #d8dee4;border-radius:8px;background:#fff;color:#5d6973}.catalog-status.error{border-color:#e2a49c;background:#fff7f5;color:#9d2e22}.status-actions{display:flex;gap:8px;flex-wrap:wrap}.game-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;min-height:70px;padding:10px;border:1px solid #d8dee4;border-radius:8px;background:#fff;color:inherit;text-align:left;cursor:pointer}.game-row.active{border-color:#1f78b4;background:#eef7fc}.game-row-main,.room-meta{min-width:0;display:grid;gap:3px}.game-title,.room-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:740}.game-slug,.room-meta span,.game-heading p,.empty-state{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6a7680;font-size:.86rem}.panel-content{display:grid;gap:22px;padding:18px}.game-heading{align-items:flex-start;padding-bottom:16px;border-bottom:1px solid #dfe5ea}.game-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.room-form{display:grid;gap:16px}.mode-block,.agent-grid{display:grid;gap:12px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border:1px solid #cfd6dd;border-radius:8px;background:#f2f5f7}.segmented button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:6px;background:transparent;color:#3f4b55;font-weight:700;cursor:pointer}.segmented button.selected{background:#fff;color:#111518;box-shadow:0 1px 3px #18202629}.agent-grid{grid-template-columns:1fr 1fr}.check-row{grid-column:1 / -1;display:flex!important;grid-template-columns:none!important;align-items:center;gap:9px!important}.check-row input{width:18px;min-height:18px}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-action:disabled{opacity:.64;cursor:wait}.error-banner,.form-error{margin:12px;padding:10px;border:1px solid #e2a49c;border-radius:8px;background:#fff4f2;color:#9d2e22;font-size:.9rem}.form-error{margin:0}.form-hint{margin:0;color:#5c6b76;font-size:.9rem}.empty-state,.blank-panel{padding:20px}.status-block{min-height:132px;display:grid;place-content:center;gap:10px;padding:18px;border:1px solid #dbe2e8;border-radius:8px;background:#fff;color:#5c6872;text-align:center}.status-block.error{border-color:#e2a49c;background:#fff7f5;color:#9d2e22}.leaderboard-list{display:grid;border:1px solid #dbe2e8;border-radius:8px;overflow:hidden;background:#fff}.leaderboard-row{display:grid;grid-template-columns:64px minmax(0,1fr) 86px 64px;align-items:center;gap:10px;min-height:56px;padding:8px 12px;border-top:1px solid #e4e9ee;color:#29333b}.leaderboard-row:first-child{border-top:0}.leaderboard-row.header{min-height:38px;background:#f6f8fa;color:#60707d;font-size:.78rem;font-weight:760;text-transform:uppercase}.leaderboard-row .rank{color:#8a5600;font-weight:780}.leaderboard-row .subject{min-width:0;display:grid;gap:2px}.leaderboard-row .subject span,.leaderboard-row .subject small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-row .subject span{font-weight:720}.leaderboard-row .subject small{color:#6b7781;font-size:.78rem}.blank-panel{height:100%;display:grid;place-content:center;gap:10px;color:#66737e;text-align:center}.play-content{min-height:calc(100vh - 56px);display:grid;grid-template-rows:auto auto minmax(360px,1fr) auto}.play-toolbar{min-height:58px;padding:10px 14px;border-bottom:1px solid #d6dde3;background:#fff}.share-strip{display:flex;align-items:center;gap:8px;min-width:0;min-height:38px;padding:0 14px;border-bottom:1px solid #d6dde3;background:#f9fbfc;color:#4f5a64;font-size:.85rem}.share-strip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-frame{width:100%;height:100%;min-height:360px;border:0;background:#fff}.trace-panel{border-top:1px solid #d6dde3;background:#fff}.trace-panel summary{min-height:42px;display:flex;align-items:center;gap:8px;padding:0 14px;cursor:pointer;font-weight:720}.trace-panel pre{max-height:240px;margin:0;padding:12px 14px;overflow:auto;border-top:1px solid #e0e5e9;color:#24313a;background:#f8fafb;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.trace-panel pre[data-state=error]{color:#9d2e22}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-180px 0,0 0}to{background-position:calc(100% + 180px) 0,0 0}}@media(max-width:1120px){.workspace{grid-template-columns:minmax(230px,300px) minmax(300px,1fr)}.play-pane{grid-column:1 / -1;min-height:520px;border-top:1px solid #d9dee3}.play-content{min-height:520px}}@media(max-width:720px){.app-shell{grid-template-rows:54px auto 1fr}.topbar{padding:0 12px}.mobile-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;border-bottom:1px solid #d9dee3;background:#fff}.mobile-tabs button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #cfd6dd;border-radius:8px;background:#fff;color:#3f4b55;font-weight:720}.mobile-tabs button.selected{border-color:#1f78b4;background:#eef7fc;color:#134f77}.workspace{display:block}.workspace.view-games .detail-pane,.workspace.view-games .play-pane,.workspace.view-room .catalog-pane,.workspace.view-room .play-pane,.workspace.view-play .catalog-pane,.workspace.view-play .detail-pane{display:none}.catalog-pane,.detail-pane,.play-pane{min-height:auto;border-right:0;border-bottom:1px solid #d9dee3}.game-list,.agent-grid{grid-template-columns:1fr}.leaderboard-row{grid-template-columns:54px minmax(0,1fr) 72px 50px;gap:8px;padding:8px 10px}.play-content{min-height:70vh}}