@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--gold:#dfba69;--text:#f5f0e4;--line:#ffffff18}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#181c20;color:var(--text);font:14px 'DM Sans',sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:#20262bee;border:1px solid var(--line);border-radius:9px;padding:10px 14px}button:hover{background:#383a32;border-color:#c6a76a88}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}header{height:78px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 25px;background:#121518;position:relative;z-index:10;border-bottom:1px solid #d2aa5429}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);font:700 19px Manrope;letter-spacing:3px}.brand img{height:53px;width:53px;object-fit:contain;border-radius:50%}.brand small{display:block;font:9px 'DM Sans';letter-spacing:2.8px;color:var(--gold);margin-top:4px}nav{display:flex;gap:5px}nav button{font-size:12px;background:transparent;border-color:transparent;padding:10px 13px;color:#b6b9b7}nav button.active{color:#f3d68c;background:#d5ad4c15;border-color:#d5ad4c35}.mode{font-size:9px;letter-spacing:1px;color:var(--gold);background:#d5ad4c0b;border-color:#d5ad4c25}main{height:calc(100dvh - 78px);position:relative;background:radial-gradient(ellipse at 50% 44%,#46515a,#1c242b 75%)}#scene{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%;touch-action:none}.scene-title{position:absolute;top:25px;left:30px;pointer-events:none;text-shadow:0 2px 12px #0008;transition:opacity .25s}.eyebrow{font-size:9px;color:var(--gold);font-weight:700;letter-spacing:2px}h1{font:500 24px Manrope;letter-spacing:-.5px;margin:9px 0}.scene-title p{font-size:11px;color:#b9c0c2;margin:0}.focused .scene-title{opacity:0}.loading{position:absolute;top:27px;right:30px;font-size:10px;color:#aeb6b7;pointer-events:none}#labels{position:absolute;inset:0;pointer-events:none}.label{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;display:flex;align-items:center;gap:6px;font-size:11px;padding:6px 10px;background:#141a1de8;border:1px solid #b8a27077;box-shadow:0 4px 16px #0005;border-radius:20px}.label:before{content:'';width:5px;height:5px;background:var(--gold);border-radius:50%}.label.active{background:#dcc078;color:#221e15;border-color:#f5d588}.label.active:before{background:#514322}.scene-controls{position:absolute;right:24px;bottom:125px;display:flex;flex-direction:column;gap:7px}.scene-controls button{width:39px;height:39px;font-size:18px;padding:0;backdrop-filter:blur(8px)}.bottom{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);width:max-content;max-width:90vw}.team{display:flex;gap:7px;padding:7px;background:#11181cd9;border:1px solid #ba9e4f36;border-radius:16px;box-shadow:0 8px 25px #0004;backdrop-filter:blur(15px)}.team-card{display:flex;align-items:center;gap:9px;border:1px solid transparent;background:transparent;text-align:left;padding:9px 16px;border-radius:10px;min-width:125px}.team-card.active{background:#dec17e18;border-color:#dec17e77}.team-card strong{font-size:12px;display:block}.team-card small{font-size:8px;color:#9ca6a7;display:block;margin-top:4px}.initial{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#ffffff0c;color:var(--accent);font-weight:700}.scene-help{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#a1aaad;margin-top:12px;text-shadow:0 1px 5px #000}.scene-help span{color:#c5ac78}#back{position:absolute;top:22px;left:25px;font-size:12px;background:#151c21dc;z-index:4}aside{position:absolute;right:22px;top:18px;bottom:115px;width:320px;overflow:auto;background:#131b20ed;border:1px solid #baa66e45;border-radius:17px;padding:22px;box-shadow:0 15px 60px #0006;backdrop-filter:blur(18px);scrollbar-width:thin;z-index:5;animation:slidein .35s ease}@keyframes slidein{from{opacity:0;transform:translateX(25px)}to{opacity:1;transform:translateX(0)}}#close-detail{position:absolute;top:12px;right:12px;border:0;background:transparent;padding:0 7px;font-size:23px;color:#aaa}.person{display:flex;gap:11px;align-items:center;margin:20px 0 15px}.avatar{height:40px;width:40px;display:grid;place-items:center;border-radius:11px;background:#ffffff0a;font:600 22px Manrope}h2{font:600 23px Manrope;margin:0}.person p{font-size:9px;color:#a9b2b5;margin:5px 0 0}.quote{background:#d9b66c0b;border-left:2px solid var(--gold);padding:11px 13px;margin:15px 0 20px}.quote p{font-size:12px;line-height:1.6;margin:0 0 7px}.quote small{font-size:7px;letter-spacing:1.3px;color:#b49c67}.chart-title{display:grid;grid-template-columns:1fr auto;gap:5px}.chart-title strong{font-size:12px}.chart-title span{grid-row:2;font-size:8px;color:#a7bf95}.chart-title b{grid-column:2;grid-row:1/3;font:500 20px Manrope}#chart{width:100%;height:145px;margin-top:10px}.levels{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.levels div{padding:9px;background:#ffffff04;border-radius:6px}.levels span{font-size:9px;color:#94a1a7;display:block}.levels b{font-size:13px;font-weight:500;display:block;margin-top:5px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:16px 0}.actions button{padding:9px 7px;font-size:11px;background:#dfba690b;border-color:#dfba6935}.actions button.active{background:#dfba6930}details{border-top:1px solid var(--line);padding:12px 0;font-size:10px;color:#a6b1b2}summary{cursor:pointer;color:#d0d2c8}details p{line-height:1.7}.data-note{display:block;font-size:8px;color:#929a92}.focused .scene-controls{right:359px}.focused .bottom{left:calc(50% - 150px)}dialog{background:#192126;color:var(--text);border:1px solid #b49b6266;width:min(500px,92vw);padding:30px;border-radius:18px}dialog::backdrop{background:#070b10bb;backdrop-filter:blur(5px)}dialog img{float:left;margin-right:15px;border-radius:50%}dialog .eyebrow{padding-top:20px}dialog h2{clear:both;padding-top:25px;line-height:1.4;font-size:24px}dialog p{font-size:12px;line-height:1.8;color:#adb6b8}.close{float:right;padding:0 8px;font-size:24px;border:0;background:transparent}#terminals>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}#terminals span{color:var(--gold);font-size:10px}.error{position:absolute;top:40%;left:20%;right:20%;text-align:center;color:#ffd9aa}
@media(max-width:1050px){header{padding:0 15px}.brand{font-size:16px}.brand img{width:45px;height:45px}nav button{font-size:11px;padding:9px}.mode span{display:none}.team-card{min-width:105px;padding:8px 10px}.scene-title h1{font-size:20px}}@media(max-width:720px){header{height:66px}.brand small{font-size:7px;letter-spacing:2px}.brand{font-size:13px;gap:7px;letter-spacing:2px}.brand img{width:37px;height:37px}nav{position:absolute;top:77px;left:12px;right:12px;justify-content:center;z-index:10;gap:2px;padding:4px;background:#131b21d9;border:1px solid #c1a55933;border-radius:12px;backdrop-filter:blur(12px)}nav button{font-size:10px;padding:8px}main{height:calc(100dvh - 66px)}.scene-title{top:72px;left:18px}.scene-title .eyebrow{display:none}.scene-title h1{font-size:19px}.scene-title p{font-size:9px}.loading{top:128px;right:15px;font-size:8px}.bottom{bottom:15px;max-width:95vw;width:95vw}.team{justify-content:space-between;gap:2px;padding:5px}.team-card{min-width:0;flex:1;justify-content:center;padding:10px 4px;gap:5px}.team-card small{display:none}.team-card strong{font-size:10px}.initial{height:24px;width:24px;font-size:10px}.scene-help{font-size:7px;gap:5px}.scene-controls{right:12px;bottom:106px}.focused aside{top:auto;bottom:95px;right:10px;left:10px;width:auto;max-height:43%;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:5px 15px}.focused aside>.eyebrow{grid-column:1/-1}.person{margin:8px 0}.quote{margin:5px 0;grid-column:2;grid-row:2;padding:7px}.quote small{display:none}.quote p{font-size:10px;margin:0}.chart-title{grid-column:1;grid-row:3}#chart{grid-column:1;grid-row:4;height:105px}.levels{grid-column:2;grid-row:3/5;gap:5px;margin:0}.levels div{padding:6px}.actions{grid-column:1/-1;grid-template-columns:repeat(4,1fr);margin:5px 0}.actions button{font-size:10px}details,.data-note{grid-column:1/-1}.person h2{font-size:20px}.person p{font-size:8px}.avatar{display:none}.focused .bottom{left:50%}.focused .scene-controls{display:none}#back{top:63px;left:15px;font-size:10px}.focused nav{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(min-width:721px) and (max-height:850px){aside{padding:16px;bottom:100px}.person{margin:10px 0 8px}.quote{margin:8px 0;padding:8px 10px}.quote p{font-size:11px;line-height:1.35;margin:0}.quote small{display:none}#chart{height:100px;margin-top:6px}.levels{gap:5px;margin-top:5px}.levels div{padding:6px}.levels b{font-size:12px;margin-top:3px}.actions{margin:8px 0;gap:5px}.actions button{padding:7px}details{padding:8px 0}.data-note{font-size:7px}}
.scene-controls button span{display:none}
#auto-life{position:absolute;top:125px;left:30px;font-size:10px;color:#ddc588;border-color:#b69b5a44;background:#171c24d9} .focused #auto-life{display:none}.speech-bubble{position:absolute;transform:translate(-50%,-100%) scale(.95);background:#151b23e8;color:#e8dfcb;border:1px solid #c2a36455;border-radius:12px 12px 12px 3px;max-width:205px;width:max-content;padding:10px 13px;font-size:11px;line-height:1.45;pointer-events:none;opacity:0;transition:opacity .4s,transform .4s;box-shadow:0 5px 20px #0003}.speech-bubble.visible{opacity:1;transform:translate(-50%,-100%) scale(1)}.speech-bubble:after{content:'';position:absolute;left:50%;bottom:-6px;border:6px solid transparent;border-top-color:#151b23;border-bottom:0}.state-badge{font-size:8px;letter-spacing:.7px;color:#cfb16c;margin:7px 0 12px}.demo-controls button{font-size:10px;padding:7px;margin:3px}.label[data-state=work]:before{background:#95b5a2}.label[data-state=walk]:before{background:#c7a35b}main{background:radial-gradient(ellipse at 50% 40%,#526171,#202a35 80%)}@media(max-width:720px){#auto-life{top:120px;left:18px;font-size:8px;padding:6px}.speech-bubble{max-width:150px;font-size:9px}.state-badge{grid-column:1/-1}.focused aside .chart-title{grid-row:4}.focused aside #chart{grid-row:5}.focused aside .levels{grid-row:4/6}}
.speech-bubble{max-width:185px;font-size:10px;padding:8px 11px;background:#151b23df}.speech-bubble:not(.visible){visibility:hidden}
#walls{position:absolute;top:165px;left:30px;font-size:10px;padding:9px 12px;background:#151e28df;color:#c7cbd0;border-color:#c7a35b44}.focused #walls{top:auto;bottom:110px;left:30px}body main{background:radial-gradient(ellipse at 50% 30%,#697f90,#263746 90%)}@media(max-width:720px){#walls{top:156px;left:18px;font-size:8px;padding:6px}.focused #walls{display:none}}
body.focused #walls{display:none}
main{background:linear-gradient(#786477,#dfad82 55%,#635449)}

body.board-view .bottom,body.board-view #auto-life,body.board-view #walls,body.board-view #loading{display:none}body.board-view .scene-controls{bottom:24px}

.mood{font-size:10px;line-height:1.5;color:#d7c28b;margin:8px 0}.speech-bubble{max-width:250px;font-size:11px;line-height:1.5;padding:10px 14px}.label[data-state=happy]:before{background:#92d0b8}.label[data-state=angry]:before,.label[data-state=sad]:before{background:#eea192}

#position-picker{width:100%;background:#182124;color:#e8ddc5;border:1px solid #4c4638;border-radius:8px;padding:9px;margin:8px 0}.live-summary{display:grid;gap:5px;padding:12px 0;border-bottom:1px solid #39403d;font-size:12px}.live-summary b{color:#dfc38b;font-size:21px}.live-summary small,.position-row,#pending-orders{font-size:11px;line-height:1.7;color:#aebbb7}.position-row{padding:8px 0;border-bottom:1px solid #39403d}.setup-links{display:grid;gap:12px;margin-top:18px}.setup-links a{color:#e3c484}#auto-life:disabled{opacity:.8;cursor:default}

.brasilia-clock{position:absolute;top:24px;right:26px;z-index:2;padding:9px 13px;border:1px solid #b59b5945;border-radius:8px;background:#111b25c9;color:#d9cba8;font:500 11px system-ui;letter-spacing:.04em;pointer-events:none}.focused .brasilia-clock{right:370px}.board-view .brasilia-clock{display:none}@media(max-width:720px){.brasilia-clock{top:auto;bottom:96px;right:64px;font-size:10px}.focused .brasilia-clock{display:none}}