:root{color-scheme:light;--ink:#153c42;--paper:#f1f4e9;--sky:#a7ccd2;font:16px/1.45 "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #e99946;outline-offset:4px}[hidden],.symbols{display:none!important}button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}

#home{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:24px}
.intro{width:min(100%,330px);text-align:center}
.mark{border-radius:12px}
.intro h1{margin:18px 0 12px;font:500 clamp(3.4rem,10vw,5rem)/1.05 "PT Serif",Georgia,serif;letter-spacing:-.055em}
.intro p{margin:0 auto 26px;max-width:32ch;line-height:1.55}
.primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 24px;border:0;border-radius:8px;background:var(--ink);color:white;font-weight:600}
.primary:hover{background:#23565e}
.intro .error{font-size:.95rem;color:#88391b;margin-top:16px}
#experience,#stage{position:fixed;inset:0;overflow:hidden}#experience{background:#162d32;color:white}#stage video,#stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#stage canvas{pointer-events:none}.controls{position:absolute;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));display:flex;justify-content:space-between}.icon{width:48px;height:48px;border-radius:50%;border:1px solid #ffffff55;background:#11282eca;color:white;display:grid;place-items:center}
#status{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);margin:0;border-radius:9px;background:#11282ee0;color:white;padding:12px 16px;text-align:center;width:max-content;max-width:90vw}#guide{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(68vw,44vh);aspect-ratio:3/4;pointer-events:none;opacity:0;transition:opacity .2s}#experience[data-state=search] #guide{opacity:1}#guide i{position:absolute;width:20px;height:20px;border:solid #ffffffe0;border-width:2px 0 0 2px;border-radius:2px}#guide i:nth-child(2){right:0;transform:rotate(90deg)}#guide i:nth-child(3){bottom:0;right:0;transform:rotate(180deg)}#guide i:nth-child(4){bottom:0;transform:rotate(270deg)}

#stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.icon:disabled{opacity:.55}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}