@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fredoka-latin-400-normal-17JuUzdy.woff2)format("woff2"),url(/assets/fredoka-latin-400-normal-DbXSrOeS.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(/assets/fredoka-latin-700-normal-C8FeHd3X.woff)format("woff")}@font-face{font-family:Jua;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jua-korean-400-normal-WRlc2lCz.woff2)format("woff2"),url(/assets/jua-korean-400-normal-Dr8ebh5I.woff)format("woff")}@font-face{font-family:Jua;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jua-latin-400-normal-B0wF3VKp.woff2)format("woff2"),url(/assets/jua-latin-400-normal-DW1ANaNr.woff)format("woff")}@font-face{font-family:IBM Plex Sans KR;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-kr-korean-400-normal-BwgRZ-w5.woff2)format("woff2"),url(/assets/ibm-plex-sans-kr-korean-400-normal-CDQ9eLCs.woff)format("woff")}@font-face{font-family:IBM Plex Sans KR;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-kr-latin-400-normal-Bc7vhvxM.woff2)format("woff2"),url(/assets/ibm-plex-sans-kr-latin-400-normal-7kwLL-e3.woff)format("woff")}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--night:#080d2e;--night-2:#121a52;--violet:#7b4de8;--cyan:#2fd8e0;--magenta:#e556c8;--lime:#7ee8a2;--gold:#ffc85c;--text:#fff;--text-soft:#ffffffbd;--text-faint:#ffffff85;--glass:#ffffff14;--glass-strong:#ffffff24;--glass-line:#ffffff2e;--glass-line-lit:#ffffff6b;--glass-shadow:0 10px 34px -8px #03061eb3;--r-sm:14px;--r-md:20px;--r-lg:28px;--r-pill:999px;--font-display:"Fredoka", "Jua", sans-serif;--font-kr:"Jua", "Fredoka", sans-serif;--font-body:"IBM Plex Sans KR", "Fredoka", -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--text);background-color:var(--night);word-break:keep-all;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}h1,h2,h3{font-family:var(--font-kr);letter-spacing:-.01em;text-wrap:balance;font-weight:400;line-height:1.3}h1{font-size:clamp(1.8rem,5vw,2.5rem)}h2{font-size:clamp(1.35rem,4vw,1.8rem)}h3{font-size:1.15rem}.en{font-family:var(--font-display);font-weight:600}.num{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:600}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.aurora{z-index:-2;background:radial-gradient(140% 110% at 50% 0%, var(--night-2) 0%, var(--night) 62%);position:fixed;inset:0;overflow:hidden}.aurora span{filter:blur(80px);opacity:.55;will-change:transform;border-radius:50%;position:absolute}.aurora span:first-child{background:var(--violet);width:62vw;height:62vw;animation:26s ease-in-out infinite alternate drift-a;top:-18vw;left:-14vw}.aurora span:nth-child(2){background:var(--cyan);opacity:.4;width:54vw;height:54vw;animation:32s ease-in-out infinite alternate drift-b;top:4vh;right:-12vw}.aurora span:nth-child(3){background:var(--magenta);opacity:.34;width:48vw;height:48vw;animation:38s ease-in-out infinite alternate drift-c;bottom:-20vw;left:22vw}.aurora:after{content:"";background-image:radial-gradient(1.5px 1.5px at 18% 22%,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 72% 14%,#ffffffb3,#0000),radial-gradient(1px 1px at 44% 62%,#fff9,#0000),radial-gradient(1.5px 1.5px at 88% 48%,#ffffffbf,#0000),radial-gradient(1px 1px at 12% 78%,#ffffff8c,#0000),radial-gradient(1.5px 1.5px at 62% 86%,#fff9,#0000);position:absolute;inset:0}.wrap{width:100%;max-width:980px;margin:0 auto;padding:1.4rem 1.1rem 4rem;position:relative}.glass{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(150%);border:1px solid var(--glass-line);border-radius:var(--r-lg);box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-line-lit)}.btn{font-family:var(--font-kr);border-radius:var(--r-pill);cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--violet), #5b34c2);border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.9rem 1.6rem;font-size:1.12rem;transition:transform .14s,box-shadow .14s,filter .14s;display:inline-flex;box-shadow:0 10px 26px -10px #7b4de8f2,inset 0 1px #ffffff4d}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 34px -12px #7b4de8,inset 0 1px #ffffff59}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{filter:grayscale(.6)brightness(.75);cursor:not-allowed}.btn-cyan{background:linear-gradient(135deg, var(--cyan), #17a7bd);color:#04252b;box-shadow:0 10px 26px -10px #2fd8e0e6,inset 0 1px #ffffff73}.btn-glass{background:var(--glass-strong);-webkit-backdrop-filter:blur(14px);border-color:var(--glass-line);box-shadow:var(--glass-shadow)}.btn-block{width:100%}.btn-sm{padding:.55rem 1.05rem;font-size:.94rem}.field{width:100%;font-family:var(--font-display);text-align:center;color:#fff;border:1px solid var(--glass-line);border-radius:var(--r-md);-webkit-backdrop-filter:blur(10px);background:#080d2e8c;outline:none;padding:1rem 1.1rem;font-size:1.5rem;font-weight:600}.field::placeholder{color:var(--text-faint);font-weight:500}.field:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #2fd8e047}.track{border-radius:var(--r-pill);border:1px solid var(--glass-line);background:#080d2e99;height:12px;overflow:hidden}.track>i{border-radius:var(--r-pill);background:linear-gradient(90deg, var(--violet), var(--cyan));height:100%;transition:width .5s cubic-bezier(.34,1.3,.64,1);display:block;box-shadow:0 0 14px #2fd8e0b3}.chip{font-family:var(--font-kr);border-radius:var(--r-pill);background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-line);color:var(--text);align-items:center;gap:.35rem;padding:.38rem .85rem;font-size:.88rem;display:inline-flex}.battle-home-cta{border-radius:var(--r-lg);width:100%;color:var(--text);box-shadow:var(--glass-shadow), inset 0 1px 0 #ffffff3d, 0 0 30px -14px var(--gold);font:inherit;text-align:left;cursor:pointer;background:linear-gradient(110deg,#e556c847,#7b4de852,#2fd8e038);border:1px solid #ffc85c8c;align-items:center;gap:.85rem;margin:-.15rem 0 1.4rem;padding:.85rem 1rem;transition:transform .16s,border-color .16s;display:flex}.battle-home-cta:hover{border-color:var(--gold);transform:translateY(-3px)}.battle-home-cta>span:nth-child(2){flex:1;min-width:0}.battle-home-cta b{font-family:var(--font-kr);font-size:1.12rem;font-weight:400;display:block}.battle-home-cta small{color:var(--text-soft);margin-top:.12rem;display:block}.battle-home-icon{color:#322000;background:var(--gold);border-radius:16px;flex:none;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 0 22px #ffc85c7a}.battle-topbar,.battle-game-head{justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:1rem;display:flex}.battle-kicker{color:var(--gold);align-items:center;gap:.35rem;font-size:.9rem;font-weight:700;display:inline-flex}.battle-hero{background:linear-gradient(115deg,#7b4de84d,#e556c82e,#2fd8e033);align-items:center;gap:1.1rem;margin-bottom:1rem;padding:1.2rem;display:flex}.battle-hero-icon{background:#ffc85c2e;border-radius:24px;flex:none;place-items:center;width:74px;height:74px;font-size:2.4rem;display:grid;box-shadow:inset 0 0 24px #ffc85c33,0 0 24px #ffc85c38}.battle-hero p{color:var(--text-soft);margin-top:.35rem;line-height:1.65}.battle-rules{flex-wrap:wrap;gap:.45rem;margin-top:.65rem;display:flex}.battle-rules span{border-radius:var(--r-pill);border:1px solid var(--glass-line);color:var(--text-soft);background:#080d2e47;align-items:center;gap:.25rem;padding:.3rem .62rem;font-size:.8rem;display:inline-flex}.battle-demo-note{border-radius:var(--r-md);color:#ffe2a8;background:#60390557;border:1px solid #ffc85c6b;margin-bottom:1rem;padding:.75rem .9rem;font-size:.86rem;line-height:1.55}.battle-field{gap:.42rem;display:grid}.battle-field>span{color:var(--text-soft);font-size:.86rem;font-weight:700}.battle-lobby>.battle-field{margin-bottom:1rem}.battle-lobby-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.nick-pick{gap:.6rem}.nick-pick-head{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.nick-pick-head>span{color:var(--text-soft);font-size:.86rem;font-weight:700}.nick-pick-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.nick-chip{font:inherit;font-family:var(--font-kr);border-radius:var(--r-md);color:var(--text-soft);background:var(--glass);border:1px solid var(--glass-line);cursor:pointer;padding:.72rem .5rem;font-size:.98rem;transition:transform .12s,border-color .12s,color .12s}.nick-chip:hover:not(.is-on){color:var(--text);transform:translateY(-2px)}.nick-chip.is-on{color:#04252b;background:linear-gradient(135deg, var(--cyan), #17a7bd);border-color:#0000;font-weight:700;box-shadow:0 10px 24px -12px #2fd8e0e6}.nick-pick-note{color:var(--text-faint);font-size:.82rem}.battle-privacy{margin-bottom:1rem;padding:.78rem .9rem;font-size:.86rem}.battle-privacy summary{cursor:pointer;align-items:center;gap:.65rem;list-style:none;display:flex}.battle-privacy summary::-webkit-details-marker{display:none}.battle-privacy summary:after{content:"＋";color:var(--text-soft);flex:none;font-size:1.05rem;line-height:1}.battle-privacy[open] summary:after{content:"−"}.battle-privacy-title{flex:1;align-items:center;gap:.4rem;min-width:0;font-weight:700;display:inline-flex}.battle-privacy-title svg{color:var(--cyan)}.battle-privacy-mode{border:1px solid var(--glass-line);border-radius:var(--r-pill);color:var(--text-soft);white-space:nowrap;flex:none;padding:.24rem .55rem;font-size:.75rem;font-weight:700}.battle-privacy-mode.online{color:#aef7fa;background:#2fd8e01a;border-color:#2fd8e06b}.battle-privacy-mode.demo{color:#ffe2a8;background:#6039054d;border-color:#ffc85c6b}.battle-privacy-body{border-top:1px solid var(--glass-line);color:var(--text-soft);gap:.42rem;margin-top:.72rem;padding-top:.72rem;line-height:1.55;display:grid}.battle-create{gap:.72rem;padding:1.2rem;display:grid}.battle-create>p{min-height:2.8em;color:var(--text-soft);font-size:.9rem}.battle-card-emoji{font-size:2.2rem}.battle-create .field{text-align:left;padding:.78rem .9rem;font-size:1.05rem}.battle-create select.field{appearance:auto;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.battle-code-input{text-transform:uppercase;letter-spacing:.18em}.battle-error{color:#ffd4f5;text-align:center;background:#e556c833;border-radius:12px;margin-top:.8rem;padding:.65rem .8rem}.battle-center{place-items:center;min-height:86vh;display:grid}.battle-message{text-align:center;width:min(520px,100%);padding:1.6rem}.battle-message>p{color:var(--text-soft);margin:.55rem 0 1rem;line-height:1.6}.battle-message .battle-field{text-align:left;margin:1rem 0}.battle-loader{border:3px solid #fff3;border-top-color:var(--cyan);border-radius:50%;width:24px;height:24px;margin:0 .6rem -6px 0;animation:.8s linear infinite battle-spin;display:inline-block}.battle-room-code{letter-spacing:.18em;text-shadow:0 0 22px #ffc85c73;font-size:clamp(2.5rem,12vw,4.4rem);line-height:1;color:var(--gold)!important}.battle-versus-mini{grid-template-columns:1fr auto 1fr;align-items:center;gap:.7rem;margin:1.2rem 0;display:grid}.battle-versus-mini span{border:1px solid var(--glass-line);border-radius:var(--r-md);background:#ffffff0d;min-width:0;padding:.7rem .5rem}.battle-versus-mini b,.battle-versus-mini small{text-overflow:ellipsis;display:block;overflow:hidden}.battle-versus-mini small{color:var(--text-faint);margin-top:.18rem}.battle-versus-mini strong{color:var(--magenta);font:700 1.2rem var(--font-display)}.battle-ready-note{color:var(--text-soft);font-size:.88rem}.battle-connection{color:var(--text-faint);align-items:center;gap:.3rem;font-size:.78rem;display:inline-flex}.battle-connection.online{color:var(--lime)}.battle-scoreboard{grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;margin-bottom:1rem;display:grid}.battle-player{border-radius:var(--r-md);background:linear-gradient(135deg, #2fd8e033, var(--glass));border:1px solid #2fd8e066;grid-template-columns:1fr auto;gap:.14rem .6rem;min-width:0;padding:.78rem .9rem;display:grid;box-shadow:inset 0 1px #ffffff2e}.battle-player.enemy{text-align:right;background:linear-gradient(225deg, #e556c833, var(--glass));border-color:#e556c86b}.battle-player small{color:var(--text-faint);grid-column:1}.battle-player b{text-overflow:ellipsis;grid-column:1;overflow:hidden}.battle-player strong{color:var(--cyan);grid-area:1/2/3;align-self:center;font-size:2rem}.battle-player.enemy strong{color:var(--magenta)}.battle-player i{border-radius:var(--r-pill);background:#080d2ea6;grid-column:1/-1;height:6px;margin-top:.36rem;overflow:hidden}.battle-player i span{border-radius:inherit;background:var(--cyan);transform-origin:0;width:100%;height:100%;transition:transform .35s;display:block}.battle-player.enemy i span{transform-origin:100%;background:var(--magenta)}.battle-player.is-hit{animation:.52s battle-player-hit}.battle-vs{color:var(--gold);place-items:center;display:grid}.battle-vs span{font:700 .72rem var(--font-display)}.battle-question{text-align:center;align-content:center;justify-items:center;min-height:390px;padding:2rem clamp(1rem,4vw,2.5rem);display:grid;position:relative;overflow:hidden}.battle-question:before{content:"";z-index:-1;background:conic-gradient(from 30deg,#0000,#7b4de82e,#0000,#2fd8e021,#0000);animation:18s linear infinite battle-spin;position:absolute;inset:-40%}.battle-question-label{color:var(--text-soft)}.battle-question h1{text-shadow:0 0 28px #ffffff29;margin:.65rem 0 1rem;font-size:clamp(2.2rem,8vw,4rem)}.battle-clue{background:#080d2e59;border-radius:14px;width:min(580px,100%);margin:-.25rem 0 .8rem;padding:.7rem .9rem}.battle-clue small{color:var(--text-soft);margin-top:.18rem;display:block}.battle-answer-form{grid-template-columns:1fr auto;gap:.6rem;width:min(620px,100%);display:grid}.battle-answer-form .field{font-size:clamp(1.35rem,5vw,2rem)}.battle-answer-form .btn{padding-inline:1.25rem}.battle-feedback{min-height:1.5em;color:var(--text-faint);margin-top:.72rem}.battle-feedback.show{color:var(--gold);font-weight:700}.battle-countdown span{color:var(--gold);font:700 clamp(5rem, 20vw, 9rem)/1 var(--font-display);filter:drop-shadow(0 0 22px #ffc85c7a);animation:.35s both pop;display:block}.battle-countdown p{color:var(--text-soft);margin-top:.5rem;font-size:1.2rem}.battle-impact{z-index:50;pointer-events:none;text-align:center;background:radial-gradient(circle,#48124afa,#080d2efa 72%);place-content:center;justify-items:center;animation:1.25s both battle-impact-in;display:grid;position:fixed;inset:0}.battle-impact.attack{background:radial-gradient(circle,#0a4b5cfa,#080d2efa 72%)}.battle-impact-burst{font-size:clamp(6rem,28vw,12rem);animation:.55s cubic-bezier(.2,1.7,.5,1) both battle-burst}.battle-impact strong{font-family:var(--font-kr);font-size:clamp(2rem,7vw,3.8rem)}.battle-impact span{color:var(--gold);font-size:clamp(1.4rem,5vw,2.4rem)}.battle-screen-hit{animation:.42s battle-screen-hit}.battle-finish-emoji{font-size:5rem}.battle-final-score{font-size:4rem;line-height:1;color:var(--cyan)!important;margin:.5rem 0!important}.battle-final-score small{color:var(--text-soft);font-size:.5em}.battle-finish-actions{gap:.65rem;margin-top:1.25rem;display:grid}.battle-win{box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-line-lit), 0 0 50px -10px #ffc85cb3}.writing-pad{margin-top:1rem;padding:1rem;overflow:hidden}.writing-pad-head{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.8rem;display:flex}.writing-pad-head p,.writing-help,.trace-caption{color:var(--text-soft);margin-top:.18rem;font-size:.88rem}.writing-mode{border:1px solid var(--glass-line);border-radius:var(--r-pill);background:#080d2e6b;gap:.35rem;padding:.25rem;display:flex}.writing-mode button{border-radius:var(--r-pill);color:var(--text-soft);font:600 .84rem var(--font-body);cursor:pointer;background:0 0;border:0;align-items:center;gap:.3rem;padding:.5rem .72rem;display:inline-flex}.writing-mode button[data-active=true]{color:#061b2a;background:var(--cyan);box-shadow:0 5px 18px -7px #2fd8e0e6}.writing-stage{border-radius:var(--r-md);background-color:#050d2bb8;background-image:linear-gradient(90deg,#0000 0 10%,#e556c861 10% calc(10% + 2px),#0000 calc(10% + 2px)),repeating-linear-gradient(#0000 0 55px,#60bcff3d 55px 57px);border:1px solid #7dcdff47;min-height:230px;position:relative;overflow:hidden;box-shadow:inset 0 1px 18px #00000038}.writing-stage canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.writing-stage[data-mode=trace] canvas{pointer-events:none;opacity:0}.writing-tools{justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.7rem;display:flex}.trace-panel{background:#050d2bc2;grid-template-rows:auto 1fr auto;place-items:center;padding:.6rem .8rem;display:grid;position:absolute;inset:0}.trace-word{flex-wrap:wrap;justify-content:center;gap:.2rem;display:flex}.trace-word button{min-width:28px;color:var(--text-soft);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:.2rem .35rem}.trace-word button[data-active=true]{color:var(--cyan);background:#2fd8e01f;border-color:#2fd8e06b}.trace-letter-row{grid-template-columns:42px minmax(108px,150px) 42px;align-items:center;gap:.8rem;display:grid}.trace-letter{width:100%;height:150px;overflow:visible}.trace-guide{stroke:#60bcff40;stroke-width:1.5px}.trace-guide-dash{stroke-dasharray:4 4}.trace-shadow,.trace-stroke{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:9px}.trace-shadow{stroke:#ffffff24}.trace-stroke{stroke:var(--cyan);stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 4px #2fd8e0e6);animation:.72s ease-out forwards trace-draw}.trace-number-dot{fill:var(--gold);stroke:#6c4810;stroke-width:1px}.trace-number{fill:#2d1a00;font:700 10px var(--font-display);text-anchor:middle;pointer-events:none}.trace-arrow{border:1px solid var(--glass-line);width:42px;height:42px;color:var(--text);background:var(--glass-strong);cursor:pointer;border-radius:50%;place-items:center;display:grid}.trace-arrow:disabled{opacity:.25;cursor:default}.trace-caption{text-align:center;margin:0}.trace-caption b{color:var(--cyan);font-size:1.05rem}.writing-help{text-align:center}.chapter-grid{grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:.9rem;display:grid}.chapter{border-radius:var(--r-lg);background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(150%);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-line-lit);color:var(--text);font:inherit;cursor:pointer;flex-direction:column;align-items:center;gap:.45rem;padding:1.1rem .7rem .9rem;transition:transform .18s cubic-bezier(.34,1.4,.64,1),box-shadow .18s,border-color .18s;display:flex;position:relative}.chapter:hover{border-color:var(--glass-line-lit);transform:translateY(-5px)}.chapter:active{transform:translateY(0)}.chapter img{-o-object-fit:contain;object-fit:contain;width:72px;height:72px}.chapter[data-badge="0"] img{opacity:.4;filter:saturate(.2)}.chapter[data-badge="0"]{opacity:.9}.chapter[data-badge="1"]{box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-line-lit), 0 0 26px -6px #e07a578c}.chapter[data-badge="2"]{box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-line-lit), 0 0 26px -6px #bec3e699}.chapter[data-badge="3"]{box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-line-lit), 0 0 34px -4px #ffc85ccc}.chapter[data-badge="3"] img{filter:drop-shadow(0 0 12px #ffc85cbf)}.chapter b{font-family:var(--font-kr);font-size:1.02rem;font-weight:400}.chapter small{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.8rem}.gate{border-radius:var(--r-lg);-webkit-backdrop-filter:blur(18px)saturate(160%);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-line-lit);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:linear-gradient(100deg,#7b4de847,#2fd8e02e);grid-column:1/-1;align-items:center;gap:1rem;padding:1rem 1.2rem;transition:transform .18s,border-color .18s;display:flex}.gate:hover:not(:disabled){border-color:var(--glass-line-lit);transform:translateY(-3px)}.gate:disabled{cursor:not-allowed;opacity:.55}.gate[data-open=true]{box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-line-lit), 0 0 30px -6px #7b4de8cc}.pop{animation:.4s cubic-bezier(.34,1.5,.64,1) both pop}.shake{animation:.36s ease-in-out shake}.float{animation:5s ease-in-out infinite float}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 10px #ffc85c8c)}50%{filter:drop-shadow(0 0 22px #ffc85cf2)}}@keyframes trace-draw{to{stroke-dashoffset:0}}@keyframes battle-spin{to{transform:rotate(360deg)}}@keyframes battle-player-hit{0%,to{transform:translate(0)}25%{transform:translate(-10px)rotate(-2deg)}55%{transform:translate(8px)rotate(2deg)}}@keyframes battle-screen-hit{0%,to{transform:translate(0)}20%{transform:translate(-7px,3px)}45%{transform:translate(7px,-3px)}70%{transform:translate(-4px,1px)}}@keyframes battle-burst{0%{opacity:0;transform:scale(.15)rotate(-18deg)}to{opacity:1;transform:scale(1)rotate(4deg)}}@keyframes battle-impact-in{0%,76%{opacity:1}to{opacity:0}}@keyframes drift-a{0%{transform:translate(0)scale(1)}to{transform:translate(14vw,10vh)scale(1.18)}}@keyframes drift-b{0%{transform:translate(0)scale(1.1)}to{transform:translate(-12vw,14vh)scale(.92)}}@keyframes drift-c{0%{transform:translate(0)scale(.95)}to{transform:translate(10vw,-12vh)scale(1.2)}}html[data-motion=reduced] *,html[data-motion=reduced] :before,html[data-motion=reduced] :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=640px){.writing-pad-head{flex-direction:column;align-items:stretch}.writing-mode{align-self:stretch}.writing-mode button{flex:1;justify-content:center}.writing-stage{min-height:250px}.writing-tools{flex-wrap:wrap}.battle-home-cta .chip{display:none}.battle-home-icon{border-radius:14px;width:42px;height:42px}.battle-hero{align-items:flex-start}.battle-hero-icon{border-radius:17px;width:52px;height:52px;font-size:1.8rem}.battle-lobby-grid{grid-template-columns:1fr}.nick-pick-grid{grid-template-columns:repeat(2,1fr)}.battle-privacy summary{flex-wrap:wrap;padding-right:1.35rem;position:relative}.battle-privacy summary:after{position:absolute;top:.12rem;right:0}.battle-privacy-title{flex-basis:100%}.battle-privacy-mode{margin-left:1.4rem}.battle-create>p{min-height:0}.battle-game-head{flex-wrap:wrap;align-items:center}.battle-game-head .chip{padding-inline:.55rem;font-size:.76rem}.battle-connection{font-size:0}.battle-connection svg{width:18px;height:18px}.battle-scoreboard{gap:.4rem}.battle-player{padding:.62rem .65rem}.battle-player strong{font-size:1.55rem}.battle-vs svg{width:20px}.battle-question{min-height:430px}.battle-answer-form{grid-template-columns:1fr}.battle-answer-form .btn{width:100%}}