:root{font-family:Inter,system-ui,sans-serif;color:#f4f1e8}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#101619}#game{display:block;width:100vw;height:100vh}header{position:fixed;top:0;left:0;right:0;height:52px;padding:0 22px;display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,#111d22ee,#111d2200);font-size:12px;letter-spacing:2px}.brand{font-weight:900;color:#f4a261;font-size:19px}header i{margin-left:auto;font-style:normal;letter-spacing:0;color:#8ed4c8}.panel{position:fixed;background:#122027e8;border:1px solid #ffffff26;box-shadow:0 15px 50px #0008;backdrop-filter:blur(10px);border-radius:10px}#help{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#111b20d8;border:1px solid #ffffff22;border-radius:20px;padding:9px 17px;font-size:12px}#help b{color:#f4a261}.panel input,.panel textarea{color:white;background:#081014bb;border:1px solid #ffffff26;border-radius:6px;padding:9px;outline:none}.panel input:focus,.panel textarea:focus{border-color:#42d6c5}#names{top:65px;left:16px;padding:10px;font-size:12px}#name{width:125px}.modal{inset:15% 20%;padding:18px;z-index:5}.modal>.modal-heading{display:flex;justify-content:space-between;font-size:18px}.modal button{background:none;border:0;color:white;font-size:25px;cursor:pointer}.modal textarea{width:100%;height:calc(100% - 58px);margin-top:15px;resize:none;font:17px/1.5 ui-monospace,monospace}.modal small{color:#9fb0b7}.hidden{display:none}.chat{right:16px;bottom:60px;width:300px;padding:10px}.chat #messages{height:115px;overflow-y:auto;font-size:12px}.chat p{margin:5px 2px}.chat b{color:#42d6c5}.chat form{display:flex;gap:6px}.chat input{width:100%}.chat button{border:0;border-radius:6px;background:#e76f51;color:white;padding:0 12px;cursor:pointer}#crosshair{position:fixed;left:50%;top:50%;font-size:20px;opacity:.7;pointer-events:none}#toast{position:fixed;top:75px;left:50%;transform:translateX(-50%);padding:10px 16px;border-radius:7px;background:#0b1316e8;opacity:0;transition:.2s;pointer-events:none}#toast.show{opacity:1}@media(max-width:700px){#help{display:none}.chat{width:230px}.modal{inset:10% 5%}}

#enterGame{position:fixed;left:50%;top:35%;transform:translate(-50%,-50%);padding:18px 26px;border:1px solid #42d6c5;border-radius:12px;background:#122027ee;color:#f4f1e8;font:600 18px system-ui;cursor:pointer}#enterGame small{display:block;margin-top:8px;font-size:12px;font-weight:400;color:#9fb0b7}

#characterPanel{position:fixed;inset:0;z-index:10;display:grid;place-items:center;overflow:auto;background:radial-gradient(ellipse at 50% 35%,#1a3844f5,#081216fa);padding:28px}#characterPanel.hidden{display:none}.character-dialog{width:min(660px,100%);text-align:center}.character-eyebrow{font-size:11px;letter-spacing:5px;color:#70d9ca;font-weight:700}.character-dialog h1{font-size:clamp(24px,4vw,34px);letter-spacing:-1px;margin:18px 0 10px}.character-dialog p{font-size:13px;color:#a6bbc3;line-height:1.6}.character-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0 18px}.character-card{position:relative;overflow:hidden;border:1px solid #ffffff24;border-radius:16px;background:linear-gradient(160deg,#29434d,#12232c);color:#f4f1e8;cursor:pointer;text-align:left;padding:0;transition:border-color .2s,transform .2s}.character-card[data-character=krisztian]{background:linear-gradient(160deg,#433e39,#1e2930)}.character-card:hover:enabled,.character-card:focus-visible{border-color:#70d9ca;transform:translateY(-4px);outline:2px solid #70d9ca;outline-offset:3px}.character-card:disabled{cursor:wait}.character-card.occupied{opacity:.55;cursor:not-allowed}.character-card img{display:block;width:100%;height:clamp(170px,32vh,280px);object-fit:contain;padding:12px 12px 0}.character-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:18px 20px;background:#08151b66}.character-meta strong{font-size:21px}.character-state{font-size:11px;color:#70d9ca}.occupied .character-state{color:#eab995}#characterMessage{min-height:22px}#changeCharacter,#cancelCharacter{border:1px solid #ffffff30;border-radius:6px;background:#1a323c;color:#dcebea;padding:8px 11px;cursor:pointer}#changeCharacter{margin-left:8px;font-size:11px}#changeCharacter:disabled{opacity:.5}@media(max-width:480px){#characterPanel{padding:18px}.character-options{gap:10px}.character-meta{display:block;padding:12px}.character-state{display:block;margin-top:5px}.character-meta strong{font-size:19px}.character-dialog p{font-size:12px}}

/* Restrained game HUD, leaving the character and environment visible. */
header{height:62px;padding:0 26px;background:linear-gradient(180deg,#111b22b8,transparent);text-shadow:0 1px 5px #0007}
header .brand{color:#e2b57e;letter-spacing:3px}#graphics{margin-left:auto;color:#e6e7dd;background:#172329ad;border:1px solid #c6d0c335;border-radius:5px;padding:7px 10px;font:11px system-ui;cursor:pointer}header i{margin-left:12px}
.panel{background:#152229c9;border-color:#e4e4cd28;border-radius:6px}#help{color:#e2e4dc;background:#172329c9;border-radius:5px;border-color:#e4e4cd26;font-size:11px}#help b{color:#e2b57e}
#names{top:76px}#crosshair{opacity:.28;font-size:15px;left:calc(50% - 4px);top:calc(50% - 8px)}
#characterPanel{background:radial-gradient(ellipse at 50% 30%,#344046f7,#10191efa)}.character-eyebrow{color:#dbb680}.character-card{border-radius:7px;background:linear-gradient(145deg,#424c4e,#1a292e)}.character-card[data-character=krisztian]{background:linear-gradient(145deg,#4c4c49,#253238)}.character-card:hover:enabled,.character-card:focus-visible{border-color:#dbb680;outline-color:#dbb680}.character-state{color:#d8be94}.character-card img{height:clamp(200px,38vh,340px);padding:12px 0 0}#enterGame{border-color:#cfad79;border-radius:6px;background:#172329d9;font-size:16px}
@media(max-width:700px){header{padding:0 12px;gap:8px}header>span:nth-child(2){display:none}header i{font-size:10px;margin-left:0}.brand{font-size:16px}}
/* Office tools and focused work surfaces. */
button,select,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #70d9ca;outline-offset:2px}
#toolbar{position:fixed;top:128px;left:16px;display:flex;flex-wrap:wrap;align-items:center;gap:7px;max-width:650px;z-index:2;font-size:12px}#toolbar button,#toolbar select,.modal button,.modal select,.modal a,#resumeAudio,#showScreen,#screenPanel button{border:1px solid #5b7275;border-radius:6px;background:#152a32;color:#f1f3e9;padding:8px 11px;font-size:12px;letter-spacing:0}#voiceStatus{flex-basis:100%;color:#b2cdc7;background:#122027ba;padding:5px 8px;border-radius:4px}#micButton[aria-pressed=true]{border-color:#70d9ca}#micButton.speaking{background:#237361;box-shadow:0 0 12px #70d9ca88}#people{left:16px;top:242px;padding:6px 12px;font-size:12px;pointer-events:none}#people p{margin:5px 0}
.modal{inset:12% 10% 9%;overflow:auto;z-index:5;background:#10222af5;display:flex;flex-direction:column;gap:12px}.modal.hidden{display:none}.modal .modal-heading{display:flex;align-items:center;justify-content:space-between;font-size:20px;flex-shrink:0}.modal .modal-heading button{font-size:23px;padding:1px 12px}.modal p{font-size:12px;color:#b7cacb;margin:0}.modal .tabs{display:flex;justify-content:flex-start;gap:8px}.tabs button[aria-selected=true]{background:#31554f;border-color:#70d9ca}.modal #notesView{flex:1;min-height:200px;display:flex;flex-direction:column;gap:8px}.modal #notesView.hidden{display:none}#notesView label{font-size:12px;color:#b7cacb}.modal textarea{flex:1;min-height:140px;height:auto;margin:0;font:16px/1.6 system-ui;resize:vertical}.save-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.save-row small{flex:1;line-height:1.5}#tasksView{min-height:0;overflow:auto}#taskForm,#linkForm{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}#taskForm label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#c1d4d2}#taskForm label:first-child{flex:1;min-width:180px}.modal input{min-width:0}#taskForm input,#taskForm select{width:100%;height:38px}.task-filters{display:flex;gap:10px;margin:15px 0}.task-row{display:grid;grid-template-columns:minmax(150px,1fr) 110px 100px 140px auto auto;gap:6px;padding:12px 0;border-top:1px solid #52737555;align-items:center}.task-row input,.task-row select{width:100%;font-size:12px}.task-row.overdue{border-left:3px solid #eab47b;padding-left:7px}#taskEmpty{padding:28px 0}.link-row{display:flex;gap:6px;margin:6px 0}.link-row button:first-child{text-align:left;flex:1}#linkList{max-height:150px;overflow:auto}#linkUrl{flex:1;min-width:180px}#browserBar{align-items:center;gap:12px;font-size:12px}#browserBar:not(.hidden){display:flex;flex-wrap:wrap}#browserBar a{color:#88dfcf;text-decoration:none}#deskBrowser{flex:1;width:100%;min-height:180px;border:1px solid #557371;border-radius:6px;background:white}#screenPanel{z-index:6;right:16px;top:75px;width:min(600px,70vw);padding:12px;font-size:12px}#screenPanel>div{display:flex;align-items:center;justify-content:space-between}#sharedScreen{width:100%;max-height:60vh;background:#030a0e;margin:8px 0}#resumeAudio,#showScreen{position:fixed;right:16px;top:65px;z-index:7}#resumeAudio{top:110px}#loginPanel{z-index:20;inset:0;margin:auto;width:min(500px,95%);height:240px;padding:24px;background:#152a32}#loginForm{display:flex;gap:10px;align-items:center}#loginForm button{padding:10px}#loginMessage{font-size:12px;color:#eab47b}#toast{z-index:30}#messages{overscroll-behavior:contain;overflow-wrap:anywhere}
@media(max-width:1000px){.modal{inset:8% 3% 5%}.task-row{grid-template-columns:minmax(130px,1fr) 100px 90px}.task-row input:first-child{grid-column:span 2}#toolbar{max-width:510px}#people{top:280px}}@media(max-width:600px){#toolbar{top:122px;left:10px;right:10px;max-width:none;font-size:11px;gap:5px}#toolbar button,#toolbar select{padding:7px;font-size:11px}#people{top:310px;font-size:10px;max-width:calc(100vw - 32px)}.chat{bottom:14px;width:250px}.chat #messages{height:75px}.task-row{grid-template-columns:1fr 1fr}.task-row input:first-child{grid-column:span 2}#taskForm{align-items:stretch}#taskForm label:first-child{flex-basis:100%}#screenPanel{width:94vw;right:3vw;top:70px}.modal .modal-heading{font-size:17px}}

.task-row.dirty{background:#294b4433}.task-row small{grid-column:1/-1;color:#e7c997;font-size:11px}.task-row .reset-task{grid-column:1/-1;justify-self:start}

/* Learning surface remains inside the seated workstation. */
#xpHud{flex-shrink:0;border:1px solid #cfae76;border-radius:20px;background:#263c37;padding:7px 12px;color:#f5d6a2;font-size:12px;letter-spacing:0;font-weight:700}
#deskLinks:not(.hidden){display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}
#courseView{font-size:14px;line-height:1.7}#courseView.hidden{display:none}
.course-overview{display:flex;justify-content:space-between;gap:20px;align-items:center}.course-overview h2{margin:4px 0;font-size:25px;color:#f3e5c8}.course-overview small{color:#d9ba88;letter-spacing:2px;font-size:10px}.course-overview b{font-size:12px;display:block;color:#80dcc4}.course-overview progress{width:100%;accent-color:#70d9ca}
#courseNotice{margin:14px 0;padding:10px 14px;border-left:3px solid #d9ba88;background:#d9ba8810}
.course-downloads,#courseSources{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}#courseSources a{font-size:11px}.course-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:25px;margin-top:20px}#courseModules{display:flex;flex-direction:column;gap:8px;align-self:start}#courseModules button{text-align:left;line-height:1.5;padding:10px;font-size:12px}#courseModules button[aria-current=true]{border-color:#d9ba88;background:#3f4637}#courseModules button:disabled{cursor:default;opacity:.5}
#courseLesson h3{margin:0;color:#edd6ad;font-size:20px}#courseLesson p{font-size:14px;line-height:1.8;margin:12px 0;color:#d4dedb}#courseLesson h4{border-top:1px solid #52737588;padding-top:16px;margin:16px 0 8px}#courseForm{display:flex;flex-direction:column;gap:12px}#courseForm label{color:#86d9c5;font:13px/1.6 ui-monospace,monospace}#courseForm input[type=text],#courseCommand{width:100%;font:13px ui-monospace,monospace;background:#071416}#courseForm fieldset{border:1px solid #527375;border-radius:6px;padding:12px}#courseForm fieldset label{display:flex;align-items:flex-start;gap:10px;padding:8px 0;color:#e7ebe2;font:14px/1.6 system-ui}#courseForm input[type=radio]{flex-shrink:0;margin-top:5px;accent-color:#70d9ca}#courseForm button{align-self:flex-start;background:#31554f;border-color:#70d9ca}#courseLesson details{margin:12px 0;color:#b9c8c4;font-size:12px}#courseLesson details code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;background:#061315;padding:10px;margin-top:7px}#courseFeedback{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 ui-monospace,monospace;color:#a6ead5;background:#061315;padding:14px;border-radius:6px;min-height:48px}#courseFeedback:empty{display:none}#courseLesson .module-completed{padding:12px;border:1px solid #70d9ca55;background:#70d9ca10;color:#a6ead5}
@media(max-width:850px){.course-layout{grid-template-columns:1fr}#courseModules{display:grid;grid-template-columns:1fr 1fr;gap:5px}.course-overview{display:block}.course-overview h2{font-size:21px}#xpHud{padding:5px 8px;font-size:11px}header{gap:6px}}@media(max-width:480px){header i{max-width:80px;font-size:9px}#graphics{padding:5px;font-size:10px}.course-layout{gap:15px}#courseModules{grid-template-columns:1fr}#courseView p{font-size:13px}}