:root{color-scheme:dark;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;color:#ddd;background:#000;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible{outline:1px solid #eee;outline-offset:6px}[hidden]{display:none!important}#installation{height:100svh;position:relative;overflow:hidden;background:#000}#surface{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}#camera{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);opacity:0;pointer-events:none}#installation.active #camera{opacity:1}#entrance,#prompt,#return{z-index:2}#entrance{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}h1{font-size:14px;letter-spacing:.28em;font-weight:400;margin:0 0 64px;color:#aaa}#start{background:transparent;color:#e1e1e1;border:0;padding:16px 4px;font-size:18px;letter-spacing:.18em;min-height:52px}#start:hover{color:#fff}#start:disabled{color:#888;cursor:wait}.privacy{font-size:12px;line-height:1.9;color:#888;max-width:320px;margin:36px 0 0}#notice{font-size:14px;line-height:1.8;max-width:380px;margin:18px 0 0;min-height:1.8em}footer{position:absolute;z-index:3;bottom:max(18px,env(safe-area-inset-bottom));right:max(24px,env(safe-area-inset-right));display:flex;gap:24px;align-items:center}footer button,#close-settings{border:0;background:transparent;color:#aaa;padding:12px 0;font-size:14px;min-height:44px}footer button:hover{color:#fff}.active footer{opacity:0;pointer-events:none;transition:opacity .4s}.active.controls-visible footer,.active footer:focus-within{opacity:1;pointer-events:auto}.active{cursor:none}.active.controls-visible{cursor:auto}#prompt{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;font-size:14px;font-weight:400;letter-spacing:.14em;color:#aaa;margin:0}@media(max-width:500px){h1{margin-bottom:48px}#start{font-size:16px}.privacy{max-width:270px}footer{gap:20px;right:20px}}@media(max-height:420px){h1{margin-bottom:24px}.privacy{margin-top:20px}#entrance{padding-bottom:60px}}@media(prefers-reduced-motion:reduce){.active footer{transition:none}}

#return{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;color:#7a7a7a;font-size:14px;font-weight:400;letter-spacing:.28em;cursor:pointer} .completed footer{display:none} footer{opacity:0;transition:opacity .8s} footer:hover,footer:focus-within{opacity:1} #installation:not(.active):not(.completed):hover footer{opacity:.6}