@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;900&display=swap');
:root{font-family:'Noto Sans KR',sans-serif;color:#193d3a;--green:#246454;--cream:#fffdf5}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#b7d7a0}button,input{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible{outline:3px solid #dcaa49;outline-offset:3px}button{color:inherit;background:#f0f2e9;border-radius:12px;padding:11px 15px;font-weight:600}button:hover{filter:brightness(.96)}button:disabled{opacity:.55;cursor:wait}#world{position:fixed;inset:0;width:100%;height:100%;image-rendering:pixelated}header{position:fixed;top:20px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}header>*{pointer-events:auto}.brand{display:flex;gap:14px;align-items:center;background:var(--cream);border:1px solid #ffffffa8;padding:13px 20px;border-radius:18px;box-shadow:0 5px 20px #25442a12}.brand>b{font-size:28px;letter-spacing:-4px}.brand>b span{color:#cb874a}.brand div{font-size:17px;font-weight:900}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:500;margin-top:4px}.top{display:flex;align-items:center;gap:8px}.top>span{background:#fffdf5;padding:11px 16px;border-radius:12px;font-size:12px}#locations{position:fixed;top:126px;left:24px;width:248px;background:#fffdf5f5;padding:24px;border-radius:20px;box-shadow:0 8px 30px #26482d14}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#8b977a;font-weight:700}h2{font-size:21px;letter-spacing:-1px}#locations p{font-size:11px;color:#7a8977;margin-bottom:26px}#locations button{background:transparent;display:flex;justify-content:space-between;width:100%;padding:13px 0;border-bottom:1px solid #e8ecdf;border-radius:0;font-size:12px}#locations button span{color:#9ca58e;font-size:10px}.mission{margin-top:23px;padding:16px;background:#edf1e2;border-radius:12px;font-size:9px;letter-spacing:1px}.mission strong{display:block;font-size:14px;margin:7px 0}.mission small{font-size:9px;letter-spacing:0}footer{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:7px;background:var(--cream);padding:9px;border-radius:19px;align-items:center;white-space:nowrap;box-shadow:0 8px 30px #213e2922}footer button{font-size:12px;background:transparent}.desktopHint{font-size:10px;color:#839077;margin:0 14px}#near{position:fixed;bottom:103px;left:50%;transform:translateX(-50%);background:var(--cream);padding:9px 10px 9px 20px;border-radius:15px;display:none;align-items:center;gap:18px;white-space:nowrap;font-size:13px}#near button,.primary{background:var(--green);color:white}#toast{position:fixed;top:110px;left:50%;transform:translateX(-50%);background:#173c35ed;color:white;border-radius:12px;padding:12px 20px;font-size:13px;display:none;z-index:6;max-width:90vw}dialog{border:0;padding:30px;background:var(--cream);border-radius:26px;color:inherit;box-shadow:0 25px 100px #153b3150;width:440px;max-width:calc(100vw - 30px);max-height:90dvh;overflow:auto}dialog::backdrop{background:#183e3b80;backdrop-filter:blur(5px)}h1{font-size:34px;line-height:1.35;letter-spacing:-1.8px;margin:16px 0}#welcome p{font-size:13px;line-height:1.9;color:#7e8a75}#welcome label{font-size:12px;display:block;margin:20px 0 8px}input{border:1px solid #dce3d3;background:white;border-radius:12px;padding:13px;width:100%;min-width:0}.primary{width:100%;margin-top:14px;padding:16px}#welcome small{display:block;text-align:center;color:#8a967d;font-size:10px;margin-top:15px}.avatars{display:flex;gap:12px}.avatars button{width:50%;padding:5px;background:#eff1e7;border:2px solid transparent}.avatars button[aria-pressed=true]{border-color:#3e7b5b;background:#e5edde}.avatars canvas{display:block;margin:auto;image-rendering:pixelated}.avatars span{font-size:12px}.panelTitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panelTitle button{padding:7px 11px}#activity{width:570px}#activity p{font-size:14px;line-height:1.9;color:#697d70}.choices{display:flex;gap:12px;margin-top:24px}.choices button{width:50%;font-size:32px;background:#dfeedd}.choices button:last-child{background:#f3e4d8}.exhibit{border:1px solid #dfe5d6;padding:18px;margin-top:12px;border-radius:14px}.exhibit b{font-size:16px}.exhibit p{margin-bottom:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cards button{height:70px;font-size:28px;background:#dce8d7}#chat{position:fixed;right:24px;bottom:104px;width:320px;background:var(--cream);padding:18px;border-radius:20px;box-shadow:0 15px 40px #173c3540}#messages{height:210px;overflow:auto;font-size:12px;overflow-wrap:anywhere}#messages p{line-height:1.7;margin:8px 0}#messages b{color:#578159}#chatForm{display:flex;gap:6px}#chatForm input{font-size:12px;padding:10px}#chatForm button{font-size:12px}#joystick{display:none;position:fixed;bottom:102px;left:24px;width:110px;height:110px;background:#fffdf579;border:2px solid #ffffffa0;border-radius:50%;touch-action:none}#knob{position:absolute;width:46px;height:46px;top:30px;left:30px;background:#fffdf5e0;border-radius:50%;box-shadow:0 4px 12px #233f3922}.rankrow{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid #e3e8dd}
@media(pointer:coarse){#joystick{display:block}.desktopHint{display:none}}
@media(max-width:760px){header{top:max(12px,env(safe-area-inset-top));left:12px;right:12px}.brand{padding:10px 12px;gap:8px}.brand div{font-size:13px}.brand>b{font-size:23px}.brand small{font-size:7px;letter-spacing:1px}.top{gap:5px}.top>span{padding:10px;font-size:10px}.top button{padding:10px;font-size:10px}#help{display:none}#locations{display:none;left:12px;top:86px;width:235px;padding:20px;max-height:65dvh;overflow:auto}#locations.open{display:block}footer{bottom:max(15px,env(safe-area-inset-bottom));padding:6px;gap:0}footer button{padding:12px 15px;font-size:11px}#near{left:auto;right:14px;transform:none;bottom:116px;display:none;flex-direction:column;gap:7px;padding:10px;font-size:11px;max-width:180px;white-space:normal}#chat{right:12px;bottom:84px;width:min(330px,calc(100vw - 24px))}dialog{padding:24px}h1{font-size:29px}#toast{top:90px;font-size:12px}.avatars canvas{height:90px;width:82px}#joystick{width:100px;height:100px;bottom:105px;left:16px}#knob{top:25px;left:25px}}
@media(max-height:550px){#locations{display:none}#welcome h1{font-size:23px;margin:5px 0}.avatars canvas{height:65px;width:60px}#welcome p{margin:5px 0}dialog{padding:18px}header{top:8px}footer{bottom:8px}}


:root{--green:#5c7159;--cream:#fff6e4;color:#3e5142;color-scheme:light}body{background:#a7b88a}#student{margin-bottom:9px}.brand{background:#fff6e4}#locations{background:#fff6e4f5;width:260px}#online{max-width:240px}.ranktabs{display:flex;flex-wrap:wrap;gap:6px}.ranktabs button{font-size:11px}.ranktabs .selected{background:#5c7159;color:white}.reaction{width:100%;min-height:170px;background:#c48f70;color:white;font-size:24px}.reaction.ready{background:#5c9760}.targets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.targets button{height:75px;font-size:30px;background:#e1d5bb}.targets button.lit{background:#e7b85e;color:#fff}.rankrow{font-size:12px;gap:10px}#activity{max-height:85dvh}#welcome{max-height:92dvh}#welcome h1{font-size:29px}#welcome .avatars canvas{height:80px;width:73px}#welcome label{margin-top:12px}#welcome small{margin-top:9px}#joystick{touch-action:none}.cards button:disabled{opacity:1}#chat{z-index:5}#near{z-index:3}@media(max-width:760px){.brand small{display:none}.top>span{max-width:115px;font-size:9px}#locations{width:245px}#welcome h1{font-size:25px}#welcome p{font-size:11px}.rankrow{font-size:11px}#welcome .avatars canvas{height:64px;width:59px}#welcome{padding:20px}.top button{padding:8px}}

[hidden]{display:none!important}#world:focus{outline:none}#composer{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);width:min(580px,calc(100vw - 24px));padding:12px;background:#fff6e4f5;border-radius:17px;z-index:9;box-shadow:0 8px 25px #3d2b262a}#composer #chatForm{display:flex;gap:8px}#composer #chatInput{font-size:14px;padding:13px}#composer button{white-space:nowrap}#emojiPicker{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);display:flex;gap:6px;padding:10px;background:#fff6e4;border-radius:16px;box-shadow:0 8px 25px #3d2b262a;z-index:10}#emojiPicker button{font-size:25px;padding:7px;background:transparent}#chat{max-height:60dvh}#messages{height:280px;max-height:42dvh}#chatToggle[aria-expanded=true]{background:#e8d1aa}:root{--green:#856549}#locations{background:#fff4e1f5}.mission{background:#eee0c4}footer{max-width:calc(100vw - 16px)}@media(max-width:760px){footer button{padding:11px 10px;font-size:11px}#composer{bottom:84px}#emojiPicker{bottom:78px}#chat{bottom:143px}#joystick{bottom:115px}#composer #chatInput{font-size:16px}#composer button{font-size:12px;padding:8px}}

#composer{width:min(630px,calc(100vw - 24px))}#composer #emojiToggle{font-size:23px;padding:6px 10px;background:#f3e1bc}#composer #emojiPicker{position:absolute;bottom:calc(100% + 8px);left:0;transform:none;gap:6px;max-width:100%;flex-wrap:wrap;z-index:12}#composer #emojiPicker button{padding:8px;font-size:25px}.exhibitTabs{display:flex;gap:6px;flex-wrap:wrap}.exhibitTabs button{font-size:12px}.exhibitTabs .selected{background:#34566a;color:#fff}.posterViewport{width:100%;max-height:57dvh;overflow:auto;touch-action:pan-x pan-y pinch-zoom;background:white;border-radius:10px}.posterFull{display:block;width:100%;height:auto}.posterViewport.zoomed .posterFull{width:auto;max-width:none;min-width:100%}.posterTools{display:flex;align-items:center;gap:15px;padding:14px 0;font-size:12px}.posterTools a{color:#365c72}.emptyExhibit{height:260px;background:#fbf5e8;border:2px solid #cfbb92;border-radius:8px}#activity:has(.exhibitTabs){width:950px}#activity:has(.exhibitTabs) h2{margin-top:3px}@media(max-width:760px){#composer #chatForm{gap:4px}#composer #chatInput{padding:11px 8px}#composer #emojiToggle{padding:5px;font-size:22px}#composer #emojiPicker{bottom:calc(100% + 6px);gap:2px}#composer #emojiPicker button{padding:7px;font-size:24px}.posterTools{gap:10px}.exhibitTabs button{font-size:11px;padding:9px}.posterViewport{max-height:53dvh}}

#announcement{position:fixed;inset:auto;top:14vh;left:50%;transform:translateX(-50%);margin:0;width:min(700px,82vw);box-sizing:border-box;border:2px solid #ccae6d;border-radius:24px;padding:20px 26px;background:#fff7dfee;color:#294c45;box-shadow:0 10px 45px #182e3755;z-index:20;pointer-events:none;overflow:visible}#announcement::after{content:'';position:absolute;bottom:-17px;left:calc(50% - 16px);border-left:16px solid transparent;border-right:16px solid transparent;border-top:17px solid #ccae6d}#noticeAuthor{font-size:14px;color:#6d765c}#noticeText{font-size:clamp(20px,2.4vw,30px);line-height:1.55;margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:42vh;overflow:auto}#noticeInput{box-sizing:border-box;width:100%;font:inherit;padding:12px;border:1px solid #bdc8ae;border-radius:12px;resize:vertical}#noticeForm label{display:block;margin-top:10px}.opsPerson{display:flex;gap:6px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #d8dfce}.opsPerson>span{width:100%;font-size:13px}#opsPeople{max-height:38vh;overflow:auto}#activity select{font:inherit;max-width:100%;padding:8px}#activity:has(#opsPeople){width:650px}@media(max-width:760px){footer{max-width:96vw;gap:0;padding:5px}footer button{padding:9px 8px;font-size:11px}#announcement{top:15vh;padding:14px 18px}}

#opsToggle{position:fixed;right:18px;top:100px;z-index:8;background:#fff6e4;box-shadow:0 4px 18px #203a3533}#opsPanel{position:fixed;right:18px;top:150px;width:min(520px,calc(100vw - 16px));max-height:calc(100dvh - 24px);background:#fff6e4;border:1px solid #c4cbb2;border-radius:18px;box-shadow:0 12px 45px #172f3c40;z-index:9;overflow:hidden}#opsHandle{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#365c54;color:#fff;cursor:grab;touch-action:none;user-select:none}#opsHandle small{font-size:10px;opacity:.8}#opsClose{margin-left:auto;padding:5px 9px;background:transparent;color:white}#opsBody{padding:15px;max-height:calc(100dvh - 90px);overflow:auto}#opsBody h2,#opsBody h3{margin:12px 0;font-size:17px}#opsBody p{font-size:12px}.opsTabs{display:flex;gap:6px}.opsTabs button{flex:1;font-size:12px;padding:10px 5px}.opsTabs button[aria-pressed=true]{background:#365c54;color:white}.opsColumns,.opsRow{display:grid;grid-template-columns:52px minmax(82px,1fr) minmax(65px,1fr) minmax(45px,.8fr);gap:7px;align-items:center}.opsColumns{font-size:11px;color:#71806b;padding:12px 0 5px}.opsRow{border-top:1px solid #dedfcf;padding:8px 0;font-size:12px;overflow-wrap:anywhere}.opsRow canvas{display:block;margin:auto;image-rendering:pixelated}.opsRow small{display:block;text-align:center;font-size:10px}.opsRow select{font-size:11px;max-width:100%;padding:5px}.opsRow button{font-size:11px;padding:7px}.opsRow .opsKick{color:#aa4841;font-size:18px;background:#f4e3d6}#opsPeople{max-height:45dvh}#opsPanel input,#opsPanel textarea{touch-action:auto}#opsPanel select{font:inherit}#opsRosterSection[hidden],#opsNoticeSection[hidden],#opsPanel[hidden]{display:none!important}@media(max-width:760px){#opsToggle{top:78px;right:10px;font-size:12px}#opsPanel{top:122px;right:8px}#opsBody{padding:10px}.opsRow{font-size:11px}}