:root{--green:#14523f;--gold:#b8892e;--vermilion:#c8452c;--cream:#f2efe6;--ink:#23302a;--mono:"SF Mono",ui-monospace,Menlo,monospace;--serif:"Hiragino Mincho ProN","Yu Mincho",serif;--sans:"Hiragino Sans","Hiragino Kaku Gothic ProN",sans-serif}*{box-sizing:border-box}body,html{margin:0;height:100%}body{font-family:var(--sans);background:var(--cream);color:var(--ink);overflow:hidden}.boot{height:100vh;display:flex;align-items:center;justify-content:center;font-family:var(--serif);letter-spacing:.2em;color:var(--green)}.stage{position:fixed;inset:0}.canvas-host{position:absolute;inset:0}.stage canvas{display:block}.tag3d{text-align:center;pointer-events:none;transform:translateY(-8px)}.tag3d .nm{display:inline-block;background:rgba(35,48,42,.82);color:#f2efe6;font-size:11px;padding:2px 10px;letter-spacing:.06em}.tag3d .nm,.tag3d .st{font-weight:600;border-radius:99px;white-space:nowrap}.tag3d .st{display:block;margin-top:3px;font-size:10px;color:#fff;background:var(--green);padding:1px 8px}.tag3d .st.idle{background:#97917f}.tag3d .st.work:before{content:"●";margin-right:4px;animation:blink 1.4s infinite}.bub3d{pointer-events:none;background:#fff;border:1px solid #d8d0bc;border-radius:12px 12px 12px 2px;padding:4px 12px;font-size:11.5px;color:#3c4a43;white-space:nowrap;box-shadow:0 6px 14px -8px rgba(35,48,42,.5);opacity:0;transition:opacity .25s ease,transform .25s ease;transform:translateY(4px)}.bub3d.show{opacity:1;transform:translateY(0)}@keyframes blink{50%{opacity:.25}}.hud{position:fixed;inset:0;pointer-events:none;display:flex;flex-direction:column}.hud>*{pointer-events:auto}.hud-top{margin:12px 14px 0;display:flex;align-items:center;gap:14px;background:rgba(20,82,63,.94);color:var(--cream);border-radius:10px;padding:9px 18px;box-shadow:0 10px 26px -14px rgba(20,40,30,.7)}.hud-logo{font-family:var(--serif);font-size:16px;letter-spacing:.12em;font-weight:600}.hud-logo small{font-size:10px;opacity:.75;margin-left:9px;letter-spacing:.24em}.hud-phases{display:flex;gap:4px;margin-left:auto}.hud-phase{padding:3px 13px;border-radius:99px;font-size:12px;opacity:.6;white-space:nowrap}.hud-phase.on{background:var(--gold);opacity:1;font-weight:600}.hud-live{font-family:var(--mono);font-size:10px;background:var(--vermilion);color:#fff;padding:3px 10px;border-radius:5px;letter-spacing:.12em}.hud-live:before{content:"●";margin-right:5px;animation:blink 1.6s infinite}.hud-main{flex:1 1;justify-content:flex-end;padding:12px 14px;min-height:0}.hud-main,.hud-side{display:flex;gap:10px}.hud-side{width:264px;flex-direction:column}.panelbox{background:rgba(251,249,242,.94);border:1px solid #d8d0bc;border-radius:10px;padding:10px 14px;box-shadow:0 10px 26px -16px rgba(35,48,42,.5);overflow:hidden}.panelbox h4{margin:0 0 7px;font-size:11px;letter-spacing:.14em;color:var(--gold);font-weight:600;display:flex;justify-content:space-between}.panelbox h4 span{color:#a9a091;font-weight:400;letter-spacing:0}.board-row{display:flex;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px dashed #e4ddcb;font-size:11.5px}.board-row:last-child{border-bottom:0}.board-row b{font-weight:600}.board-row em{font-style:normal;color:#55645c;text-align:right}.filelist{max-height:148px;overflow-y:auto}.file{font-family:var(--mono);font-size:10.5px;padding:3px 0;color:#3c4a43;display:flex;justify-content:space-between;gap:8px}.file .new{color:var(--vermilion);font-weight:700;font-size:9px;letter-spacing:.1em}.hud-bottom{display:grid;grid-template-columns:1fr 340px;grid-gap:10px;gap:10px;margin:0 14px 12px}.hud-log{background:rgba(35,48,42,.92);color:#cdd8d0;border-radius:10px;padding:8px 15px;font-family:var(--mono);font-size:10.5px;line-height:1.9;height:96px;overflow-y:auto}.hud-log b{color:#d3a54a;font-weight:600}.hud-log .boss-line b{color:#e8927c}.hud-boss{background:rgba(251,249,242,.96);border:2px solid var(--gold);border-radius:10px;padding:9px 13px}.hud-boss h4{margin:0 0 7px;font-family:var(--serif);font-size:12.5px;letter-spacing:.18em;color:var(--green);font-weight:600}.hud-boss form{display:flex;gap:6px}.hud-boss input{flex:1 1;border:1px solid #d8d0bc;border-radius:7px;padding:7px 11px;font-size:12px;font-family:var(--sans);background:#fff;color:var(--ink)}.hud-boss input:focus{outline:2px solid var(--gold);border-color:var(--gold)}.hud-boss button{background:var(--green);color:#fff;border:0;border-radius:7px;padding:7px 16px;font-size:12px;font-weight:600;font-family:var(--sans);cursor:pointer}.hud-boss button:hover{background:#1c6b52}.login-wrap{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--cream)}.login-card{width:min(360px,90vw);background:#fbf9f2;border:1px solid #d8d0bc;border-top:4px solid var(--green);border-radius:12px;padding:32px 30px;display:flex;flex-direction:column;gap:12px;text-align:center;box-shadow:0 24px 60px -30px rgba(20,40,30,.4)}.login-card h1{font-family:var(--serif);font-size:22px;letter-spacing:.14em;color:var(--green);margin:0}.login-card p{margin:0 0 8px;font-size:12.5px;color:#77837b}.login-card input{border:1px solid #d8d0bc;border-radius:8px;padding:10px 13px;font-size:14px;font-family:var(--sans);background:#fff}.login-card input:focus{outline:2px solid var(--gold);border-color:var(--gold)}.login-card button{background:var(--green);color:#fff;border:0;border-radius:8px;padding:11px;font-size:14px;font-weight:600;cursor:pointer;margin-top:4px}.login-card button:disabled{opacity:.6}.login-error{color:var(--vermilion);font-size:12px}@media (max-width:1000px){.hud-logo{font-size:14px}.hud-logo small{display:none}.hud-top{gap:8px;padding:7px 13px}.hud-phase{padding:2px 8px;font-size:11px}.hud-side{width:204px}.panelbox{padding:8px 11px}.board-row{font-size:10.5px}.filelist{max-height:96px}.hud-bottom{grid-template-columns:1fr 250px}.hud-log{height:72px}.hud-boss h4{margin-bottom:5px}}@media (prefers-reduced-motion:reduce){.hud-live:before,.tag3d .st.work:before{animation:none}}