*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#081525;color:white}button{font:inherit;cursor:pointer;border:1px solid #ffffff4a;border-radius:9px;padding:10px 13px;background:#102b49d9;color:white}button:hover{background:#205577}#scene{position:fixed;inset:0}#hud{position:fixed;z-index:5;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;background:linear-gradient(#05162de8,#05162d88,transparent)}.brand b{font-size:19px;letter-spacing:1px}.brand span{color:#eec66a}.brand small{display:block;font-size:11px;color:#c5d9e8}.actions{display:flex;gap:6px}#crosshair{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;color:#fff9;font-size:23px}#bottom{position:fixed;z-index:4;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;background:#071c33dc;padding:7px;border-radius:12px;white-space:nowrap}#current{font-size:12px;min-width:135px;text-align:center;color:#f1cf86;font-weight:700}#toast{position:fixed;z-index:3;top:86px;left:50%;transform:translateX(-50%);text-align:center;font-size:12px;background:#0a2843cc;padding:8px 14px;border-radius:20px;max-width:90vw;pointer-events:none}#move{position:fixed;z-index:4;bottom:80px;left:15px;text-align:center;user-select:none}#move button{padding:11px 14px;background:#153650b0;touch-action:none}#move>div{display:flex;gap:3px;margin-top:3px}#overlay{position:fixed;inset:0;z-index:10;background:#03101dd6;display:flex;align-items:center;justify-content:center;padding:18px}.hidden{display:none!important}.modal{position:relative;background:#f9fbff;color:#183047;width:min(660px,100%);max-height:85vh;overflow:auto;border-radius:18px;padding:26px;box-shadow:0 20px 90px #0009}.modal h2{margin:4px 0 10px}.modal h3{margin-bottom:6px}.modal p,.modal li{line-height:1.65}.modal .close{position:absolute;right:12px;top:12px;background:#193e60}.modal button.item{display:block;width:100%;text-align:left;background:#e8f1f7;color:#12334c;border:1px solid #d0e0ec;margin:7px 0}.modal button.item:hover{background:#cde6f5}.tag{display:inline-block;color:#786022;background:#f9e9b7;border-radius:20px;padding:4px 10px;font-size:12px}.muted{color:#516679}@media(max-width:600px){#hud{padding:8px;align-items:flex-start}.brand b{font-size:15px}.brand small{font-size:9px;max-width:180px}.actions button{font-size:11px;padding:8px}#bottom{bottom:10px;gap:4px}#bottom button{font-size:11px;padding:8px}#current{min-width:85px;font-size:10px}#move{bottom:70px}#toast{top:74px}}

.actions{flex-wrap:wrap;justify-content:flex-end}.tablewrap{overflow:auto}table{border-collapse:collapse;min-width:780px;font-size:13px}td,th{padding:10px;border:1px solid #d4e1ea;vertical-align:top;text-align:left}thead{background:#d9e9f3}fieldset{margin:14px 0;border:1px solid #d1dfe8;border-radius:10px;padding:12px}.answer{display:block;padding:7px 0;cursor:pointer}.primary{background:#0c6484;color:white}a{color:#0a6287}#quizresult{margin-top:12px} @media(max-width:700px){.actions{max-width:60%;gap:3px}.actions button{font-size:10px;padding:6px}.brand{max-width:40%}#toast{top:112px}.modal{padding:20px 14px}}

.reference{background:#eef3f5;color:#16334b;padding:14px;border-radius:12px;margin-top:18px}.reference a{color:#075b84}#v3notice{position:fixed;right:14px;top:94px;z-index:2;background:rgba(7,23,43,.86);border:1px solid #d4ae63;color:#f5e7c9;border-radius:10px;padding:10px 14px;max-width:260px;font:12px Arial}#v3notice b,#v3notice span{display:block;margin-bottom:3px}@media(max-width:700px){#v3notice{display:none}}

.tourbuttons{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.tourbuttons button{background:#164e6e;color:white}.tourbuttons button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:700px){#hud{max-height:118px;overflow:auto}#bottom{max-width:96vw}#current{white-space:normal}}

/* V5 reflection and accessibility */
.reflect-label{display:block;margin:16px 0;line-height:1.6}.reflect-input{display:block;width:100%;box-sizing:border-box;margin:7px 0 13px;padding:12px;background:#f8fafc;color:#14283c;border:1px solid #9ab1c2;border-radius:9px;font:inherit}.reflect-label textarea{resize:vertical;min-height:95px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #f0c46d;outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* V6 scholarly panels */
.scholar{border-left:4px solid #c9a357;background:#f0f5f9;padding:10px 15px;margin:12px 0;border-radius:6px}.scholar h3{margin:3px 0}.scholar p{margin:6px 0}.quality{display:flex;gap:8px;flex-wrap:wrap}.quality button{background:#164e6e}.modal a{overflow-wrap:anywhere}

/* V7 museum interface */
#hud{padding:14px 22px;background:linear-gradient(180deg,rgba(3,16,31,.96),rgba(6,23,41,.9));border-bottom:1px solid #d6b16b55;box-shadow:0 8px 28px #0006;align-items:center}
.brand{flex-shrink:0}.brand b{font-size:clamp(18px,2vw,26px);letter-spacing:.07em}.brand small{font-size:11px;max-width:260px}
.topnav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.topnav button{background:#16354f;border:1px solid #9ab0bb66;border-radius:12px;font-size:13px;padding:11px 13px;white-space:nowrap}.topnav button:hover,.topnav button[aria-expanded="true"]{background:#245979;border-color:#d6b16b}
.dropdown{position:fixed;z-index:9;top:85px;right:20px;width:min(320px,calc(100vw - 28px));max-height:calc(100vh - 110px);overflow:auto;display:grid;gap:6px;padding:13px;background:#0c263deF;border:1px solid #d2b47280;border-radius:16px;box-shadow:0 20px 60px #0009;backdrop-filter:blur(12px)}.dropdown button{width:100%;text-align:left;background:#173d58;border-color:#ffffff30}.dropdown label{font-size:13px;color:#e3eaf0;padding:9px 7px}.dropdown input{width:100%;accent-color:#e8c176;display:block;margin-top:10px}
#bottom{bottom:18px;background:#061b2ceD;border:1px solid #e4c77c70;box-shadow:0 10px 30px #0008}#bottom button{border-color:#e8c17670}#current{color:#f2d18c}
#toast{top:104px;background:#081d30c9;border:1px solid #c9b17b55;color:#f8f0dc}
#v3notice{display:none!important}
.modal{width:min(760px,100%);border:2px solid #bfa56d;box-shadow:0 20px 100px #000b}.modal h2{color:#163b55}.modal h3{color:#1b5573}
#move button{background:#12314bdf;border:1px solid #d7bf8266}
@media(max-width:950px){#hud{padding:9px 12px;gap:8px}.topnav{gap:4px}.topnav button{padding:8px 9px;font-size:11px}.brand small{display:none}.dropdown{top:78px}}
@media(max-width:650px){#hud{max-height:none;overflow:visible;display:block}.brand{margin-bottom:8px}.brand b{font-size:17px}.topnav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.topnav button{flex-shrink:0;font-size:11px;padding:9px 10px}.dropdown{top:105px;right:8px}.modal{padding:19px 14px}#toast{top:126px;font-size:11px}#bottom{bottom:8px}#move{bottom:80px}}