*{box-sizing:border-box}html,body,#app{margin:0;height:100%;overflow:hidden;background:#050508}#c{display:block;width:100%;height:100%}.floating-circle{position:fixed;z-index:13;width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#0c0e1c99;color:#fffffff5;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font:500 16px/1 system-ui,sans-serif;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px #00000059;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.floating-circle:hover{background:#ffffff29;border-color:#ffffff85;transform:translateY(-1px)}.floating-left{left:14px;bottom:14px}.floating-right{right:14px;bottom:14px}.floating-circle:focus-visible{outline:2px solid rgba(180,210,255,.95);outline-offset:2px}#hud{position:fixed;left:12px;bottom:12px;max-width:min(420px,90vw);padding:10px 14px;font:13px/1.45 system-ui,sans-serif;color:#ffffffe0;background:#0c0a148c;border:1px solid rgba(255,255,255,.12);border-radius:10px;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .4s ease}#hud.dim{opacity:.35}.intro-caption{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);max-width:min(22em,92vw);margin:0;text-align:center;font-family:Fraunces,Georgia,Times New Roman,serif;font-size:clamp(1.05rem,3.2vw,1.75rem);font-weight:300;font-optical-sizing:auto;letter-spacing:.03em;line-height:1.45;color:#fffffff0;text-shadow:0 2px 28px rgba(0,0,0,.72);z-index:6;pointer-events:none;padding:.75rem 1rem}.intro-word{display:inline-block;opacity:0;transform:translateY(.35em);transition:opacity 1.1s ease-out,transform 1.1s ease-out}.intro-word.is-visible{opacity:1;transform:translateY(0)}.tap-pace-hint{position:fixed;top:clamp(4.5rem,14vh,8.5rem);left:50%;transform:translate(-50%);max-width:min(20em,88vw);margin:0;text-align:center;font-family:Fraunces,Georgia,Times New Roman,serif;font-size:clamp(.95rem,2.4vw,1.2rem);font-weight:300;font-optical-sizing:auto;font-style:italic;letter-spacing:.02em;line-height:1.4;color:#ffffffe0;text-shadow:0 1px 18px rgba(0,0,0,.55);opacity:0;transition:opacity .65s ease;z-index:7;pointer-events:none;padding:.5rem .85rem}.tap-pace-hint.is-visible{opacity:1}.engagement-hint{position:fixed;top:clamp(4.5rem,14vh,8.5rem);left:50%;transform:translate(-50%);max-width:min(24em,90vw);margin:0;text-align:center;font-family:Fraunces,Georgia,Times New Roman,serif;font-size:clamp(.96rem,2.5vw,1.22rem);font-weight:300;font-optical-sizing:auto;font-style:italic;letter-spacing:.02em;line-height:1.45;color:#ffffffe6;text-shadow:0 1px 18px rgba(0,0,0,.55);opacity:0;transition:opacity .65s ease;z-index:8;pointer-events:auto;padding:.5rem .85rem}.engagement-hint.is-visible{opacity:1}.engagement-hint a{color:#fffffffa;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.secret-mode-prompt{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;display:block;padding:16px;background:radial-gradient(120% 90% at 50% 12%,#495ca452,#050710d6 58%,#020308eb);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity 1s ease}.secret-mode-prompt.is-visible{opacity:1}.secret-mode-prompt[hidden]{display:none!important}.secret-mode-card{width:100%;min-height:calc(100vh - 32px);display:grid;place-content:center;justify-items:center;gap:2px}.secret-line{margin:0 0 8px;text-align:center;font-family:Fraunces,Georgia,Times New Roman,serif;font-weight:300;font-size:clamp(1rem,2.5vw,1.32rem);line-height:1.45;color:#ffffffed;opacity:0;transform:translateY(10px);transition:opacity .8s ease,transform .8s ease}.secret-line:first-child{margin-bottom:12px;font-size:clamp(1.16rem,3vw,1.58rem);color:#eef3fffa}.secret-line strong{font-weight:700;color:#f7fafffc}.secret-line.is-visible{opacity:1;transform:translateY(0)}.secret-actions{margin-top:18px;display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:center}.secret-actions button{border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:9px 16px;background:#ffffff1a;color:#fffffff2;font:500 14px/1.2 system-ui,sans-serif;cursor:pointer;opacity:0;transform:translateY(8px);pointer-events:none;transition:background-color .18s ease,border-color .18s ease,transform .55s ease,opacity .55s ease}.secret-actions button.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.secret-actions button:hover{background:#fff3;border-color:#ffffff7a;transform:translateY(-1px)}
