:root{--lime: #edff00;--white: #fff;--dim2: #d8d8d8;--line-lime: rgba(237, 255, 0, .55)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}html,body{overflow:hidden;background:#000;font-family:Pretendard,Apple SD Gothic Neo,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.kiosk-root{position:fixed;inset:0;background:#000}.frame{position:fixed;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .5s ease;z-index:1}.frame.is-on{opacity:1;pointer-events:auto;z-index:2}.frame.card.is-on{z-index:3}.frame-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.frame-loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;background:#000;z-index:5}.frame-loader .cl-ring{width:92px;height:92px;border-radius:50%;border:6px solid rgba(237,255,0,.18);border-top-color:var(--lime);animation:spin .9s linear infinite}.frame-loader .cl-text{color:var(--dim2);font-size:26px;font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}.intro-enter{position:absolute;inset:0;z-index:6;display:flex;align-items:flex-end;justify-content:center;padding-bottom:7vh;background:transparent;border:0;cursor:pointer;font-family:inherit}.intro-enter .ie-hint{display:inline-flex;align-items:center;gap:12px;padding:14px 30px;border-radius:999px;background:#0a0a0a8c;border:1.5px solid var(--line-lime);color:var(--white);font-size:26px;font-weight:800;letter-spacing:-.3px;backdrop-filter:blur(6px)}.intro-enter .dot{width:13px;height:13px;border-radius:50%;background:var(--lime);animation:blink 1.3s ease-in-out infinite}@keyframes blink{0%,to{opacity:.25}50%{opacity:1}}.card-back{position:absolute;top:24px;left:24px;z-index:7;display:inline-flex;align-items:center;gap:8px;background:#0a0a0ab8;color:var(--white);border:1.5px solid var(--line-lime);font-family:inherit;font-size:22px;font-weight:800;padding:12px 22px;border-radius:999px;cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 8px 24px #00000080}.card-back .cb-arrow{color:var(--lime);font-size:24px}.card-back:active{transform:scale(.96)}.intro-enter:focus-visible,.card-back:focus-visible{outline:3px solid var(--lime);outline-offset:3px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important}.frame{transition:opacity .01s!important}}
