@font-face{font-family:'Noto Sans Symbols';font-style:normal;font-weight:400;font-display:swap;src:url('/tether/noto-sans-symbol.woff2') format('woff2')}


:root{color-scheme:dark;--bg:#0b1427;--ink:#edf7fa;--muted:#b2c3cc;--cyan:#7cfff0;--coral:#ffa991}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans KR','Noto Sans Symbols',sans-serif;overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:var(--ink);border:1px solid #456381;background:#112238b3;border-radius:13px;min-width:44px;min-height:44px;padding:10px 16px;touch-action:manipulation}button:hover{background:#274360}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}header{position:fixed;z-index:4;left:24px;right:24px;top:20px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}header>*{pointer-events:auto}.brand{display:flex;gap:10px;align-items:center;font-weight:700;font-size:17px}.mark{color:var(--cyan);font-size:29px}.header-actions{display:flex;gap:8px}#language{font-size:11px}#pause{font-size:17px;padding:8px 13px}#music{padding:9px;width:44px}#music svg{display:block;width:23px;height:23px;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}#music[data-muted=true]{color:#94a5b5}button[hidden]{display:none}main{position:relative;width:100vw;height:100dvh;touch-action:auto;user-select:none}canvas{width:100%;height:100%;display:block;touch-action:none}.topline{position:absolute;left:28px;top:23px;display:flex;gap:16px;align-items:center;pointer-events:none;color:var(--muted)}.stage-badge{display:grid;place-items:center;border:1px solid #7cfff063;border-radius:9px;width:40px;height:36px;color:var(--cyan);font:600 14px 'Noto Sans KR','Noto Sans Symbols',sans-serif;background:#122e3c77}.topline strong{font:400 27px 'Noto Sans KR','Noto Sans Symbols',sans-serif;letter-spacing:1px;font-variant-numeric:tabular-nums;color:var(--ink)}body[data-mode=intro] .topline,body[data-mode=intro] #pause{display:none}body[data-mode]:not([data-mode=intro]) .brand{visibility:hidden}body[data-mode=play] #language,body[data-mode=hit] #language{display:none}#overlay{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,#0e1a2be8 8%,#0e1a2b9c 40%,#0e1a2b00 76%);text-align:center;pointer-events:auto}#overlay[hidden],section[hidden]{display:none}section{width:min(610px,calc(100vw - 40px));padding:12px;max-height:calc(100dvh - 150px);overflow:auto}h1{font-size:clamp(44px,6.5vw,80px);font-weight:800;line-height:1.08;letter-spacing:-3px;margin:0 0 24px}h1 em{font-style:normal;color:var(--cyan);text-shadow:0 0 30px #69e6ec30}html[lang=ko] h1{line-height:1.2}.controls{display:flex;justify-content:center;gap:24px;margin:16px 0;color:#c6d9e1;font:11px 'Noto Sans KR','Noto Sans Symbols',sans-serif;letter-spacing:1px}i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.cyan{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.coral{background:var(--coral);box-shadow:0 0 8px var(--coral)}.primary{background:linear-gradient(120deg,#7cfff0,#81b9ff);color:#092235;border:0;min-width:220px;min-height:54px;padding:15px 27px;font-size:15px;font-weight:800;letter-spacing:2px;box-shadow:0 0 28px #60e9ef28;margin:22px auto;display:block}.primary:hover{background:linear-gradient(120deg,#b6fff7,#a2cfff);box-shadow:0 0 35px #60e9ef40}.touch-copy{display:block;color:var(--muted);font-size:11px;margin:12px 0}.landing-info{margin:4px auto 0;width:min(340px,100%);font-size:11px;color:var(--muted);line-height:1.75;text-align:left}.landing-info summary{text-align:center;cursor:pointer;min-height:44px;padding:11px;list-style-position:inside}.landing-info[open]{background:#11283bea;border:1px solid #31516a;border-radius:12px}.landing-info div{padding:0 18px 18px}.landing-info p{margin:10px 0}.landing-info a{color:var(--cyan);text-decoration:underline}.eyebrow{font:11px 'Noto Sans KR','Noto Sans Symbols',sans-serif;letter-spacing:3px;color:var(--muted);margin:0 0 15px}#over h1{font-size:clamp(56px,9vw,92px);margin:0 0 20px;font-variant-numeric:tabular-nums}#over h1 em{font-size:.4em;letter-spacing:0;margin-left:6px;color:var(--muted)}.result-actions{display:flex;justify-content:center;align-items:center;gap:12px}.result-actions .primary{margin:0;min-width:170px}.result-actions #share{min-width:110px;min-height:54px}#sharetext{display:block;height:78px;width:100%;resize:none;user-select:text;margin:18px auto 0;background:#14283e;color:#dfedf4;padding:12px;border:1px solid #426480;border-radius:9px;font-size:11px;line-height:1.5}#sharetext[hidden]{display:none}footer{position:fixed;z-index:4;bottom:17px;left:20px;right:20px;display:flex;justify-content:center;color:var(--muted);font-size:10px;letter-spacing:1px}.legal-nav{display:flex;gap:20px}.legal-nav a{padding:10px 0}.legal-nav a:hover{color:var(--cyan)}body[data-mode=play] footer,body[data-mode=hit] footer{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.joystick{display:none;position:absolute;z-index:2;width:116px;height:116px;border:1px solid #7cfff060;background:radial-gradient(circle,#7cfff015,transparent 65%);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);color:var(--cyan);opacity:.32}.joystick[data-active=true]{opacity:.85}.joystick div{width:42px;height:42px;border:1px solid currentColor;background:#7cfff026;box-shadow:0 0 15px #7cfff038;border-radius:50%;position:absolute;left:36px;top:36px}.joystick span{position:absolute;top:119px;width:100%;left:0;text-align:center;font:10px 'Noto Sans KR','Noto Sans Symbols',sans-serif;letter-spacing:2px}#joy1{color:var(--coral);border-color:#ffa99160;background:radial-gradient(circle,#ffa99115,transparent 65%)}#joy1 div{background:#ffa99126;box-shadow:0 0 15px #ffa99138}.document-page{overflow:auto}.document-page header{position:relative;inset:auto;padding:24px 32px;pointer-events:auto}.document{height:auto;min-height:calc(100dvh - 100px);width:min(720px,100%);margin:0 auto;padding:45px 24px 70px;touch-action:auto;user-select:text;line-height:1.8}.document h1{font-size:40px;margin:22px 0 32px;letter-spacing:-1px}.document h2{font-size:20px;color:var(--cyan);margin-top:30px}.document p{color:#bdcbd3;font-size:15px}.document .back{font-size:13px;color:var(--muted)}.document .legal-nav{margin-top:45px;padding-top:20px;border-top:1px solid #344b62;font-size:12px}@media(pointer:coarse){.touch-copy{display:block}.controls{display:none}}@media(max-width:680px){header{left:16px;right:16px;top:14px}.brand{font-size:15px}.header-actions{gap:5px}#language{padding:8px 10px}.topline{left:17px;top:18px;gap:10px}.topline strong{font-size:24px}.stage-badge{width:34px;height:32px;font-size:12px}h1{font-size:52px;letter-spacing:-2px}.controls{font-size:10px;gap:14px}section{width:calc(100vw - 26px);padding:10px;max-height:calc(100dvh - 130px)}.result-actions .primary{min-width:150px}.result-actions #share{min-width:90px;font-size:12px}.document-page header{padding:18px}.document{padding-top:20px}.document h1{font-size:32px}.document p{font-size:14px}footer{bottom:8px;font-size:9px}.legal-nav{gap:16px}}@media(max-height:540px){header{top:12px}.topline{top:15px}section{max-height:calc(100dvh - 105px);padding:3px}h1{font-size:38px;margin-bottom:12px}.controls{margin:10px}.touch-copy{margin:7px}.primary{margin:12px auto;min-height:48px}#over h1{font-size:54px;margin-bottom:10px}.eyebrow{margin-bottom:8px}.result-actions .primary,.result-actions #share{min-height:46px}.landing-info summary{min-height:35px;padding:7px}footer{bottom:4px}.joystick{width:96px;height:96px}.joystick div{left:26px;top:26px}.joystick span{top:98px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

#music[data-state=playing]{color:var(--cyan);border-color:#65dcd399;box-shadow:0 0 14px #65dcd320}

textarea,input,select{font-family:inherit}