html,body,#root{background:#16110e;height:100%;margin:0;overflow:hidden}#root>canvas{display:block}.ui{pointer-events:none;color:#e8ddd0;-webkit-user-select:none;user-select:none;font-family:Georgia,Times New Roman,serif;position:fixed;inset:0}.chip{pointer-events:auto;color:#d9c9a8;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(6px);background:#120d0a9e;border:1px solid #b08d5773;border-radius:2px;padding:9px 14px;font-family:inherit;font-size:11px;transition:border-color .2s,color .2s}.chip:hover{color:#f2e6cc;border-color:#b08d57}.logo{pointer-events:auto;cursor:pointer;color:#d9c9a8;background:0 0;border:none;align-items:center;gap:9px;padding:4px 2px;font-family:inherit;transition:color .2s;display:inline-flex}.logo:hover{color:#f2e6cc}.logo svg{filter:drop-shadow(0 1px 6px #00000080);display:block}.logotext{letter-spacing:.3em;text-shadow:0 1px 8px #000c;font-size:12px}a.chip.zz{letter-spacing:.1em;padding:8px 9px;font-size:10px;line-height:1;text-decoration:none}.topbar{justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:14px;left:14px;right:14px}.cluster{align-items:center;gap:8px;display:flex}.chip.icon{padding:8px;line-height:0;position:relative}.chip.icon[data-tip]:after{content:attr(data-tip);color:#d9c9a8;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;background:#120d0ad9;border:1px solid #b08d5766;border-radius:2px;padding:6px 10px;font-size:10px;line-height:normal;transition:opacity .12s .2s,transform .12s .2s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-2px)}.chip.icon[data-tip]:hover:after{opacity:1;transform:none}.chip.icon.active:after{display:none}.chip.icon.active{color:#f2e6cc;border-color:#b08d57}.chip.icon.quiet{animation:2.6s ease-in-out infinite breathe}.chip.icon.off{color:#d9c9a866}.plaque{color:#d9c9a8e6;letter-spacing:.22em;-webkit-backdrop-filter:blur(6px);white-space:nowrap;background:#120d0a9e;border:1px solid #b08d5759;border-radius:2px;padding:9px 18px;font-size:11px;position:absolute;left:50%;transform:translate(-50%)}@keyframes breathe{0%,to{border-color:#b08d5773}50%{border-color:#ffb066d9}}.menuback{pointer-events:auto;position:absolute;inset:0}.menupanel{-webkit-backdrop-filter:blur(8px);pointer-events:auto;background:#120d0ac7;border:1px solid #b08d5759;border-radius:2px;flex-direction:column;gap:8px;padding:10px;display:flex;position:absolute;top:56px;right:14px}.menuitem{color:#d9c9a8;cursor:pointer;opacity:.75;background:0 0;border:1px solid #b08d5733;align-items:center;gap:12px;padding:4px;font-family:inherit;transition:opacity .2s,border-color .2s,box-shadow .2s;display:flex}.menuitem img{object-fit:cover;width:96px;height:54px;display:block}.menuitem:hover{opacity:1}.menuitem.active{opacity:1;border-color:#b08d57;box-shadow:0 0 14px #ffb0664d}.menulabel{letter-spacing:.04em;align-items:baseline;gap:8px;padding-right:10px;font-size:13px;font-style:italic;display:flex}.menunum{letter-spacing:.18em;color:#b08d57e6;font-size:11px;font-style:normal}.hint{letter-spacing:.26em;color:#d9c9a8a6;text-shadow:0 1px 8px #000c;white-space:nowrap;font-size:11px;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.intro{z-index:30;text-align:center;-webkit-backdrop-filter:blur(14px);pointer-events:auto;background:#100b08d1;flex-direction:column;justify-content:center;align-items:center;padding:24px;transition:opacity .9s;display:flex;position:absolute;inset:0}.intro.leaving{opacity:0;pointer-events:none}.intro.leaving>*{transition:transform .9s;transform:translateY(-14px)}.intro>*{animation:.9s backwards introrise}.intro>:nth-child(2){animation-delay:.12s}.intro>:nth-child(3){animation-delay:.24s}.intro>:nth-child(4){animation-delay:.36s}.intro>:nth-child(5){animation-delay:.48s}.intro>:nth-child(6){animation-delay:.6s}.intro>:nth-child(7){animation-delay:.72s}@keyframes introrise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.introcaps{letter-spacing:.42em;color:#b08d57;margin-bottom:16px;font-size:clamp(10px,1.4vw,13px)}.introtitle{letter-spacing:.18em;text-indent:.18em;color:#e8ddd0;margin:0;font-size:clamp(40px,8vw,88px);font-weight:400}.introrule{opacity:.7;background:#b08d57;width:64px;height:1px;margin:22px 0}.introbrief{color:#e8ddd0d9;max-width:480px;margin:0;font-size:clamp(15px,2.2vw,18px);font-style:italic;line-height:1.55}.introhow{text-align:left;color:#d9c9a8d9;max-width:440px;margin:26px 0 0;padding:0;font-size:clamp(12px,1.8vw,13.5px);line-height:1.5;list-style:none}.introhow li{align-items:baseline;gap:12px;margin-top:10px;display:flex}.introhow .glyph{text-align:center;color:#b08d57;flex:none;width:18px}.scrollcue{cursor:pointer;color:#d9c9a8;letter-spacing:.28em;text-indent:.28em;background:0 0;border:none;flex-direction:column;align-items:center;gap:7px;margin-top:34px;padding:10px 16px;font-family:inherit;font-size:11px;transition:color .2s;display:flex}.scrollcue:hover{color:#f2e6cc}.scrollcue svg{color:#b08d57;animation:2.2s ease-in-out infinite cuedrift}@keyframes cuedrift{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}.introfoot{letter-spacing:.08em;color:#d9c9a873;margin-top:clamp(24px,5vh,44px);font-size:10.5px;line-height:1.9}.introfoot a{color:#d9c9a8b3;border-bottom:1px solid #b08d5766;text-decoration:none;transition:color .2s,border-color .2s}.introfoot a:hover{color:#f2e6cc;border-color:#b08d57}.fullmodal{pointer-events:auto;z-index:20;background:#0c0906;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fullhost,.fullhost video{width:100%;height:100%}.fullhost video{object-fit:contain}.fullclose{position:absolute;top:14px;right:14px}@media (width<=720px){.topbar{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));gap:8px}.logotext{display:none}.cluster{gap:6px}.chip{padding:8px 11px}.chip.icon{padding:7px}.plaque{padding:7px 14px;font-size:10px;top:calc(100% + 10px)}.menupanel{top:calc(max(10px, env(safe-area-inset-top)) + 44px);right:max(10px, env(safe-area-inset-right))}.menuitem img{width:80px;height:45px}.hint{bottom:calc(max(14px, env(safe-area-inset-bottom)) + 10px);letter-spacing:.2em;font-size:10px}.fullclose{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right))}}