html{scrollbar-gutter:stable}button,a,input,textarea{touch-action:manipulation}button{user-select:none;-webkit-user-select:none}input,textarea{user-select:text;-webkit-user-select:text}.qdpad button,.qinteract{touch-action:none;-webkit-touch-callout:none}.q-camera-tools{display:flex;gap:7px;align-items:center}.q-camera-tools button{min-height:40px;border:2px solid #9f8351;background:#e7cc91;color:#75623e;border-radius:4px;padding:8px 12px;font-size:12px;box-shadow:0 2px #735d38}.q-camera-tools button.active{background:#b6bd83;color:#5f6e40}.q-camera-tools .qmini-compass{background:#e8d19b;border:1px solid #b79c62;padding:8px;color:#796b42;font:12px Georgia,serif}.qmobile-tabs{display:none}.qavatar{width:74px;height:80px!important}.qdialogue p{font-size:14px!important;line-height:1.9!important}body.quest-mode .qgo{min-height:44px;font-size:12px}.qviewport canvas{outline:none}.lobby-scene{min-height:max(810px,100dvh)}
@media(max-width:760px), (max-width:980px) and (max-height:520px){html{scrollbar-gutter:auto}body{overscroll-behavior-y:contain}body.quest-mode{overflow-x:hidden}body.quest-mode header{height:auto;min-height:56px;padding:8px 12px;gap:10px}body.quest-mode .brand{font-size:17px;letter-spacing:3px}body.quest-mode .brand span{font-size:6px;letter-spacing:1px}body.quest-mode nav{gap:7px}body.quest-mode nav button{padding:8px 10px;min-height:40px;font-size:11px}body.quest-mode #questEnter,body.quest-mode #mapBtn{display:none}body.quest-mode main{padding:0 8px}.qbar{padding:12px 4px 2px;gap:10px!important}.qbar h1{font-size:23px;margin:7px 0}.qbar p{font-size:12px;line-height:1.7}.qeyebrow{font-size:9px;letter-spacing:1px}.qdifficulty button{min-height:40px;padding:9px 13px;font-size:12px}.qgrid{display:flex;flex-direction:column;gap:12px}.qviewport{border-width:3px!important;border-bottom-width:5px!important;box-shadow:0 0 0 1px #d4bc7a!important;border-radius:5px}.qviewport canvas{width:100%;height:clamp(310px,47dvh,430px);aspect-ratio:auto;touch-action:manipulation}.qscenehud{top:9px;left:8px;right:8px;gap:7px}.qscenehud span{font-size:10px;padding:7px 8px}.qtoast{bottom:150px;left:6%;right:6%;font-size:12px;line-height:1.7;padding:11px 13px}.qcontrols{min-height:132px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:12px 18px!important;gap:10px!important}.qcontrols>p{grid-column:1/-1;font-size:11px!important;line-height:1.6;margin:0;color:#8d7848!important}.qdpad{grid-column:1;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,42px);gap:5px}.qdpad button{border:2px solid #ab8c53!important;font-size:18px!important;border-bottom:4px solid #96783f!important;border-radius:6px!important}.qdpad button:active{background:#b9b77d!important;transform:translateY(2px)}.qcontrols .qinteract{grid-column:2;min-width:112px;min-height:60px;font-size:14px!important;letter-spacing:2px;padding:14px!important;border-radius:8px!important;align-self:center}.q-camera-tools{position:absolute;right:10px;bottom:160px;z-index:2;gap:5px}.q-camera-tools button{padding:8px 10px;font-size:11px;background:#f3deacf2}.q-camera-tools .qmini-compass{font-size:11px;padding:9px 8px}.qmobile-tabs{display:flex;gap:8px;margin:4px 0 0}.qmobile-tabs button{flex:1;min-height:44px;border:2px solid #a88b50;background:#d9c08c;color:#79673f;border-radius:5px;font-size:13px}.qmobile-tabs button.active{background:#aeb87a;color:#4f653d;border-color:#8a9a5b}.qaside{display:block}.qaside .qcard{display:none;margin-bottom:12px}.qaside .qcard.mobile-active{display:block}.qcard{padding:18px!important}.qcard h2{font-size:16px}.qobjective{font-size:14px}.qcard p{font-size:13px;line-height:1.9}.qstage{font-size:13px;gap:12px;line-height:1.8}.qstage b{width:29px;height:29px;font-size:12px}.qitem{padding:16px 6px}.qitem span{font-size:28px}.qitem small{font-size:12px}.qfooter{font-size:11px;line-height:1.9;padding:15px 8px calc(16px + env(safe-area-inset-bottom))}.qfooter button{font-size:12px;min-height:40px;padding:8px}.qbrief{padding:16px}.qbrief-card{max-height:88%;overflow:auto;padding:22px!important}.qbrief-card h2{font-size:25px!important}.qbrief-card p{font-size:13px!important;line-height:1.8}.qbrief-card .qbrief-row{flex-wrap:wrap;gap:6px}.qbrief-card .qbrief-row span{font-size:11px;padding:8px}.qbtn{min-height:46px;font-size:13px!important;padding:12px 15px!important}.qbrief-card .qbtn{width:100%}.qtaskgrid{display:flex;flex-direction:column;gap:18px}.qpaper{padding:20px 17px}.qpaper p,.qpaper .qparagraph p{font-size:16px!important;line-height:1.9!important}.qpaper h3{font-size:18px!important}.qreading{max-height:42dvh;min-height:220px;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.qquestions{max-height:none;overflow:visible}.qstatement{padding:18px!important;margin-bottom:13px}.qstatement p{font-size:16px!important;line-height:1.8!important}.qstatement .qselect{gap:7px}.qstatement .qselect button{flex:1;min-height:44px;font-size:12px}.qstatement .qselect.evidence button{flex:0 1 auto;min-height:40px;padding:9px 12px;font-size:12px}.qfield label{font-size:16px}.qfield input{font-size:16px!important;padding:13px;min-height:46px}.qresult{font-size:13px!important;line-height:1.9;padding:14px!important}.qdialogue{display:grid;grid-template-columns:68px 1fr;gap:13px}.qavatar{width:68px;height:76px!important}.qtasklabel{font-size:12px}.qkeyboard-note{font-size:12px!important;line-height:1.9!important}.qwordgrid{grid-template-columns:1fr 1fr;gap:10px}.qword{padding:17px 13px;min-height:155px}.qword strong{font-size:21px}.qword span{font-size:13px}.qword small{font-size:13px;line-height:1.7}.qpatterns{grid-template-columns:1fr;gap:12px}.qpatterns p{font-size:13px!important;line-height:1.9!important}.qsummary-grid{gap:7px}.qsummary-grid b{font-size:25px}.qsummary-grid small{font-size:11px}.qreview-item p{font-size:14px!important;line-height:1.9}.action-row{flex-wrap:wrap;gap:12px}body.quest-mode dialog{width:calc(100vw - 12px);max-width:none;max-height:calc(100dvh - 12px);padding:30px 16px calc(22px + env(safe-area-inset-bottom));margin:auto;border-width:3px}body.quest-mode dialog h2{font-size:25px;line-height:1.5;margin:10px 0 17px}body.quest-mode dialog .close{position:sticky;float:right;right:0;top:0;min-width:42px;min-height:42px;background:#e4cd95;border:1px solid #bba16a;z-index:4;font-size:25px;border-radius:5px}body.quest-mode dialog p{font-size:14px;line-height:1.9}.qwalk-shortcuts button{min-height:44px;font-size:13px;padding:10px 14px}
.lobby-top{padding:22px 22px 0}.lobby-scene{min-height:1170px}.lobby-layout{padding:35px 28px 190px}.lobby-menu{max-width:300px;gap:12px}.lobby-menu .wood-btn{min-height:58px;font-size:18px}.lobby-menu .menu-hint{font-size:12px;line-height:1.9}.lobby-title .tagline{font-size:13px}.lobby-title h1{font-size:60px}.notice-board p{font-size:13px}.quest-ticket p{font-size:12px}.notice-board h2{font-size:22px}.today-go{min-height:44px;font-size:13px}.save-info small{font-size:11px}.save-bar .save-edit{font-size:12px;min-height:42px}.save-stat{font-size:11px}.save-info b{font-size:18px}.lobby-weather{font-size:10px}.lobby-stamp{font-size:8px;max-width:48%;line-height:1.8}.lobby-copyright{font-size:10px}.hall-cards{grid-template-columns:1fr}.hall-card-copy h3{font-size:22px}.hall-card-copy p{font-size:14px;line-height:1.9}.hall-card .wood-btn{min-height:48px;font-size:14px}.hall-roadmap{font-size:13px}.hall-step{font-size:13px;line-height:1.8}.hall-tiny{font-size:12px!important}.hall-history{font-size:14px}.hall-mode-note{font-size:13px}.hall-action-row .wood-btn{min-height:48px;font-size:14px}.coat-choice{width:48px;height:42px}.hall-input{font-size:16px;min-height:46px}body.lobby-mode dialog{width:calc(100vw - 14px);max-width:none;max-height:calc(100dvh - 16px);padding:30px 18px 22px;margin:auto;border-width:3px}body.lobby-mode dialog .close{position:sticky;float:right;top:0;right:0;min-width:42px;min-height:42px;background:#e6d09a;border:1px solid #b7a16c;z-index:4;border-radius:4px}body.lobby-mode dialog p{font-size:14px;line-height:1.9}body.lobby-mode dialog h2{font-size:27px;clear:both}}
@media(max-width:390px){.qbar h1{font-size:21px}.qbar p{font-size:11px}.qcontrols{padding:10px 13px!important}.qcontrols .qinteract{min-width:94px;font-size:13px!important}.qdpad{grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,40px)}.qscenehud span{font-size:9px}.qviewport canvas{height:clamp(300px,45dvh,390px)}.qwordgrid{grid-template-columns:1fr}.lobby-title h1{font-size:55px}.lobby-layout{padding-left:24px;padding-right:24px}.save-avatar{display:none}.save-bar{gap:8px}.save-info{min-width:100px}.lobby-weather{font-size:9px}}
@media(max-width:760px) and (orientation:landscape){.qviewport canvas{height:68dvh}.qcontrols{min-height:106px}.q-camera-tools{bottom:126px}.qcontrols>p{display:none}.qdialogue{grid-template-columns:60px 1fr}.qavatar{height:68px!important;width:60px}}

.q-camera-tools{position:absolute;right:12px;bottom:80px;z-index:2}@media(min-width:761px){.q-camera-tools{display:none}}@media(max-width:760px), (max-width:980px) and (max-height:520px){.q-camera-tools{bottom:160px}}@media(max-width:760px) and (orientation:landscape){.q-camera-tools{bottom:126px}}

.phone-reading-tabs{display:none}html:has(dialog[open]){overflow:hidden}body:has(dialog[open]){overflow:hidden}@media(max-width:760px), (max-width:980px) and (max-height:520px){body.quest-mode dialog,body.lobby-mode dialog{width:calc(100% - 12px)}.phone-reading-tabs{display:flex;gap:8px;position:sticky;top:42px;z-index:3;background:#eddbac;padding:8px 0;margin:10px 0}.phone-reading-tabs button{flex:1;min-height:44px;border:2px solid #ad945a;background:#e5ce98;color:#816e43;font-size:14px;border-radius:5px}.phone-reading-tabs button.active{background:#aeb779;color:#52673e}.qtaskgrid .phone-reading-pane{display:none}.qtaskgrid .phone-reading-pane.active{display:block;max-height:none;min-height:0;overflow:visible}.qtaskgrid:has(.phone-reading-pane){display:block}}
@media(max-width:980px) and (max-height:520px){body.quest-mode header{min-height:45px;padding:4px 12px}.qbar{flex-direction:row!important;align-items:center!important;padding:5px 4px}.qbar h1{font-size:18px;margin:5px 0}.qbar p,.qbar .qeyebrow{display:none}.qviewport canvas{height:58dvh}.qcontrols{min-height:100px}.qcontrols>p{display:none}.q-camera-tools{bottom:125px}.qdpad{grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,38px)}}

@media(max-width:760px), (max-width:980px) and (max-height:520px){.qtoast{bottom:210px}}@media(max-width:980px) and (max-height:520px){.q-camera-tools{display:flex!important}}

.q-map-loading{position:absolute;inset:0;z-index:5;background:#ead9b3;display:grid;place-items:center;color:#8d7649;font-size:15px;letter-spacing:2px;pointer-events:none}