:root{color-scheme:dark;--잉크:#f1f6f5;--보조:#aebfbe;--유리:#142728ed;--선:#b8d9d124;--강조:#adebbf;--금색:#f2d89a}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#162b32;color:var(--잉크);font-family:system-ui,'Malgun Gothic',sans-serif}button,select,input{font:inherit}button,select{color:var(--잉크);background:#ffffff09;border:1px solid var(--선);border-radius:10px;padding:12px 14px;font-size:13px}button{cursor:pointer;transition:background .15s,transform .15s,border-color .15s}button:hover{background:#ffffff16;border-color:#adebbf88}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:wait}button:focus-visible,select:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--강조);outline-offset:3px}select{width:100%;cursor:pointer}option,optgroup{background:#203737}input{accent-color:var(--강조)}[hidden]{display:none!important}#화면{display:block;width:100%;height:100%;outline:none;touch-action:none}.화면음영{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#0b1d2b55,transparent 22%,transparent 70%,#0b1d2b66)}body[data-mode=overview] .화면음영{background:linear-gradient(90deg,#102325c9,transparent 56%),linear-gradient(0deg,#10232577,transparent 25%)}
.게임헤더{position:fixed;top:28px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.게임헤더>*{pointer-events:auto}.학교표식{display:flex;align-items:center;gap:12px;text-shadow:0 2px 9px #0007}.학교문장{display:grid;place-items:center;width:45px;height:48px;font-size:13px;font-weight:800;border:1px solid #dfefd780;background:#24443fb3;border-radius:12px 12px 18px 18px}.학교표식 strong{display:block;font-size:17px;margin-top:3px}.작은제목{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--강조)}.메뉴버튼{display:flex;align-items:center;gap:12px;background:var(--유리);backdrop-filter:blur(16px)}kbd{display:inline-block;min-width:22px;padding:3px 6px;border:1px solid #dbebe84a;border-bottom-width:2px;border-radius:5px;color:#edf5ef;font:600 10px system-ui;white-space:nowrap}.메뉴버튼>span{font-size:17px}
#시작안내{position:fixed;left:40px;top:50%;transform:translateY(-40%);width:306px;max-width:calc(100vw - 48px);max-height:calc(100dvh - 180px);overflow:auto}h1{font-size:40px;font-weight:800;letter-spacing:-1.8px;line-height:1.27;margin:16px 0 14px;text-shadow:0 4px 22px #0003}p{font-size:12px;line-height:1.8;color:var(--보조)}#캐릭터상태{font-size:12px;color:#dfebe1;margin:0 0 23px}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;font-weight:800;font-size:14px;background:var(--강조);color:#173127;border-color:var(--강조);padding:16px 19px;box-shadow:0 5px 25px #082a2030}.primary:hover{background:#c5f7d3;color:#173127;border-color:#c5f7d3}.primary span{font-size:21px}.시작힌트{margin:16px 0 20px}#불러오기{display:block;font-size:10px;letter-spacing:.3px;color:#b2c9ba}#불러오기::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--강조);margin:0 7px 2px 0}body[data-mode=walk] #시작안내{padding:25px;border:1px solid var(--선);background:var(--유리);border-radius:18px;backdrop-filter:blur(18px);box-shadow:0 20px 60px #0003}body[data-mode=walk] h1{font-size:28px;letter-spacing:-1px}body[data-mode=walk] #불러오기{display:none}
dialog{color:var(--잉크);background:var(--유리);border:1px solid #b8d9d142;border-radius:20px;padding:26px;box-shadow:0 30px 100px #0006;max-width:calc(100vw - 24px);max-height:calc(100dvh - 30px);overflow:auto;backdrop-filter:blur(24px)}dialog::backdrop{background:#07191896;backdrop-filter:blur(5px)}#게임메뉴{width:430px}h2{font-size:23px;letter-spacing:-.5px;margin:6px 0 18px}.창제목{display:flex;justify-content:space-between;align-items:flex-start}.닫기{font-size:24px;line-height:20px;padding:7px 11px}.메뉴구역{border-top:1px solid var(--선);margin-top:22px;padding-top:18px}.메뉴구역 h3{font-size:14px;margin:0 0 14px}.메뉴구역 label{display:block;font-size:11px;color:var(--보조);margin:13px 0 7px}.이동선택{display:grid;grid-template-columns:1fr auto;gap:8px}.이동선택 select{min-width:0}.교실추천{display:flex;align-items:center;gap:10px;width:100%;margin-top:10px;color:var(--강조);text-align:left}.교실추천 span:first-child{font-size:10px;color:var(--보조)}.교실추천 span:last-child{margin-left:auto}.메뉴하단{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.메뉴하단 button{font-size:12px}summary{cursor:pointer;font-size:13px;color:#d2e4da;padding:2px}.조작목록{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;font-size:11px;color:var(--보조)}.메뉴구역 .감도설정{display:flex;align-items:center;justify-content:space-between;margin:20px 0}.감도설정 input{width:55%}#드래그걷기{width:100%}
#지도상자{position:fixed;left:30px;bottom:49px;width:230px;background:#102529eb;border:1px solid var(--선);border-radius:16px;overflow:hidden;pointer-events:none;box-shadow:0 10px 35px #0002;backdrop-filter:blur(14px)}.지도제목{display:flex;justify-content:space-between;padding:12px 14px 0}#지도{display:block;width:100%;height:auto}#탐험{padding:0 13px 12px;font-size:10px;color:#d5e2d8}#탐험진행{display:block;appearance:none;border:0;width:100%;height:3px;background:#ffffff16}#탐험진행::-webkit-progress-bar{background:#ffffff16}#탐험진행::-webkit-progress-value{background:var(--강조)}#탐험진행::-moz-progress-bar{background:var(--강조)}body[data-playing=false] #지도상자{left:auto;right:30px}.위치표시{position:fixed;left:50%;top:35px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;border:1px solid var(--선);background:#12292bbd;backdrop-filter:blur(12px);padding:10px 16px;border-radius:30px;font-size:12px;pointer-events:none;max-width:40%;white-space:nowrap}.위치점{width:6px;height:6px;border-radius:50%;background:var(--강조);flex-shrink:0}#현재위치{overflow:hidden;text-overflow:ellipsis}#조작힌트{position:fixed;right:30px;bottom:52px;display:flex;gap:17px;align-items:center;pointer-events:none;font-size:11px;color:#e5eee8;text-shadow:0 2px 4px #000}#조작힌트 span{display:flex;gap:7px;align-items:center}#조작힌트 kbd{background:#15292ecc}body[data-playing=false] #조작힌트{display:none}footer{position:fixed;left:32px;right:32px;bottom:16px;font-size:10px;color:#d4e0dd;pointer-events:none;text-shadow:0 1px 5px #000}#상태{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#승강기호출{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:var(--금색);color:#253528;font-weight:800;border:0;box-shadow:0 8px 30px #0003}#승강기호출 kbd{color:inherit;border-color:#25352855;margin-right:6px}#승강기창{width:320px}#승강기창 .층버튼{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}#승강기창 .층버튼 button{font-size:19px;padding:20px}#승강기닫기{width:100%}#승강기전환{position:fixed;inset:0;z-index:50;background:#102529;display:grid;place-items:center;color:var(--강조)}#캐릭터창{background:var(--유리);color:var(--잉크);border-color:var(--선);border-radius:20px}#캐릭터창 p{color:var(--보조)}#캐릭터창::backdrop{background:#07191896}.캐릭터선택줄 button{background:#ffffff08;color:var(--잉크);border:1px solid var(--선);padding:13px}.캐릭터선택줄 button[aria-pressed=true]{border-color:var(--강조);background:#adebbf18;box-shadow:inset 0 0 0 1px var(--강조)}.캐릭터선택줄 span,#캐릭터닫기{color:var(--보조)}
#주차장선택,#탐험방법선택{width:440px}.주차장선택줄{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.주차장선택줄 button{min-height:72px;font-weight:700;color:var(--강조);word-break:keep-all}#탐험방법뒤로{width:100%}
.차량키요약{display:grid;grid-template-columns:1fr 1fr;gap:8px 6px;margin-top:14px;font-size:11px;line-height:1.5;color:#d0efd8;letter-spacing:0}.차량키요약 span{display:flex;align-items:center;gap:5px;white-space:nowrap}.차량터치안내{margin:14px 0 0;word-break:keep-all;overflow-wrap:anywhere}.차량도움제목{font-size:12px;margin:22px 0 0;letter-spacing:0}
@media(max-width:850px){.게임헤더{top:18px;left:20px;right:20px}.학교표식 strong{font-size:14px}.학교문장{width:35px;height:40px;font-size:11px}.위치표시{top:79px;max-width:80%;font-size:11px}#시작안내{left:24px;width:280px}h1{font-size:34px}#조작힌트{right:20px;gap:10px;display:grid;grid-template-columns:1fr 1fr}#지도상자{left:20px;width:190px}body[data-playing=false] #지도상자{right:20px;width:190px}}
@media(max-width:600px){.게임헤더{left:16px;right:16px;top:16px}.학교표식{gap:8px}.학교표식 .작은제목{font-size:8px;letter-spacing:1px}.메뉴버튼{padding:10px}.메뉴버튼 kbd{display:none}#시작안내{left:24px;top:auto;bottom:66px;transform:none;max-height:calc(100dvh - 195px)}body[data-playing=false] #지도상자{display:none}#지도상자{width:155px;left:16px;bottom:62px}#탐험{font-size:8px;padding:0 9px 9px}.지도제목{padding:9px 10px 0}#조작힌트{right:16px;bottom:68px;font-size:10px;gap:9px}#조작힌트 kbd{font-size:9px;padding:3px}footer{left:16px;right:16px;bottom:16px}dialog{padding:20px}#승강기호출{bottom:240px;white-space:nowrap}#게임메뉴{width:400px}}
@media(max-height:560px){#시작안내{top:110px;bottom:auto;transform:none;max-height:calc(100dvh - 160px)}#시작안내 h1{font-size:25px;margin:8px 0}#캐릭터상태{margin-bottom:12px}.시작힌트{display:none}#불러오기{margin-top:12px}#지도상자{width:155px}.위치표시{top:28px}#캐릭터창 canvas{height:170px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
.헤더동작{display:flex;align-items:center;gap:8px}.관리자링크{font-size:12px;color:var(--잉크);background:var(--유리);border:1px solid var(--선);border-radius:10px;padding:12px 10px;text-decoration:none}.관리자링크:focus-visible{outline:3px solid var(--강조);outline-offset:3px}