*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--gray:silver;--grayd:gray;--grayl:#dfdfdf;--ink:#000;--navy:navy;--navy2:#1084d0;--white:#fff;--accent:#ff3b10;--desk:teal}html,body{min-height:100%}body{background:var(--desk);color:var(--ink);-webkit-font-smoothing:antialiased;padding:22px 22px 56px;font-family:Pretendard,Malgun Gothic,Apple SD Gothic Neo,Tahoma,sans-serif;font-size:12px}.mono{font-family:SF Mono,ui-monospace,Menlo,monospace}.win{background:var(--gray);border:2px solid;border-color:var(--grayl) var(--ink) var(--ink) var(--grayl);max-width:1180px;margin:0 auto;box-shadow:1px 1px #000}.titlebar{background:linear-gradient(90deg, var(--navy), var(--navy2));color:#fff;align-items:center;gap:6px;margin:2px;padding:3px 3px 3px 5px;display:flex}.titlebar .t{letter-spacing:.01em;flex:1;font-size:12.5px;font-weight:700}.titlebar .ico{background:var(--white);color:#000;border:1px solid #444;place-items:center;width:15px;height:15px;font-size:9px;display:grid}.tbtn{background:var(--gray);border:1px solid;border-color:var(--grayl) var(--ink) var(--ink) var(--grayl);cursor:pointer;color:#000;place-items:center;width:17px;height:15px;font-size:10px;font-weight:700;line-height:1;display:grid}.menubar{gap:2px;padding:2px 4px;display:flex}.menubar span,.menubar a{cursor:default;color:inherit;padding:2px 7px;text-decoration:none}.menubar a{cursor:pointer}.menubar span:hover,.menubar a:hover,.menubar a.on{background:var(--navy);color:#fff}.menubar u{text-decoration:underline}.addrbar{align-items:center;gap:6px;padding:3px 6px 6px;display:flex}.addrbar label{color:#333}.sunken{background:var(--white);border:1px solid;border-color:var(--grayd) var(--grayl) var(--grayl) var(--grayd)}.addrbar .field{flex:1;padding:3px 6px}.content{border:1px solid;border-color:var(--grayd) var(--grayl) var(--grayl) var(--grayd);background:#fff;margin:0 4px 4px;padding:0;position:relative;overflow:hidden}.roomsvg{width:100%;height:auto;display:block}.stageroom{display:none}.stageroom.show{animation:.7s ease-out both roomIn;display:block}@keyframes roomIn{0%{opacity:0;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.enter{aspect-ratio:1160/660;transform-origin:50% 56%;background:#f6f6f4;place-items:center;width:100%;display:grid;position:relative}.enter.walk{animation:1.05s cubic-bezier(.55,0,.9,.35) forwards walkIn}@keyframes walkIn{0%{opacity:1;transform:scale(1)}70%{opacity:1}to{opacity:0;transform:scale(9)}}.enter.gone{display:none}.corridor{position:absolute;inset:0}.corridor line{stroke:#111;stroke-width:1.2px;vector-effect:non-scaling-stroke}.frame{z-index:2;aspect-ratio:1/2.05;perspective:1000px;background:#fff;border:1.5px solid #111;width:26%;position:relative}.behind{background:#fff;position:absolute;inset:3px;overflow:hidden}.behind svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.behind:after{content:"";pointer-events:none;background:#1111111a;position:absolute;inset:0}.panel{transform-origin:0;cursor:pointer;background:#fff;border:1.2px solid #111;flex-direction:column;justify-content:center;align-items:center;gap:0;transition:transform .85s cubic-bezier(.33,0,.2,1);display:flex;position:absolute;inset:3px}.enter.open .panel{transform:rotateY(-108deg)}.enter.open .panel .plate,.enter.open .panel .knob{opacity:0;transition:opacity .25s}.panel:before{content:"";border:1px solid #111;position:absolute;inset:9% 11%}.panel .plate{z-index:2;letter-spacing:.06em;background:#fff;border:1.2px solid #111;margin-bottom:34%;padding:7px 14px;font-family:SF Mono,monospace;font-size:15px;position:relative}.panel .knob{z-index:2;background:#fff;border:1.2px solid #111;border-radius:50%;width:11px;height:11px;position:absolute;top:52%;right:11%}.panel:hover .plate{background:var(--accent);color:#fff;border-color:var(--accent)}.entertxt{text-align:center;z-index:3;color:#555;letter-spacing:.06em;font-size:12px;position:absolute;bottom:9%;left:0;right:0}.entertxt b{color:#111}.enter.open .entertxt{opacity:0;transition:opacity .3s}.exitbar{z-index:15;position:absolute;top:8px;left:8px}.statusbar{gap:4px;padding:2px 4px 4px;display:flex}.statusbar div{color:#333;border:1px solid;border-color:var(--grayd) var(--grayl) var(--grayl) var(--grayd);padding:2px 7px}.statusbar .grow{flex:1}.edge{stroke:#111;stroke-width:1.2px;fill:none;vector-effect:non-scaling-stroke}.wallface{fill:#fff}.floorface{fill:#f6f6f4}.item{cursor:pointer}.item .plate{fill:#fff;stroke:#111;stroke-width:1.2px;vector-effect:non-scaling-stroke;transition:fill .1s}.item:hover .plate{fill:var(--accent)}.item.on .plate{fill:#111}.itxt{fill:#111;pointer-events:none;font-family:Pretendard,Malgun Gothic,sans-serif;font-size:12px;transition:fill .1s}.itxt.sm{fill:#777;letter-spacing:.06em;font-family:SF Mono,monospace;font-size:9px}.item:hover .itxt,.item.on .itxt,.item:hover .itxt.sm,.item.on .itxt.sm{fill:#fff}.dlg{background:var(--gray);border:2px solid;border-color:var(--grayl) var(--ink) var(--ink) var(--grayl);z-index:20;width:min(430px,88%);display:none;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%);box-shadow:2px 2px #00000059}.dlg.open{display:block}.dlg .titlebar{background:linear-gradient(90deg, var(--navy), var(--navy2))}.dlg-body{align-items:flex-start;gap:14px;padding:18px 16px 12px;display:flex}.dlg-ico{background:#fffbe6;border:1px solid #888;flex:none;place-items:center;width:32px;height:32px;font-size:17px;display:grid}.dlg-txt{flex:1}.dlg-txt h3{margin-bottom:7px;font-size:13px}.dlg-txt p{color:#111;margin-bottom:8px;font-size:12px;line-height:1.75}.dlg-foot{justify-content:center;gap:8px;padding:2px 16px 16px;display:flex}.btn98{background:var(--gray);cursor:pointer;min-width:78px;color:var(--ink);text-align:center;border:2px solid;border-color:var(--grayl) var(--ink) var(--ink) var(--grayl);padding:4px 14px;font-family:inherit;font-size:12px;text-decoration:none;display:inline-block}.btn98:active{border-color:var(--ink) var(--grayl) var(--grayl) var(--ink)}.taskbar{background:var(--gray);border-top:2px solid var(--grayl);z-index:60;align-items:center;gap:5px;height:30px;padding:3px 5px;display:flex;position:fixed;bottom:0;left:0;right:0}.start{border:2px solid;border-color:var(--grayl) var(--ink) var(--ink) var(--grayl);background:var(--gray);align-items:center;gap:5px;padding:2px 9px;font-weight:700;display:flex}.taskitem{border:2px solid;border-color:var(--ink) var(--grayl) var(--grayl) var(--ink);background:var(--gray);min-width:170px;padding:3px 12px}.tray{border:1px solid;border-color:var(--grayd) var(--grayl) var(--grayl) var(--grayd);margin-left:auto;padding:3px 10px}.doc{max-width:760px;padding:26px 30px 34px}.doc-head{border-bottom:1px solid #d8d8d4;margin-bottom:20px;padding-bottom:12px}.doc-head .tag{letter-spacing:.12em;color:#777;font-family:SF Mono,monospace;font-size:9px}.doc-head h1{margin-top:5px;font-size:19px}.doc-head .lead{color:#555;margin-top:6px;font-size:12px;line-height:1.7}.doc-head time{color:#777;margin-top:6px;font-family:SF Mono,monospace;font-size:10px;display:block}.list{list-style:none}.list li{border-bottom:1px solid #ececea}.list a{color:var(--ink);justify-content:space-between;align-items:baseline;gap:14px;padding:11px 4px;text-decoration:none;display:flex}.list a:hover{background:#f2f2ee}.list .title{font-size:13px;font-weight:700}.list .summary{color:#666;margin-top:3px;font-size:11px;line-height:1.6}.list time,.list .cat{color:#777;flex:none;font-family:SF Mono,monospace;font-size:10px}.empty{text-align:center;color:#777;border:1px dashed #c8c8c4;padding:34px 16px;font-size:12px}.prose{color:#111;font-size:13px;line-height:1.9}.prose p{margin-bottom:14px}.prose h2{margin:22px 0 9px;font-size:15px}.prose h3{margin:18px 0 7px;font-size:13px}.prose ul,.prose ol{margin:0 0 14px 20px}.prose li{margin-bottom:5px}.prose a{color:var(--navy)}.prose code{background:#f2f2ee;border:1px solid #e0e0dc;padding:1px 4px;font-family:SF Mono,monospace;font-size:12px}.prose pre{background:#f2f2ee;border:1px solid #e0e0dc;margin-bottom:14px;padding:12px 14px;overflow-x:auto}.prose pre code{background:0 0;border:0;padding:0}.prose img{max-width:100%;height:auto}.doc-foot{border-top:1px solid #d8d8d4;gap:8px;margin-top:28px;padding-top:14px;display:flex}.gb-form{background:var(--gray);border:2px solid;border-color:var(--grayl) var(--ink) var(--ink) var(--grayl);margin-bottom:22px;padding:14px 16px 16px}.gb-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.gb-row label{flex:none;width:44px;font-size:12px}.gb-row input,.gb-row textarea{background:var(--white);border:1px solid;border-color:var(--grayd) var(--grayl) var(--grayl) var(--grayd);flex:1;padding:4px 6px;font-family:inherit;font-size:12px}.gb-row textarea{resize:vertical;height:62px}.gb-note{color:#444;margin-top:4px;font-size:11px;line-height:1.7}.gb-list{list-style:none}.gb-list li{border-bottom:1px solid #ececea;padding:11px 4px}.gb-list .who{font-size:12px;font-weight:700}.gb-list time{color:#777;margin-left:8px;font-family:SF Mono,monospace;font-size:10px}.gb-list p{color:#333;margin-top:4px;font-size:12px;line-height:1.7}@media (max-width:768px){body{padding:10px 10px 46px;font-size:12px}.menubar{flex-wrap:wrap}.doc{padding:18px 16px 26px}.list a{flex-direction:column;gap:3px}.taskitem{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}}