:root{--bg:#0f1216;--panel:#161a1f;--panel-2:#1d2228;--line:#2c333b;--text:#e8eaed;--muted:#9aa3ad;--accent:#e3a93d;--accent-ink:#1a1405;--blue:#35c4ff;--red:#ff6b5e;--green:#4cd27a;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3{margin:0 0 .5em;line-height:1.2}h1{font-size:1.6rem}h2{font-size:1.15rem}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:1.2em;font-size:.95rem}a{color:var(--accent);text-decoration:none}button,.button,select,input,textarea{font:inherit;color:inherit}button,.button{border:1px solid var(--line);background:var(--panel-2);min-height:36px;color:var(--text);cursor:pointer;white-space:nowrap;touch-action:manipulation;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}button:hover:not(:disabled),.button:hover{background:#252b32;border-color:#46505b}button:disabled{opacity:.45;cursor:default}button.on,select.on,button.on:hover:not(:disabled),select.on:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.primary,button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.primary:hover:not(:disabled){color:var(--accent-ink);background:#f0b950}.ghost,button.ghost{background:0 0;border-color:#0000}.danger,button.danger{color:var(--red)}.big{min-height:46px;padding:10px 20px;font-size:1.05rem}button.link{min-height:0;color:var(--accent);background:0 0;border:0;padding:0}input,select,textarea{border:1px solid var(--line);background:#0f1317;border-radius:8px;width:100%;min-height:36px;padding:6px 10px}textarea{resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible,.button:focus-visible{outline:2px solid var(--blue);outline-offset:1px}input[type=checkbox],input[type=radio]{width:18px;min-height:18px;accent-color:var(--accent)}input[type=color]{height:36px;padding:2px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hint{color:var(--muted);font-size:.88rem}.error{color:var(--red)}.ok{color:var(--green)}.topbar{z-index:30;min-height:54px;padding:6px 12px;padding-top:max(6px, env(safe-area-inset-top));background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar-main{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.brand{color:var(--text);letter-spacing:.01em;align-items:center;gap:8px;font-size:1.05rem;display:flex}.brand b{color:var(--accent)}.back{color:var(--text);padding:0 6px;font-size:1.4rem}.topbar .title{flex-direction:column;min-width:0;display:flex}.topbar .title h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05rem;overflow:hidden}.topbar .sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.actions{align-items:center;gap:6px;margin-left:auto;display:flex}.user{align-items:center;gap:6px;display:flex}.user .email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:.85rem;overflow:hidden}.stage-nav{color:var(--muted);align-items:center;gap:6px;font-size:.9rem;display:flex}.stage-nav .button{min-width:36px;padding:0 8px;font-size:1.2rem}.title-input{max-width:340px;font-weight:600}.status{color:var(--muted);white-space:nowrap;font-size:.82rem}.status.dirty{color:var(--accent)}.banner{border-bottom:1px solid var(--line);background:#23303b;align-items:center;gap:10px;padding:8px 14px;font-size:.9rem;display:flex}.banner.error{color:#ffd2cc;background:#3a1f1d}.banner button{min-height:28px;padding:2px 10px}.viewer{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.stage-area{--left:0px;--right:0px;flex:1;min-height:0;position:relative;overflow:hidden}.stage-area>div:first-child{top:0;bottom:0;left:var(--left);right:var(--right);width:auto!important;position:absolute!important}.view-toolbar{left:calc(var(--left) + (100% - var(--left) - var(--right)) / 2);bottom:max(12px, env(safe-area-inset-bottom));z-index:5;max-width:calc(100% - var(--left) - var(--right) - 24px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);scrollbar-width:none;background:#12161bdb;border-radius:12px;align-items:center;gap:6px;padding:6px;display:flex;position:absolute;overflow-x:auto;transform:translate(-50%)}.view-toolbar select{width:auto;min-width:130px}.view-toolbar .sep{background:var(--line);align-self:stretch;width:1px;margin:0 2px}.seg{display:flex}.seg button{border-radius:0}.seg button:first-child{border-radius:8px 0 0 8px}.seg button:last-child{border-radius:0 8px 8px 0}.side-panel,.palette{z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#12161bf2;padding:14px 16px 90px;position:absolute;top:0;bottom:0;overflow-y:auto}.side-panel{border-left:1px solid var(--line);width:370px;right:0}.palette{border-right:1px solid var(--line);width:260px;left:0}.palette header,.modal header{justify-content:space-between;align-items:center;display:flex}.palette h2{margin:0}.palette-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.palette-grid button{white-space:normal;text-align:left;justify-content:flex-start;padding:6px 8px;font-size:.85rem;line-height:1.15}.palette-grid i{border:1px solid #0006;border-radius:3px;flex:none;width:12px;height:12px}.side-panel .close{position:absolute;top:8px;right:8px}.side-panel h2{padding-right:36px}.tabs{flex-wrap:wrap;gap:4px;margin:0 36px 10px 0;display:flex}.tabs button{min-height:32px;padding:4px 10px;font-size:.88rem}.mini-stats{color:var(--muted);margin-bottom:8px;font-size:.85rem}.editor-fabs{top:12px;left:calc(var(--left) + (100% - var(--left) - var(--right)) / 2);z-index:7;gap:6px;display:flex;position:absolute;transform:translate(-50%)}.editor-fabs button{background:#12161be6}.editor-fabs button.on{background:var(--accent)}.item-info{top:12px;left:calc(var(--left) + 12px);z-index:5;border-radius:var(--radius);border:1px solid var(--line);background:#12161beb;width:260px;padding:10px 12px;position:absolute}.item-info header{align-items:baseline;gap:8px;display:flex}.item-info header span{color:var(--muted);flex:1;font-size:.85rem}.item-info header button{min-height:24px;padding:0 6px}.item-info dl{margin:6px 0 0}.item-info dl div{justify-content:space-between;font-size:.88rem;display:flex}.item-info dt{color:var(--muted)}.item-info dd{margin:0}.item-info p{margin:6px 0 0;font-size:.88rem}.walk-hint{top:12px;left:calc(var(--left) + (100% - var(--left) - var(--right)) / 2);z-index:4;color:var(--muted);pointer-events:none;white-space:nowrap;background:#12161bcc;border-radius:999px;padding:6px 12px;font-size:.82rem;position:absolute;transform:translate(-50%)}.joystick{z-index:6;touch-action:none;background:#12161b73;border:2px solid #ffffff59;border-radius:50%;place-items:center;width:128px;height:128px;display:grid;position:absolute;bottom:92px;left:24px}.joystick .knob{pointer-events:none;background:#ffffffbf;border-radius:50%;width:56px;height:56px}.stats{grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 12px;display:grid}.stats div{background:var(--panel-2);border-radius:8px;padding:6px 8px}.stats dt{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.72rem}.stats dd{margin:0;font-size:1.05rem;font-weight:600}.stats.inline{flex-wrap:wrap;display:flex}.briefing{margin:0}.briefing div{margin-bottom:8px}.briefing dt{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem}.briefing dd{white-space:pre-wrap;margin:0}details summary{cursor:pointer;color:var(--muted);margin:8px 0}.issues{gap:6px;margin:0 0 12px;padding:0;list-style:none;display:grid}.issues button{text-align:left;white-space:normal;justify-content:flex-start;width:100%;font-size:.86rem;line-height:1.3}.issues .error button{border-color:#6b2a24}.issues .warn button{border-color:#6b5524}.issues button:disabled{opacity:1}.form{gap:10px;display:grid}.field{gap:4px;font-size:.85rem;display:grid}.field>span{color:var(--muted)}.field.check{align-items:center;gap:8px;display:flex}.with-unit{align-items:center;gap:6px;display:flex}.with-unit em{color:var(--muted);min-width:14px;font-size:.8rem;font-style:normal}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.grid3{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.page{min-height:100vh}.content{max-width:1040px;margin:0 auto;padding:24px 16px 60px}.narrow-content{max-width:720px}.centered{place-items:center;min-height:calc(100vh - 54px);padding:16px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}.card.narrow{max-width:460px}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.landing .hero{text-align:center;max-width:820px;margin:0 auto;padding:72px 20px 40px}.landing .hero h1{font-size:clamp(2rem,6vw,3.2rem)}.landing .lead{color:#c6ccd3;max-width:640px;margin:0 auto 28px;font-size:1.15rem}.landing .row{justify-content:center}.landing .row.small{color:var(--muted);margin-top:16px}.features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;max-width:1040px;margin:0 auto;padding:20px 16px 40px;display:grid}.features div{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.features h3{color:var(--accent);text-transform:none;letter-spacing:0;margin-top:0;font-size:1.05rem}.features p{color:#c6ccd3;margin:0}.foot{text-align:center;color:var(--muted);padding:20px;font-size:.8rem}.dash-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 12px;display:flex}.dash-head h1{margin:0}.entries{gap:8px;margin:0;padding:0;list-style:none;display:grid}.entries li{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:8px;padding:10px 12px;display:flex}.entry-main{min-width:0;color:var(--text);flex-direction:column;flex:1;display:flex}.entry-main b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.badge{background:var(--panel-2);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:.75rem}.badge.link,.badge.invite{color:var(--green);border-color:#275a39}.match-head .meta{color:var(--muted);margin-top:-4px}.match-head .desc{white-space:pre-wrap;max-width:720px}.stage-cards{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;margin:20px 0 0;padding:0;list-style:none;display:grid}.stage-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.stage-card .thumb{aspect-ratio:4/3;background:#e9edf1;display:block}.stage-card .thumb svg{width:100%;height:100%;display:block}.stage-card .body{gap:6px;padding:12px 14px 14px;display:grid}.stage-card h2{margin:0}.stage-card p{color:var(--muted);margin:0;font-size:.9rem}.num{background:var(--accent);min-width:26px;height:26px;color:var(--accent-ink);border-radius:7px;place-items:center;padding:0 6px;font-size:.9rem;font-weight:700;display:inline-grid}.pick-list{gap:6px;margin:0 0 20px;padding:0;list-style:none;display:grid}.pick-list li{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:8px;padding:6px 8px 6px 12px;display:flex}.pick-list .grow{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.modal-backdrop{z-index:50;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:14px;gap:12px;width:min(520px,100%);max-height:90vh;padding:18px;display:grid;overflow-y:auto}.modal h2{margin:0}.modal footer{justify-content:flex-end;gap:8px;display:flex}.share-modes{border:0;gap:8px;margin:0;padding:0;display:grid}.share-modes label{border-radius:var(--radius);background:var(--panel-2);cursor:pointer;align-items:flex-start;gap:10px;padding:10px;display:flex}.share-link{gap:6px;display:flex}.print-only{display:none}@media (width>=900px){.stage-area.with-panel{--right:370px}.stage-area.with-palette{--left:260px}}@media (width<=899px){.item-info{left:12px}.side-panel,.palette{border:0;border-top:1px solid var(--line);z-index:8;border-radius:16px 16px 0 0;width:100%;max-height:58%;padding-bottom:24px;top:auto;left:0;right:0}.palette-grid{grid-template-columns:1fr 1fr 1fr}.user .email,.status{display:none}.topbar{gap:8px}.topbar .actions button,.topbar .actions .button{padding:6px 9px}.title-input{min-width:90px}.view-toolbar button,.view-toolbar select{min-height:40px}.item-info{width:calc(100% - 24px);top:60px}.grid3{grid-template-columns:1fr 1fr}}@media (width<=560px){.brand span,.stage-nav span{display:none}.palette-grid{grid-template-columns:1fr 1fr}}@media print{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{color:#111;background:#fff}.topbar,.no-print,.stage-cards,.banner{display:none!important}.content{padding:0}.match-head{page-break-after:always}.print-only{display:block}.print-stage{page-break-after:always}.print-plan{border:1px solid #ccc;width:100%;max-height:120mm}.stats div{background:#f1f1f1}.stats dt,.briefing dt{color:#555}}