*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Arial,Helvetica,sans-serif;color:#183b3f;background:#073c50}button{font:inherit;cursor:pointer}button:focus-visible,canvas:focus-visible{outline:3px solid #e3a951;outline-offset:4px}#viewer,#scene{width:100%;height:100%;display:block}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#0a4655;color:#fff;letter-spacing:.08em}header{position:absolute;top:28px;left:30px;right:30px;display:flex;align-items:center;gap:15px;pointer-events:none}.monogram{height:52px;width:52px;display:grid;place-content:center;background:#f8f7f0;font-family:Georgia,serif;font-size:28px;position:relative;border-radius:50%;box-shadow:0 3px 30px #001b2920}.monogram span{position:absolute;font-size:17px;right:9px;bottom:7px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;color:#4d696c}h1{font:27px Georgia,serif;margin:5px 0 0;color:#173b40}header .eyebrow{color:#214c52}.concept{margin-left:auto;background:#f6f7f0dc;border:1px solid #fff9;padding:11px 16px;border-radius:30px;font-size:12px;letter-spacing:.04em}.panel{position:absolute;left:30px;top:114px;width:295px;background:#f8f8f0f2;padding:27px 24px 18px;border:1px solid #ffffff88;border-radius:3px;box-shadow:0 16px 60px #06242d1a;max-height:calc(100dvh - 215px);overflow:auto}h2{font:31px/1.1 Georgia,serif;letter-spacing:-.02em;margin:16px 0 13px}p{font-size:14px;line-height:1.6;color:#52676b;margin:0}.rule{height:1px;background:#d8dfd9;margin:22px 0}.small{font-size:11px}.views{margin-top:10px}.views button{border:0;border-bottom:1px solid #dbe1db;background:none;display:flex;align-items:center;width:100%;gap:12px;text-align:left;padding:13px 8px;color:#6c8584;font-size:12px}.views button span{flex:1;font-size:14px;color:#244c50}.views button.active{background:#184e52;color:#a2c6c1;border-radius:3px}.views button.active span{color:#fff}.views button:hover:not(.active){background:#e3ebe3}.ref{display:block;width:100%;margin:22px 0 12px;padding:0;border:0;border-radius:3px;overflow:hidden;background:#d7e7e4;text-align:left}.ref img{width:100%;height:98px;object-fit:cover;display:block}.ref span{display:block;padding:9px 11px;font-size:12px}.note{font-size:12px;line-height:1.5;color:#75847f}.tools{position:absolute;top:112px;right:30px;display:flex;flex-direction:column;gap:8px}.tools button{display:flex;gap:10px;align-items:center;text-align:left;border:1px solid #fff8;background:#f7f9f0ec;padding:13px 17px;border-radius:3px;font-size:19px;box-shadow:0 4px 15px #082f3620;color:#224e52}.tools button span{font-size:13px}.tools button[aria-pressed=true]{background:#194f54;color:white}.bottom{position:absolute;bottom:24px;left:30px;right:30px;color:#eaf7f1;display:flex;gap:25px;align-items:center;font-size:12px;text-shadow:0 1px 6px #073e51}.bottom b{font-size:10px;letter-spacing:.1em}.bottom i{margin:0 12px}.bottom button{margin-left:auto;background:#f6f8efed;border:0;border-radius:3px;color:#17454d;padding:12px 18px;font-size:13px}.orientation{margin-left:auto;font-size:12px;display:flex;gap:10px;align-items:center}.orientation span{font-size:30px}dialog{padding:15px;background:#f8f8f2;border:0;border-radius:5px;max-width:90vw;width:1100px}dialog::backdrop{background:#001d2ade;backdrop-filter:blur(8px)}dialog img{display:block;width:100%;max-height:75vh;object-fit:contain}dialog p{padding:12px 4px 0}#close-dialog{position:absolute;right:24px;top:24px;border:0;background:#fff;border-radius:50%;width:38px;height:38px;font-size:26px}#toast{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);background:#f6f8f0;padding:14px 20px;border-radius:4px;font-size:14px;display:none;max-width:90vw}#mobile-panel{display:none}@media(max-height:760px) and (min-width:761px){.ref{display:none}.panel{padding-top:20px}h2{font-size:27px}.rule{margin:14px 0}.note{margin-top:15px}}@media(max-width:760px){header{top:18px;left:18px;right:18px;gap:10px}h1{font-size:22px}.monogram{width:42px;height:42px;font-size:24px}.eyebrow{font-size:10px}.concept{display:none}.panel{display:none;left:16px;top:88px;width:min(295px,calc(100vw - 85px));max-height:calc(100dvh - 190px)}.panel.open{display:block}.tools{right:16px;top:89px}.tools button{width:44px;height:44px;justify-content:center;padding:5px;font-size:22px}.tools button span{display:none}.bottom{left:16px;right:16px;bottom:16px}.bottom>span:first-child{display:none}.orientation{margin-left:0}.bottom button{padding:12px}.ref{display:none}.note{margin-top:15px}#mobile-panel{display:block;position:absolute;left:16px;bottom:70px;border:1px solid #fff7;border-radius:4px;padding:13px 17px;background:#f7f8ef;color:#19494d;font-size:14px}.bottom{pointer-events:none}.bottom button{pointer-events:auto}}