@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{color:#151a17;font-synthesis:none;text-rendering:optimizelegibility;--ink:#151a17;--muted:#69716c;--faint:#929993;--line:#dde1dc;--surface:#fff;--surface-soft:#f0f2ee;--accent:#168766;--accent-dark:#0e6048;--accent-soft:#e5f5ee;--danger:#b84b4b;background:#f5f6f3;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,textarea{font:inherit}button{color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #16876638}svg{display:block}.kicker,.page-heading>span,.editor-heading>div>span,.play-heading>div>span,.preview-details span{color:var(--accent);letter-spacing:.14em;font-family:DM Mono,monospace;font-size:10px;font-weight:500}.signin-page{background:radial-gradient(circle at 50% 25%,#16876614,#0000 32%),#f5f6f3;grid-template-rows:auto 1fr auto;min-height:100vh;padding:30px;display:grid}.signin-brand,.header-brand{letter-spacing:-.03em;align-items:center;gap:10px;font-weight:700;display:flex}.signin-brand svg,.header-brand svg{fill:none;width:27px;stroke:var(--accent);stroke-width:1.7px}.signin-card{border:1px solid var(--line);background:#ffffffeb;border-radius:22px;width:min(100%,440px);margin:auto;padding:44px 46px 40px;box-shadow:0 24px 80px #1f2d2514}.signin-card .kicker{margin:0 0 18px}.signin-card h1{letter-spacing:-.055em;margin:0;font-size:clamp(34px,6vw,48px);line-height:1.04}.signin-copy{color:var(--muted);margin:18px 0 30px;font-size:14px;line-height:1.65}.signin-actions{transition:opacity .16s}.signin-actions.busy{opacity:.5;pointer-events:none}.google-button,.google-unavailable,.dev-admin-button,.guest-button{justify-content:center;align-items:center;width:100%;min-height:44px;display:flex}.google-button>div{margin:auto}.google-unavailable,.dev-admin-button,.guest-button{border:1px solid var(--line);background:var(--surface);border-radius:7px;gap:10px;font-size:13px;font-weight:600}.google-unavailable{color:#848b86}.google-unavailable svg{width:18px}.dev-admin-button{color:var(--accent-dark);background:var(--accent-soft);cursor:pointer;border-color:#b8dacc;gap:10px;margin-top:10px}.dev-admin-button:hover:not(:disabled){border-color:var(--accent);background:#d9f1e6}.dev-admin-button:disabled{cursor:wait}.dev-admin-button svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:19px}.dev-admin-button>span{align-items:center;gap:8px;display:flex}.dev-admin-button small{color:#fff;background:var(--accent);letter-spacing:.04em;text-transform:uppercase;border-radius:5px;padding:3px 5px;font-size:8px;font-weight:700}.guest-button{cursor:pointer;transition:border-color .15s,background .15s}.guest-button:hover:not(:disabled){background:#fafbf9;border-color:#aeb6b0}.guest-button:disabled{cursor:wait}.signin-divider{color:#a1a7a2;align-items:center;gap:12px;height:34px;font-size:11px;display:flex}.signin-divider:before,.signin-divider:after{content:"";background:var(--line);flex:1;height:1px}.form-error,.editor-error{color:var(--danger);margin:14px 0 0;font-size:12px;line-height:1.5}.config-hint,.guest-note{color:var(--faint);text-align:center;font-size:10px;line-height:1.55}.config-hint{margin:17px 0 0}.guest-note{margin:12px 0 0}.config-hint code{color:var(--accent-dark);font-family:DM Mono,monospace}.signin-footer{color:#969d98;text-align:center;margin:0;font-size:10px}.app-loading{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:12px;font-size:12px;display:grid}.app-loading span{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.product-shell{background:#f5f6f3;min-height:100vh}.app-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;grid-template-columns:1fr auto 1fr;align-items:center;height:66px;padding:0 30px;display:grid;position:sticky;top:0}.header-brand{cursor:pointer;background:0 0;border:0;width:fit-content;padding:0;font-size:17px}.main-tabs{align-self:stretch;align-items:stretch;gap:26px;display:flex}.main-tabs button{color:#777f79;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0 1px;font-size:12px;font-weight:600;display:flex;position:relative}.main-tabs button:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.main-tabs button:hover,.main-tabs button.active{color:var(--ink)}.main-tabs button.active:after{background:var(--accent)}.main-tabs button svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:12px}.tab-icon{display:none}.account-chip{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;justify-self:end;align-items:center;gap:8px;padding:4px 7px 4px 4px;display:flex}.account-chip img,.account-chip>span:first-child{object-fit:cover;color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:29px;height:29px;font-size:10px;font-weight:700;display:grid}.account-chip .account-name{color:#505852;padding-right:3px;font-size:11px;font-weight:600}.product-main{min-height:calc(100vh - 66px)}.page-content,.settings-page,.play-page,.editor-page{width:min(100% - 48px,1180px);margin:0 auto;padding:68px 0 80px}.page-heading{max-width:590px}.page-heading>span{margin-bottom:13px;display:block}.page-heading h1{letter-spacing:-.055em;margin:0;font-size:clamp(34px,5vw,54px);line-height:1}.page-heading p{color:var(--muted);margin:15px 0 0;font-size:14px;line-height:1.6}.heading-row{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.primary-button,.card-action{color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.primary-button{min-height:42px;padding:0 17px}.primary-button:hover,.card-action:hover{background:var(--accent-dark);transform:translateY(-1px)}.primary-button svg,.card-action svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:16px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:42px;display:grid}.game-card,.new-game-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;min-width:0;overflow:hidden}.game-card{flex-direction:column;display:flex}.game-art{background:linear-gradient(155deg,#091e2d,#173d4a 56%,#245e62);height:210px;position:relative;overflow:hidden}.game-art:before{content:"";background:radial-gradient(circle at 72% 18%,#7af6e052,#0000 33%);position:absolute;inset:0}.tower-art{position:absolute;inset:0;transform:perspective(420px)rotateX(58deg)rotate(-24deg)translate(4%,7%)}.tower-art span{background:linear-gradient(90deg,#64d9c2,#d7fff5);border-radius:4px;width:42%;height:18%;position:absolute;left:35%;box-shadow:0 15px 30px #0000003d}.tower-art span:first-child{top:65%;left:18%}.tower-art span:nth-child(2){top:48%;left:35%}.tower-art span:nth-child(3){top:31%;left:24%}.tower-art span:nth-child(4){top:14%;left:43%}.game-art-badge{color:#ffffffdb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.12em;background:#050d125c;border:1px solid #ffffff2e;border-radius:6px;padding:5px 7px;font-family:DM Mono,monospace;font-size:8px;position:absolute;top:13px;left:13px}.game-card-body{flex-direction:column;flex:1;padding:20px;display:flex}.game-card h3{letter-spacing:-.035em;margin:0;font-size:18px}.game-card p{min-height:42px;color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.55}.game-meta{gap:6px;margin:18px 0;display:flex}.game-meta span{color:#6e7771;background:var(--surface-soft);border-radius:6px;padding:5px 7px;font-size:9px}.card-action{width:100%;min-height:39px;margin-top:auto}.new-game-card{min-height:384px;color:var(--muted);cursor:pointer;border-style:dashed;place-content:center;justify-items:center;padding:30px;display:grid}.new-game-card:hover{background:#fafbf9;border-color:#aabbb1}.new-game-card>span{width:44px;height:44px;color:var(--accent);background:var(--accent-soft);border-radius:50%;place-items:center;margin-bottom:15px;display:grid}.new-game-card svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:18px}.new-game-card strong{color:var(--ink);font-size:14px}.new-game-card p{margin:7px 0 0;font-size:11px}.section-label{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:46px;padding-bottom:12px;font-size:11px;display:flex}.section-label span:first-child{color:var(--ink);font-weight:700}.restricted-page{text-align:center;width:min(100% - 40px,480px);margin:0 auto;padding:140px 0}.restricted-icon{width:52px;height:52px;color:var(--accent);background:var(--accent-soft);border-radius:50%;place-items:center;margin:0 auto 22px;display:grid}.restricted-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:22px}.restricted-page .kicker{margin:0 0 13px}.restricted-page h1{letter-spacing:-.05em;margin:0;font-size:38px}.restricted-page>p:not(.kicker){color:var(--muted);margin:14px 0 25px;font-size:13px;line-height:1.65}.settings-page{max-width:760px}.settings-list{border-top:1px solid var(--line);flex-direction:column;margin-top:42px;display:flex}.settings-card{border-bottom:1px solid var(--line);align-items:center;gap:15px;min-height:86px;padding:18px 5px;display:flex}.settings-card>div{flex:1}.settings-card strong{font-size:13px;display:block}.settings-card p{color:var(--muted);margin:4px 0 0;font-size:11px}.settings-card img,.large-avatar{object-fit:cover;color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:46px;height:46px;font-size:12px;font-weight:700;display:grid}.role-badge,.setting-value{color:#626b65;text-transform:uppercase;background:#e9ece8;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:700}.role-badge.creator{color:var(--accent-dark);background:var(--accent-soft)}.role-badge.admin{color:#2857a5;background:#e8effd}.signout-button{color:var(--danger);cursor:pointer;background:0 0;border:0;margin-top:28px;padding:0;font-size:12px;font-weight:700}.replay-page{max-width:920px}.replay-list{flex-direction:column;gap:14px;margin-top:22px;display:flex}.replay-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:210px minmax(0,1fr);min-width:0;display:grid;overflow:hidden}.replay-thumbnail{background:linear-gradient(145deg,#0a202d,#194d55);min-height:184px;position:relative;overflow:hidden}.replay-thumbnail:after{content:"";background:radial-gradient(circle at 70% 25%,#71f0d352,#0000 35%);position:absolute;inset:0}.replay-orbit{position:absolute;inset:0;transform:rotate(-18deg)}.replay-orbit span{border:1px solid #90ffe64d;border-radius:50%;position:absolute}.replay-orbit span:first-child{width:170px;height:70px;top:52px;left:18px}.replay-orbit span:nth-child(2){width:120px;height:48px;top:65px;left:44px}.replay-orbit span:nth-child(3){background:#5cdec11f;width:72px;height:28px;top:75px;left:68px}.replay-thumbnail-icon{z-index:1;color:#cffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0412186b;border:1px solid #ffffff3d;border-radius:50%;place-items:center;width:48px;height:48px;margin:auto;display:grid;position:absolute;inset:0}.replay-thumbnail-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:23px}.replay-card-body{flex-direction:column;min-width:0;padding:22px;display:flex}.replay-card-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.replay-card-heading>div>span{color:var(--faint);margin-bottom:5px;font-size:9px;display:block}.replay-card h3{letter-spacing:-.035em;margin:0;font-size:19px}.replay-status{color:#66706a;background:var(--surface-soft);text-transform:uppercase;border-radius:999px;flex:none;padding:6px 8px;font-size:8px;font-weight:700}.replay-status.recording{color:var(--accent-dark);background:var(--accent-soft)}.replay-facts{color:var(--muted);flex-wrap:wrap;gap:8px 20px;margin:20px 0 18px;font-size:9px;display:flex}.replay-facts strong{color:var(--ink);font-weight:700}.replay-button{color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:9px;align-self:flex-start;align-items:center;gap:7px;min-height:40px;margin-top:auto;padding:0 15px;font-size:11px;font-weight:700;display:inline-flex}.replay-button:hover{background:var(--accent-dark)}.replay-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:16px}.replay-empty{text-align:center;place-content:center;justify-items:center;min-height:320px;padding:60px 20px;display:grid}.replay-empty-icon{width:54px;height:54px;color:var(--accent);background:var(--accent-soft);border-radius:50%;place-items:center;margin-bottom:18px;display:grid}.replay-empty-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:25px}.replay-empty h2{letter-spacing:-.04em;margin:0;font-size:23px}.replay-empty p{max-width:340px;color:var(--muted);margin:9px 0 20px;font-size:12px;line-height:1.55}.replay-loading{min-height:260px;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:11px;display:flex}.replay-loading>span{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.replay-playing-status{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.replay-playing-status svg{fill:none;width:17px;stroke:var(--accent);stroke-width:1.6px}.play-page{max-width:1120px;padding-top:38px}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:11px;font-weight:600;display:inline-flex}.text-button:hover{color:var(--ink)}.text-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:15px}.play-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin:35px 0 17px;display:flex}.play-heading>div>span{margin-bottom:8px;display:block}.play-heading h1{letter-spacing:-.045em;margin:0;font-size:30px}.room-status,.save-state{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.room-status>span,.save-state>span,.online-dot{background:#3dcc86;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #3dcc861a}.public-game-frame{background:#07111f;border:1px solid #1d2420;border-radius:16px;height:min(68vh,700px);overflow:hidden;box-shadow:0 20px 60px #171f1b26}.public-game-frame iframe{border:0;width:100%;height:100%}.play-objective{color:var(--muted);margin:13px 2px 0;font-size:11px}.editor-page{width:min(100% - 36px,1420px);padding-top:28px}.editor-heading{grid-template-columns:1fr auto 1fr;align-items:end;gap:20px;margin-bottom:18px;display:grid}.editor-heading .text-button{place-self:center start}.editor-heading>div:nth-child(2){text-align:center}.editor-heading>div>span{margin-bottom:5px;display:block}.editor-heading h1{letter-spacing:-.04em;margin:0;font-size:23px}.save-state{place-self:center end}.editor-mobile-switcher{display:none}.editor-grid{border:1px solid var(--line);background:var(--surface);border-radius:17px;grid-template-columns:220px minmax(460px,1fr) 320px;height:calc(100vh - 148px);min-height:650px;display:grid;overflow:hidden;box-shadow:0 16px 50px #19261f0f}.library-panel{border-right:1px solid var(--line);background:#fbfcfa;flex-direction:column;min-width:0;padding:18px 14px;display:flex}.library-heading{padding:2px 4px 16px}.library-heading strong,.library-heading span{display:block}.library-heading strong{font-size:12px}.library-heading span{color:var(--muted);margin-top:4px;font-size:9px;line-height:1.4}.library-tabs{background:var(--surface-soft);border-radius:9px;grid-template-columns:repeat(3,1fr);gap:2px;padding:3px;display:grid}.library-tabs button{min-width:0;min-height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 4px;font-size:9px;font-weight:700}.library-tabs button.active{color:var(--ink);background:var(--surface);box-shadow:0 1px 4px #1f2d2514}.target-list{flex-direction:column;gap:5px;margin-top:12px;display:flex}.target-item{width:100%;min-height:54px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px;display:flex}.target-item:hover{background:var(--surface-soft)}.target-item.selected{background:var(--accent-soft);border-color:#b9d9cd}.target-item>span{min-width:0}.target-item strong,.target-item small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.target-item strong{font-size:11px}.target-item small{color:var(--muted);margin-top:4px;font-size:8px}.target-item i{border:1px solid #aeb7b1;border-radius:50%;flex:none;width:8px;height:8px}.target-item.selected i{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 2px var(--accent-soft)}.target-copy{flex:1;min-width:0}.map-target{flex-wrap:wrap;align-items:flex-start;min-height:150px;padding:8px;position:relative}.map-target>i{z-index:2;background:#fffc;position:absolute;top:14px;right:14px}.map-target-visual{background:radial-gradient(circle at 68% 22%,#84ffe74d,#0000 28%),linear-gradient(145deg,#071927,#17414b);border-radius:8px;flex:0 0 100%;width:100%;height:88px;position:relative;overflow:hidden}.map-target-visual:before{content:"";border:1px solid #a8ffea33;border-radius:50%;width:74px;height:74px;position:absolute;top:7px;left:calc(50% - 37px)}.map-target-visual span{transform-origin:50%;background:linear-gradient(90deg,#4cc5b0,#c9fff3);border-radius:2px;width:66px;height:10px;position:absolute;left:calc(50% - 33px);box-shadow:0 7px 14px #0000003d}.map-target-visual span:first-child{top:63px;transform:rotate(-18deg)}.map-target-visual span:nth-child(2){top:47px;transform:rotate(32deg)}.map-target-visual span:nth-child(3){top:31px;transform:rotate(82deg)}.map-target-visual span:nth-child(4){top:15px;transform:rotate(132deg)}.map-target-visual b{z-index:1;background:#ffd166;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;left:calc(50% - 4px);box-shadow:0 0 12px #ffd166}.map-target .target-copy{padding:2px 3px 1px}.map-target .target-copy em{color:var(--accent-dark);margin-top:7px;font-size:8px;font-style:normal;font-weight:700;display:block}.agent-panel{border-left:1px solid var(--line);background:#fbfcfa;flex-direction:column;min-height:0;padding:18px;display:flex}.agent-title{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:16px;display:flex}.rie-avatar{color:#fff;background:var(--accent);border-radius:10px;place-items:center;width:35px;height:35px;font-family:DM Mono,monospace;font-size:12px;display:grid}.agent-title strong,.agent-title span{display:block}.agent-title strong{font-size:12px}.agent-title span{color:var(--muted);margin-top:2px;font-size:9px}.message-list{scrollbar-width:thin;flex:1;min-height:160px;padding:22px 2px;overflow:auto}.chat-message{margin-bottom:18px}.chat-message>span{color:var(--faint);text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:700;display:block}.chat-message p{color:#4d5650;white-space:pre-wrap;margin:0;font-size:12px;line-height:1.62}.chat-message.user{background:var(--accent-soft);border-radius:11px 11px 3px;max-width:88%;margin-left:auto;padding:10px 12px}.chat-message.user>span{color:var(--accent-dark)}.thinking-row{color:var(--muted);align-items:center;gap:4px;font-size:9px;display:flex}.thinking-row i{background:var(--accent);border-radius:50%;width:4px;height:4px;animation:1s infinite alternate pulse}.thinking-row i:nth-child(2){animation-delay:.15s}.thinking-row i:nth-child(3){animation-delay:.3s}.thinking-row span{margin-left:5px}.prompt-suggestions{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.prompt-suggestions button{border:1px solid var(--line);color:#6c756f;cursor:pointer;background:#fff;border-radius:7px;padding:6px 8px;font-size:9px}.prompt-suggestions button:hover{border-color:#b2c4b9}.agent-composer{background:#fff;border:1px solid #ccd3ce;border-radius:11px;padding:11px 46px 11px 12px;position:relative}.agent-composer:focus-within{border-color:var(--accent)}.agent-composer textarea{resize:none;width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px;line-height:1.5}.agent-composer textarea::placeholder{color:#9da49f}.agent-composer>button[type=submit]{color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:9px;right:9px}.agent-composer>button[type=submit]:disabled{opacity:.3;cursor:default}.agent-composer svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:16px}.selected-context{width:fit-content;max-width:100%;color:var(--accent-dark);background:var(--accent-soft);border-radius:999px;align-items:center;gap:6px;margin-bottom:8px;padding:5px 6px 5px 9px;font-size:9px;font-weight:700;display:flex}.selected-context span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.selected-context button{width:20px;height:20px;color:var(--accent-dark);cursor:pointer;background:#1687661a;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.editor-error{background:#fff0f0;border-radius:7px;margin:0 0 9px;padding:8px}.game-preview{background:#f0f2ef;flex-direction:column;min-width:0;padding:16px;display:flex}.preview-toolbar{color:#758078;justify-content:space-between;height:34px;font-size:9px;display:flex}.preview-toolbar div{align-items:flex-start;gap:7px;display:flex}.preview-toolbar-actions{align-items:center!important}.preview-toolbar-actions button{color:#58645d;cursor:pointer;background:#ffffffb3;border:1px solid #ccd5cf;border-radius:7px;min-height:24px;padding:0 8px;font-size:8px;font-weight:700}.preview-toolbar-actions button:hover{background:#fff;border-color:#9fb8aa}.preview-canvas{background:#07111f;border-radius:11px;flex:1;min-height:420px;position:relative;overflow:hidden}.preview-canvas iframe{opacity:0;border:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.preview-canvas iframe.loaded{opacity:1}.preview-loading{color:#8ba0ac;place-items:center;font-size:10px;display:grid;position:absolute;inset:0}.editor-navigation-hint{z-index:2;color:#ebfff9d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#051219ad;border:1px solid #ffffff1f;border-radius:7px;max-width:calc(100% - 24px);padding:7px 9px;font-family:DM Mono,monospace;font-size:8px;position:absolute;top:12px;left:12px;box-shadow:0 5px 18px #00000024}.map-selection-card{z-index:3;color:#effff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#05161bdb;border:1px solid #84ffdd4d;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:11px 11px 11px 13px;display:flex;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 12px 32px #00000047}.map-selection-card>div{min-width:0}.map-selection-card span,.map-selection-card strong,.map-selection-card small{display:block}.map-selection-card span{color:#75e5c3;letter-spacing:.12em;margin-bottom:3px;font-family:DM Mono,monospace;font-size:7px}.map-selection-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.map-selection-card small{color:#9db8ae;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;overflow:hidden}.map-selection-card button{color:#06231a;cursor:pointer;pointer-events:auto;background:#74e6c3;border:0;border-radius:7px;flex:none;min-height:32px;padding:0 10px;font-size:8px;font-weight:800}.map-selection-card button:hover{background:#a0f1d9}.preview-details{justify-content:space-between;gap:20px;padding:13px 2px 1px;display:flex}.preview-details>div:last-child{text-align:right}.preview-details span{font-size:7px}.preview-details p{color:#68716b;margin:4px 0 0;font-size:9px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{to{opacity:.25;transform:translateY(-2px)}}@media (width<=920px){.app-header{grid-template-columns:auto 1fr auto;padding:0 18px}.main-tabs{justify-content:center;gap:16px}.account-name{display:none}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1040px){.editor-page{width:min(100% - 24px,760px);padding-top:18px}.editor-heading{margin-bottom:12px}.editor-mobile-switcher{border:1px solid var(--line);background:#e9ece8;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:3px;height:48px;margin-bottom:10px;padding:3px;display:grid}.editor-mobile-switcher button{min-width:0;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.editor-mobile-switcher button.active{color:var(--ink);background:#fff;box-shadow:0 1px 4px #161e1914}.editor-mobile-switcher svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:17px}.editor-grid{height:auto;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;display:block;overflow:visible}.library-panel,.agent-panel,.game-preview{border:1px solid var(--line);border-radius:15px;height:calc(100dvh - 190px);min-height:520px;display:none;overflow:hidden}.editor-grid.mobile-library .library-panel,.editor-grid.mobile-preview .game-preview,.editor-grid.mobile-chat .agent-panel{display:flex}.library-panel,.agent-panel{background:var(--surface);padding:18px}.library-tabs button{min-height:42px;font-size:11px}.target-list{overflow-y:auto}.target-item{min-height:62px}.target-item strong{font-size:13px}.target-item small{font-size:10px}.agent-panel{border-left:1px solid var(--line)}.agent-composer textarea{font-size:16px}.agent-composer>button[type=submit]{width:38px;height:38px}.message-list{padding-top:18px}.chat-message p{font-size:13px}.selected-context{font-size:10px}.game-preview{padding:10px}.preview-canvas{min-height:0}}@media (width<=620px){body{overscroll-behavior-y:none;min-height:100dvh}.signin-page{min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 20px max(18px, env(safe-area-inset-bottom));grid-template-rows:auto 1fr auto}.signin-brand{font-size:16px}.signin-card{width:100%;box-shadow:none;background:0 0;border:0;padding:34px 0 26px}.signin-card h1{font-size:clamp(38px,12vw,48px)}.signin-copy{margin:16px 0 27px;font-size:15px}.google-button,.google-unavailable,.dev-admin-button,.guest-button{min-height:50px}.google-button{min-width:0}.google-button>div{width:100%}.google-unavailable,.dev-admin-button,.guest-button{border-radius:11px;font-size:14px}.signin-divider{height:40px}.guest-note,.config-hint{font-size:11px}.app-header{height:calc(56px + env(safe-area-inset-top));min-height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;grid-template-columns:1fr auto;position:sticky}.header-brand{align-self:center;font-size:16px}.header-brand svg{width:25px}.account-chip{background:0 0;border:0;align-self:center;min-height:40px;padding:4px}.account-chip img,.account-chip>span:first-child{width:36px;height:36px}.account-name{display:none}.main-tabs{z-index:40;height:calc(66px + env(safe-area-inset-bottom));padding:4px 10px env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #19261f0f}.main-tabs button{border-radius:11px;flex-direction:column;justify-content:center;gap:2px;min-width:0;padding:4px 2px 3px;font-size:10px}.main-tabs button:after{display:none}.main-tabs button.active{color:var(--accent-dark);background:var(--accent-soft)}.tab-icon{place-items:center;display:grid;position:relative}.main-tabs .tab-icon>svg{stroke-width:1.5px;width:23px;height:23px}.main-tabs .tab-lock{width:11px;height:11px;color:var(--muted);stroke-width:2px;background:#fff;border-radius:50%;padding:1px;position:absolute;bottom:-1px;right:-5px}.product-main{min-height:calc(100dvh - 56px - env(safe-area-inset-top));padding-bottom:calc(66px + env(safe-area-inset-bottom))}.editing-game .app-header{display:none}.editing-game .product-main{min-height:100dvh;padding-bottom:0}.page-content,.settings-page{width:calc(100% - 28px);padding:32px 0 30px}.page-heading>span{margin-bottom:10px}.page-heading h1{font-size:38px}.page-heading p{margin-top:12px;font-size:13px}.heading-row{flex-direction:column;align-items:stretch;gap:22px}.heading-row .primary-button{width:100%}.primary-button{border-radius:11px;min-height:48px;font-size:13px}.section-label{margin-top:30px}.game-grid{grid-template-columns:1fr;gap:16px;margin-top:24px}.game-card,.new-game-card{border-radius:15px}.game-art{height:clamp(176px,52vw,220px)}.game-card-body{padding:17px}.game-card h3{font-size:20px}.game-card p{min-height:0;font-size:13px}.game-meta{margin:14px 0}.game-meta span{padding:6px 8px;font-size:10px}.card-action{border-radius:11px;min-height:48px;font-size:13px}.new-game-card{min-height:180px;padding:24px}.restricted-page{width:calc(100% - 40px);min-height:calc(100dvh - 122px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:74px 0 40px}.restricted-page h1{font-size:35px}.restricted-page .primary-button{width:100%}.settings-list{margin-top:28px}.settings-card{align-items:center;min-height:82px;padding:16px 2px}.settings-card strong{font-size:14px}.settings-card p{max-width:220px;font-size:11px;line-height:1.4}.role-badge,.setting-value{flex:none;margin-left:auto}.signout-button{min-height:48px;margin-top:20px;font-size:13px}.replay-list{gap:16px;margin-top:18px}.replay-card{border-radius:15px;grid-template-columns:1fr}.replay-thumbnail{min-height:154px}.replay-orbit span:first-child{width:230px;height:80px;top:35px;left:calc(50% - 115px)}.replay-orbit span:nth-child(2){width:160px;height:54px;top:49px;left:calc(50% - 80px)}.replay-orbit span:nth-child(3){width:92px;height:31px;top:60px;left:calc(50% - 46px)}.replay-card-body{padding:17px}.replay-card h3{font-size:20px}.replay-facts{gap:8px 15px;margin:17px 0 15px;font-size:10px}.replay-button{border-radius:11px;justify-content:center;width:100%;min-height:48px;font-size:13px}.replay-empty{min-height:300px;padding:46px 15px}.replay-empty .primary-button{width:min(100%,280px)}.replay-playing-status{font-size:9px}.play-page{width:100%;padding:10px 12px 16px}.play-page>.text-button{min-height:40px}.play-heading{flex-direction:row;align-items:center;margin:2px 2px 10px}.play-heading>div>span{margin-bottom:4px;font-size:8px}.play-heading h1{font-size:22px}.room-status{flex:none;font-size:9px}.public-game-frame{height:calc(100dvh - 232px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;border-radius:12px;min-height:360px;max-height:none;box-shadow:0 12px 34px #171f1b26}.public-game-frame iframe{touch-action:none}.play-objective{margin:10px 3px 0;font-size:10px}.editor-page{width:100%;padding:max(10px, env(safe-area-inset-top)) 12px max(14px, env(safe-area-inset-bottom))}.editor-heading{grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin:0 2px 10px}.editor-heading .text-button{min-height:38px}.editor-heading>div:nth-child(2){text-align:center;grid-area:auto;min-width:0}.editor-heading>div>span{display:none}.editor-heading h1{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.save-state{grid-area:auto}.editor-mobile-switcher{border:1px solid var(--line);background:#e9ece8;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:3px;height:44px;margin-bottom:8px;padding:3px;display:grid}.editor-mobile-switcher button{color:var(--muted);background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.editor-mobile-switcher button.active{color:var(--ink);background:#fff;box-shadow:0 1px 4px #161e1914}.editor-mobile-switcher svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:17px}.editor-grid{height:calc(100dvh - 244px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:14px;grid-template-columns:1fr;min-height:380px}.editing-game .editor-grid{height:calc(100dvh - 122px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.editor-grid.mobile-library .library-panel,.editor-grid.mobile-preview .game-preview,.editor-grid.mobile-chat .agent-panel{display:flex}.library-panel{border:0;height:100%;min-height:0;padding:14px}.library-tabs button{min-height:40px}.target-item{min-height:58px}.agent-panel{border:0;height:100%;min-height:0;padding:14px}.agent-title{padding-bottom:12px}.message-list{overscroll-behavior:contain;min-height:0;padding:16px 1px 12px}.chat-message p{font-size:13px}.prompt-suggestions{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.prompt-suggestions::-webkit-scrollbar{display:none}.prompt-suggestions button{flex:none;min-height:36px;padding:7px 10px;font-size:10px}.agent-composer{border-radius:12px;padding:9px 50px 9px 11px}.agent-composer textarea{min-height:50px;font-size:16px}.agent-composer>button[type=submit]{border-radius:10px;width:40px;height:40px;bottom:7px;right:7px}.game-preview{height:100%;min-height:0;padding:9px}.preview-toolbar{height:30px;padding:0 3px}.preview-canvas{border-radius:9px;min-height:0}.editor-navigation-hint{max-width:calc(100% - 16px);top:8px;left:8px}.map-selection-card{bottom:8px;left:8px;right:8px}.map-selection-card button{min-height:36px}.preview-details{display:none}}@media (height<=500px) and (orientation:landscape) and (pointer:coarse){.playing-game .app-header{display:none}.playing-game .product-main{min-height:100dvh;padding:0}.playing-game .play-page{width:100%;padding:0}.playing-game .play-page>.text-button,.playing-game .play-heading,.playing-game .play-objective{display:none}.playing-game .public-game-frame{border:0;border-radius:0;width:100%;height:100dvh;min-height:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}