:root{--ink:#fff6eb;--muted:#c9b5a8;--panel:#2e202ae6;--accent:#f07a3a}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);background:#1a121c;margin:0;font-family:IBM Plex Sans Thai,Fredoka,system-ui,sans-serif;overflow:hidden}.world-app{user-select:none;width:100%;height:100%;position:relative}#gl{width:100%;height:100%;display:block;position:absolute;inset:0}#labels{pointer-events:none;position:absolute;inset:0}.label-name,.label-bubble{pointer-events:none;white-space:nowrap;font-family:IBM Plex Sans Thai,Fredoka,system-ui,sans-serif}.label-name{color:#fff6eb;background:#32242f;border:1px solid #f07a3a59;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:700;box-shadow:0 4px 14px #08040a59}.label-name.selected{outline:2px solid #f07a3a}.label-bubble{white-space:normal;color:#ffe8d2;background:#32242f;border:1px solid #f0c14a47;border-radius:14px;max-width:170px;padding:.45rem .6rem;font-size:.72rem;line-height:1.25;transform:translateY(-8px);box-shadow:0 8px 18px #08040a59}.hud-top{z-index:20;pointer-events:none;flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex;position:absolute;top:.7rem;left:.7rem;right:.7rem}.hud-top>*{pointer-events:auto}.pill-bar,.toggle-bar,.panel,.dock,.log-panel,.dash,.weather{background:var(--panel);backdrop-filter:blur(14px);border:1px solid #ffd6b424;box-shadow:0 12px 34px #08040a66}.pill-bar{border-radius:999px;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;padding:.55rem .9rem;font-size:.8rem;font-weight:600;display:flex}.live{color:#ff5a5a;letter-spacing:.04em}.demo{color:#ffe0c2;background:#f07a3a47;border-radius:999px;padding:.18rem .55rem;font-size:.72rem}.toggle-bar,.weather{border-radius:1rem;flex-wrap:wrap;gap:.3rem;padding:.3rem;display:flex}.toggle-bar button,.dock a,.panel button,.weather button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.42rem .65rem;font-size:.78rem;font-weight:600}.toggle-bar button.on,.weather button.on{color:#1a121c;background:#f07a3a}.panel{z-index:30;border-radius:1.35rem;gap:.7rem;width:min(330px,100vw - 1.5rem);padding:1rem;display:none;position:absolute;top:5rem;right:.75rem}.panel.open{display:grid}.panel header{justify-content:space-between;align-items:start;gap:.5rem;display:flex}.panel h2{margin:0;font-size:1.1rem}.panel .role{color:var(--muted);font-size:.85rem}.status-chip{text-transform:uppercase;align-items:center;gap:.3rem;margin-top:.25rem;font-size:.74rem;font-weight:700;display:inline-flex}.status-chip:before{content:"";background:currentColor;border-radius:50%;width:.5rem;height:.5rem}.status-chip.working{color:#ff9f43}.status-chip.idle{color:#8a7a86}.status-chip.waiting{color:#e8b923}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.stat{background:#160e188c;border-radius:.85rem;padding:.55rem .65rem}.stat b{font-size:.95rem;display:block}.stat span{color:var(--muted);font-size:.72rem}.bar{background:#ffd6b41f;border-radius:999px;height:8px;overflow:hidden}.bar>i{background:linear-gradient(90deg, var(--accent), #f0c14a);height:100%;display:block}.task-box{background:#160e188c;border-radius:.9rem;gap:.4rem;padding:.7rem;display:grid}.danger{color:#ffb4bc;background:#ff5c6a2e;border-radius:.8rem;width:100%;padding:.65rem}.msg{width:100%;font:inherit;color:var(--ink);background:#160e188c;border:1px solid #ffd6b429;border-radius:.8rem;padding:.65rem .75rem}.dock{z-index:20;border-radius:1.2rem;gap:.3rem;padding:.4rem;display:flex;position:absolute;bottom:.85rem;left:50%;transform:translate(-50%)}.dock a{min-width:54px;height:40px;color:inherit;background:#160e188c;border-radius:.9rem;place-items:center;font-size:.72rem;text-decoration:none;display:grid}.dock a[aria-current=page],.dock a:hover{color:#1a121c;background:#f07a3a}.log-panel{z-index:20;border-radius:1.1rem;width:min(340px,100vw - 1.5rem);max-height:190px;padding:.75rem .85rem;position:absolute;bottom:4.5rem;left:.75rem;overflow:auto}.log-panel h3{margin:0 0 .45rem;font-size:.85rem}.log-panel ul{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.log-panel li{color:var(--muted);font-size:.78rem;line-height:1.35}.log-panel strong{color:var(--ink)}.dash{z-index:25;border-radius:1.2rem;gap:.55rem;width:min(280px,100vw - 1.5rem);padding:.85rem;display:none;position:absolute;top:5rem;left:.75rem}.dash.open{display:grid}.dash h3{margin:0;font-size:.9rem}.dash .row{justify-content:space-between;gap:.5rem;font-size:.8rem;display:flex}.dash .row span{color:var(--muted)}.toast{z-index:40;color:#1a121c;opacity:0;pointer-events:none;background:#f07a3a;border-radius:999px;padding:.55rem .9rem;font-size:.82rem;font-weight:600;transition:opacity .25s;position:absolute;top:5.4rem;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.hint{z-index:15;color:var(--muted);background:#2e202ad9;border:1px solid #ffd6b424;border-radius:999px;padding:.35rem .7rem;font-size:.76rem;position:absolute;bottom:5.2rem;left:50%;transform:translate(-50%)}.boot{z-index:50;background:linear-gradient(165deg,#2a1f2e,#1a121c);place-items:center;transition:opacity .35s;display:grid;position:absolute;inset:0}.boot.hide{opacity:0;pointer-events:none}.boot-card{color:#fff6eb;text-align:center;background:#2e202af0;border:1px solid #f07a3a47;border-radius:1.2rem;min-width:220px;padding:1.1rem 1.4rem;box-shadow:0 16px 40px #08040a66}.boot-card strong{margin-bottom:.35rem;display:block}.boot-card span{color:var(--muted);font-size:.88rem}.world-app.hide-log .log-panel{display:none}@media (width<=720px){.panel{width:auto;inset:auto .5rem 4.6rem}.hint{display:none}}