:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#173047;background:#dce7ee;color-scheme:light}*{box-sizing:border-box}body{margin:0}button{font:inherit;font-weight:650;border:1px solid #b4c8d4;border-radius:10px;background:#f8fbfd;color:#23475b;padding:10px 16px;cursor:pointer;min-height:44px}button:hover{background:#e5f1f4}button:focus-visible{outline:3px solid #007e97;outline-offset:3px}button:disabled{opacity:.5;cursor:default}button[aria-pressed=true]{background:#096e80;color:white;border-color:#096e80}.explorer{height:100dvh;min-height:440px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:radial-gradient(ellipse at 50% 40%,#f2f7fa 0%,#cfdee8 78%);overflow:hidden}header{display:flex;justify-content:space-between;gap:12px;padding:16px 20px;z-index:2}.model-toggle{display:flex;gap:5px}#viewport{position:relative;min-height:0;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}#intro{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}#intro[hidden],#status[hidden]{display:none}#start{position:absolute;bottom:22px;background:#096e80;color:white;padding:14px 25px;box-shadow:0 8px 30px #183e5140;font-size:17px;border-color:#096e80}#status{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;margin:0;background:#f8fbfdf2;border:1px solid #b4c8d4;border-radius:12px;padding:12px 20px;text-align:center;z-index:3}footer{padding:14px 18px 12px;background:#edf4f8e8;border-top:1px solid #bed0dc;z-index:2}.layer-toggle{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}#hint{text-align:center;color:#496477;font-size:13px;margin:10px 0 0}@media(max-width:520px){header{padding:12px;gap:8px}button{padding:9px 11px;font-size:13px}.layer-toggle{gap:5px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.layer-toggle button{padding:8px 2px;font-size:11px}footer{padding:10px}.explorer{min-height:440px}}
