#app{padding-top:max(28px,env(safe-area-inset-top));padding-bottom:max(32px,env(safe-area-inset-bottom))}@font-face{font-family:'Pretendard';src:url('fonts/Pretendard-Light.ttf') format('truetype');font-weight:300;font-display:swap}@font-face{font-family:'Pretendard';src:url('fonts/Pretendard-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:'Pretendard';src:url('fonts/Pretendard-Medium.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:'Pretendard';src:url('fonts/Pretendard-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:'Pretendard';src:url('fonts/Pretendard-Bold.ttf') format('truetype');font-weight:700;font-display:swap}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;font-family:'Pretendard',sans-serif;background:#050818;color:#f0e4ff;cursor:none;visibility:hidden;transform-origin:50% 50%}@media (pointer:coarse){html,body{cursor:auto}}body.page-in{visibility:visible;animation:pageScaleIn 0.45s cubic-bezier(0,0,0.35,1) forwards}@keyframes pageScaleIn{from{transform:scale(0.93);opacity:0}to{transform:scale(1);opacity:1}}html.naaga-skip-landing #landing{display:none}html.naaga-skip-landing body{visibility:visible}html.naaga-skip-landing body.page-in{animation:none}#landing{position:fixed;inset:0;z-index:99999;overflow:hidden;opacity:1;visibility:visible;cursor:auto;transition:opacity .7s ease}#landing.hiding{opacity:0;pointer-events:none}#landing.hidden{display:none}#landing-inner{position:absolute;top:0;left:0;width:100%;will-change:transform}#landing .bg{position:fixed;inset:0;background:#050009;background-image:radial-gradient(ellipse 100% 80% at 55% 50%,rgba(72,24,120,.50) 0%,rgba(30,8,62,.65) 45%,transparent 100%)}#landing .stars{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(1px 1px at 6% 9%,#fff 0%,transparent 100%),radial-gradient(1px 1px at 19% 31%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 37% 17%,rgba(220,190,255,.9) 0%,transparent 100%),radial-gradient(1px 1px at 52% 4%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 71% 22%,rgba(255,255,255,.7) 0%,transparent 100%),radial-gradient(1px 1px at 84% 7%,rgba(200,170,255,.8) 0%,transparent 100%),radial-gradient(1px 1px at 93% 38%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 11% 55%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 46% 74%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 79% 82%,rgba(255,255,255,.45) 0%,transparent 100%),radial-gradient(1px 1px at 3% 85%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 95% 91%,rgba(255,255,255,.35) 0%,transparent 100%)}#landing .vignette{position:fixed;top:0;left:0;right:0;height:220px;pointer-events:none;background:linear-gradient(to bottom,rgba(5,0,9,.90) 0%,rgba(5,0,9,.55) 40%,transparent 100%);z-index:10000}#landing .logo{position:fixed;top:38px;left:52px;z-index:10001;opacity:0;animation:landingFadeDown .6s cubic-bezier(.22,1,.36,1) .05s forwards}#landing .logo img{height:52px;display:block}#landing .logo-fb{display:none}#landing .logo-fb-row{display:flex;align-items:flex-end;gap:4px;line-height:1}#landing .logo-name{font-size:30px;font-weight:900;color:#fff;letter-spacing:-1.5px}#landing .logo-star{font-size:14px;color:rgba(195,155,255,.80);margin-bottom:5px}#landing .logo-sub{margin-top:7px;font-size:11px;font-weight:300;color:rgba(180,155,220,.42)}#landing .ls1{position:relative;z-index:2;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 60px}#landing h1{text-align:center;font-size:clamp(42px,5vw,68px);font-weight:900;line-height:1.22;letter-spacing:-2.5px;background:linear-gradient(170deg,#fff 0%,#e8d8ff 60%,#c9a0f0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;transform:translateY(24px);animation:landingFadeUp .85s cubic-bezier(.22,1,.36,1) .25s forwards}#landing .btn-wrap{margin-top:44px;opacity:0;transform:translateY(16px);animation:landingFadeUp .70s cubic-bezier(.22,1,.36,1) .52s forwards}#landing .btn{display:inline-flex;align-items:center;gap:8px;padding:16px 56px;background:rgba(55,22,88,.68);border:1px solid rgba(155,110,210,.28);border-radius:999px;font-size:16px;font-weight:600;font-family:inherit;color:rgba(205,172,248,.82);cursor:pointer;backdrop-filter:blur(20px);transition:background .28s,color .28s,border-color .28s,transform .22s cubic-bezier(.34,1.56,.64,1)}#landing .btn:hover{background:rgba(88,42,140,.82);color:#ede0ff;border-color:rgba(185,145,240,.40);transform:scale(1.04)}#landing .btn:active{transform:scale(.97)}#landing .chevron{font-size:15px;opacity:.75;transition:transform .22s,opacity .22s}#landing .btn:hover .chevron{transform:translateX(4px);opacity:1}#landing .hint{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;user-select:none;opacity:0;animation:landingHintIn .5s ease 1.0s forwards;transition:opacity .2s}#landing .hint:hover{opacity:.7!important}#landing .hint-label{font-size:11px;font-weight:400;color:rgba(175,148,218,.48);letter-spacing:1.8px;text-transform:uppercase}#landing .hint-arrow{width:10px;height:10px;border-right:1.2px solid rgba(175,148,218,.40);border-bottom:1.2px solid rgba(175,148,218,.40);transform:rotate(45deg);animation:landingBounce 2s ease-in-out 1.5s infinite}#landing .ls2{position:relative;z-index:2;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 140px 100px}#landing .card{width:100%;max-width:820px;border-radius:16px;overflow:hidden;border:1px solid rgba(140,95,200,.18);opacity:0;transform:translateY(90px) scale(.94);transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1)}#landing .card.on{opacity:1;transform:none}#landing .card-head{background:rgba(88,48,138,.52);padding:14px 24px;font-size:12px;font-weight:400;color:rgba(215,195,248,.78);letter-spacing:2px;text-align:center;text-transform:uppercase;border-bottom:1px solid rgba(140,95,200,.14);backdrop-filter:blur(14px)}#landing .card-body{background:rgba(18,6,36,.58);backdrop-filter:blur(24px);padding:72px 60px;text-align:center;font-size:19px;font-weight:300;color:rgba(165,138,200,.52);line-height:2.0}@keyframes landingFadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes landingFadeDown{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes landingHintIn{from{opacity:0}to{opacity:1}}@keyframes landingBounce{0%,100%{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(4px)}}@media(max-width:600px){#landing .logo{top:22px;left:24px}#landing .logo img{height:40px}#landing .ls1{padding:0 28px}#landing h1{font-size:clamp(36px,10vw,52px);letter-spacing:-1.5px}#landing .btn{font-size:14px;padding:14px 44px}#landing .ls2{padding:60px 20px 80px}#landing .card-body{font-size:16px;padding:52px 24px}#landing .vignette{height:150px}}#bg{position:fixed;inset:0;z-index:0;background-image:url('../bg.png');background-size:cover;background-position:center center}#app{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;padding:28px 32px 32px}header{display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.logo-img{height:58px;display:block;transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1),opacity 0.3s;cursor:default;transform-origin:left center}.logo-img:hover{transform:scale(1.07);opacity:0.9}.icon-btn{width:44px;height:44px;border-radius:50%;background:rgba(40,30,60,0.60);border:1px solid rgba(255,255,255,0.13);display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(255,255,255,0.70);transition:background 0.25s,box-shadow 0.25s,transform 0.25s cubic-bezier(0.34,1.56,0.64,1),border-color 0.25s;flex-shrink:0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.08)}.icon-btn:hover{background:rgba(80,55,120,0.72);box-shadow:inset 0 1px 0 rgba(255,255,255,0.12),0 4px 24px rgba(120,60,200,0.40);transform:scale(1.12);border-color:rgba(200,150,255,0.30)}.icon-btn:active{transform:scale(0.94);transition-duration:0.1s}.icon-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1)}.icon-btn:hover svg{transform:rotate(8deg) scale(1.1)}.center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:24vh}.hint-row{font-size:14px;font-weight:300;color:rgba(255,255,255,0.50);margin-bottom:6px;letter-spacing:0.5px;min-height:28px;display:flex;flex-direction:column;gap:4px}.hint-row .kw{color:rgba(200,150,255,0.95);font-weight:500}.hint-row .hint-line{opacity:0;transform:translateY(6px);animation:hintFadeIn 0.4s ease forwards}@keyframes hintFadeIn{to{opacity:1;transform:translateY(0)}}.current-char{font-size:clamp(30px,4.5vw,50px);font-weight:700;letter-spacing:-1px;line-height:1.2;text-align:center;margin-bottom:40px;background:linear-gradient(180deg,#ffffff 0%,#d4b8f0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform-origin:center center;transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1),filter 0.4s}.current-char .q{background:linear-gradient(180deg,#ffffff 0%,#c9a0f0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.input-wrap{width:min(620px,82vw);position:relative;margin-bottom:20px}.word-input{width:100%;padding:18px 32px;background:linear-gradient( 135deg,rgba(180,140,240,0.12) 0%,rgba(140,100,220,0.07) 60%,rgba(100,70,190,0.05) 100% );border:1px solid rgba(220,190,255,0.22);border-radius:60px;font-size:18px;font-weight:400;font-family:'Pretendard',sans-serif;color:rgba(235,220,255,0.85);outline:none;text-align:center;transition:border-color 0.3s,background 0.3s,box-shadow 0.3s,transform 0.3s cubic-bezier(0.34,1.56,0.64,1);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);box-shadow:inset 0 1.5px 0 rgba(255,255,255,0.10),inset 0 -1px 0 rgba(0,0,0,0.06),0 8px 36px rgba(100,50,200,0.14)}.word-input:hover:not(:focus){transform:scaleX(1.015);border-color:rgba(200,155,255,0.30);box-shadow:inset 0 1.5px 0 rgba(255,255,255,0.10),inset 0 -1px 0 rgba(0,0,0,0.06),0 8px 48px rgba(120,60,220,0.20)}.word-input::placeholder{color:rgba(200,172,232,0.28)}.word-input:focus{border-color:rgba(200,155,255,0.48);background:linear-gradient( 135deg,rgba(190,150,250,0.16) 0%,rgba(150,110,230,0.10) 60%,rgba(110,80,200,0.07) 100% );box-shadow:inset 0 1.5px 0 rgba(255,255,255,0.12),inset 0 -1px 0 rgba(0,0,0,0.06),0 8px 48px rgba(140,70,255,0.22),0 0 0 1px rgba(200,155,255,0.14)}.error-msg{text-align:center;font-size:12px;color:#ff8fa0;margin-top:10px;min-height:16px;pointer-events:none;user-select:none}.words-stack{width:min(380px,76vw);height:88px;overflow-y:scroll;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 6px 12px;scrollbar-width:none;-ms-overflow-style:none}.words-stack::-webkit-scrollbar{display:none}.word-card{width:100%;flex-shrink:0;position:relative;background:rgba(180,150,240,0.09);border:1px solid rgba(220,190,255,0.13);border-radius:50px;padding:11px 24px;text-align:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:visible;transition:opacity 0.35s ease,transform 0.35s ease,background 0.25s,border-color 0.25s,box-shadow 0.25s;transform-origin:top center;cursor:default}.word-tooltip{position:fixed;transform:translateX(-50%) scale(0.92);background:rgba(30,10,50,0.96);border:1px solid rgba(180,130,255,0.3);border-radius:14px;padding:12px 16px;min-width:180px;max-width:280px;width:max-content;box-shadow:0 8px 32px rgba(100,40,200,0.35);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:100;pointer-events:none;opacity:0;transition:opacity 0.2s ease,transform 0.2s ease;text-align:left}.word-tooltip::after{content:'';position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);width:12px;height:7px;background:rgba(30,10,50,0.96);clip-path:polygon(0 0,100% 0,50% 100%);border-left:1px solid rgba(180,130,255,0.3);border-right:1px solid rgba(180,130,255,0.3)}.word-tooltip.visible{opacity:1;transform:translateX(-50%) scale(1)}.word-tooltip-word{font-size:13px;font-weight:600;color:rgba(210,180,255,0.95);margin-bottom:6px}.word-tooltip-pos{display:inline-block;font-size:10px;color:rgba(180,130,255,0.8);background:rgba(140,80,255,0.15);border-radius:4px;padding:1px 6px;margin-bottom:6px}.word-tooltip-def{font-size:12px;color:rgba(210,195,235,0.75);line-height:1.6}.word-card:hover{background:rgba(180,150,240,0.18);border-color:rgba(220,190,255,0.28);box-shadow:0 4px 24px rgba(140,70,255,0.18)}.word-card::before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.15),transparent);pointer-events:none}.word-name{font-size:16px;font-weight:500;color:rgba(230,215,255,0.85);letter-spacing:-0.3px;line-height:1.2;transition:font-size 0.35s ease,color 0.35s ease,opacity 0.35s ease}.word-meta{font-size:11px;font-weight:300;color:rgba(200,180,230,0.38);margin-top:4px;transition:opacity 0.35s ease}#panel{position:fixed;top:130px;right:28px;z-index:30;width:440px;max-height:calc(100vh - 168px);background:transparent;border:1px solid rgba(255,255,255,0.10);border-radius:18px;display:flex;flex-direction:column;transform:translateX(calc(100% + 50px));transition:transform 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.4s;opacity:0;backdrop-filter:blur(40px) saturate(1.5);-webkit-backdrop-filter:blur(40px) saturate(1.5);box-shadow:0 24px 80px rgba(0,0,0,0.70),inset 0 1px 0 rgba(255,255,255,0.06)}#panel.open{transform:translateX(0);opacity:1}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,0.07);border-radius:18px 18px 0 0;background:rgba(22,17,38,0.97);flex-shrink:0}.panel-title{font-size:18px;font-weight:500;color:rgba(238,228,255,0.95);letter-spacing:-0.2px}.panel-close{width:36px;height:36px;border-radius:8px;background:rgba(130,70,200,0.10);border:1px solid rgba(180,120,255,0.18);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s,transform 0.25s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.2s;padding:0}.panel-close:hover{background:rgba(150,90,210,0.28);transform:scale(1.1) rotate(8deg);box-shadow:0 4px 16px rgba(140,70,255,0.25)}.panel-close:active{transform:scale(0.92)}.panel-body{overflow-y:auto;padding:22px 24px 18px;scroll-behavior:smooth;background:rgba(255,255,255,0.08);backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);border-radius:0 0 18px 18px;max-height:calc(10 * 30px + 40px)}.panel-body::-webkit-scrollbar{width:4px}.panel-body::-webkit-scrollbar-track{background:transparent}.panel-body::-webkit-scrollbar-thumb{background:rgba(160,100,255,0.35);border-radius:4px}.story-line{font-size:15px;font-weight:300;line-height:2;color:rgba(200,185,225,0.88);margin-bottom:2px;transition:color 0.2s,transform 0.2s;cursor:default}.story-line:hover{color:rgba(220,205,245,1);transform:translateX(4px)}.story-line .kw{color:#e080ff;font-weight:400}.story-line:last-of-type{color:rgba(210,195,230,0.50)}.dots-wrap{display:flex;align-items:center;gap:5px;margin-top:14px}.dot{width:5px;height:5px;border-radius:50%;background:rgba(175,95,255,0.55);animation:blink 1.3s infinite}.dot:nth-child(2){animation-delay:0.22s}.dot:nth-child(3){animation-delay:0.44s}@keyframes blink{0%,80%,100%{opacity:0.15}40%{opacity:1}}.empty-panel{font-size:14px;font-weight:300;color:rgba(178,152,212,0.3);text-align:center;line-height:2;padding:55px 0}.ripple-ring{position:fixed;border-radius:50%;border:1.5px solid rgba(180,100,255,0.55);background:rgba(160,80,255,0.13);pointer-events:none;z-index:99998;transform:translate(-50%,-50%) scale(0);animation:rippleOut 0.35s cubic-bezier(0.2,0,0.6,1) forwards}@keyframes rippleOut{0%{transform:translate(-50%,-50%) scale(0);opacity:0.7}100%{transform:translate(-50%,-50%) scale(1);opacity:0}}@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fadein{animation:fadeUp 0.4s ease both}.current-char{transition:transform 0.45s cubic-bezier(0.34,1.56,0.64,1),filter 0.45s;cursor:default}#error-overlay,#ai-error-overlay,#kv-error-overlay{position:fixed;inset:0;z-index:99999999;display:flex;align-items:center;justify-content:center;background:#000;opacity:0;pointer-events:none;transition:opacity 0.5s ease;visibility:visible !important}#error-overlay.visible,#ai-error-overlay.visible,#kv-error-overlay.visible{opacity:1;pointer-events:all;visibility:visible !important}#error-overlay img,#ai-error-overlay img,#kv-error-overlay img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform-origin:center center;transition:transform 0.1s ease-out;scale:1.06}#toast{position:fixed;bottom:36px;left:50%;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;z-index:100;transition:opacity 0.3s ease,transform 0.3s cubic-bezier(0.34,1.56,0.64,1)}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}#toast img{display:block;height:auto;width:clamp(260px,32vw,600px);object-fit:contain}*,*::before,*::after{cursor:none !important}@media (pointer:coarse){*,*::before,*::after{cursor:auto !important}html,body{cursor:auto}}.header-right{display:flex;align-items:center;gap:10px}#accountMenu{position:absolute;top:58px;right:0;background:rgba(28,14,46,0.92);border:1px solid rgba(180,100,255,0.22);border-radius:14px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(100,40,180,0.35);min-width:160px;overflow:hidden;opacity:0;transform:scale(0.92) translateY(-8px);transform-origin:top right;pointer-events:none;transition:opacity 0.2s ease,transform 0.2s cubic-bezier(0.34,1.56,0.64,1);z-index:100}#accountMenu.open{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.account-menu-item{display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:13px;font-family:'Pretendard',sans-serif;color:rgba(230,200,255,0.85);transition:background 0.18s,color 0.18s}.account-menu-item:hover{background:rgba(140,80,220,0.22);color:#fff}.account-menu-item.danger{color:rgba(255,130,130,0.85)}.account-menu-item.danger:hover{background:rgba(200,50,50,0.18);color:#ff8fa0}.account-menu-item svg{width:15px;height:15px;flex-shrink:0}.account-menu-divider{height:1px;background:rgba(180,100,255,0.15);margin:2px 0}#nicknameModal{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;pointer-events:none}#nicknameModal.open{pointer-events:auto}#nicknameBackdrop{position:absolute;inset:0;background:rgba(10,4,24,0.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity 0.22s ease}#nicknameModal.open #nicknameBackdrop{opacity:1}#nicknameCard{position:relative;z-index:1;background:rgba(28,10,48,0.96);border:1px solid rgba(180,100,255,0.28);border-radius:18px;padding:28px 28px 24px;width:min(320px,88vw);box-shadow:0 12px 40px rgba(100,30,180,0.45);opacity:0;transform:scale(0.9) translateY(12px);transition:opacity 0.25s ease,transform 0.25s cubic-bezier(0.34,1.56,0.64,1)}#nicknameModal.open #nicknameCard{opacity:1;transform:scale(1) translateY(0)}#nicknameCard h3{margin:0 0 6px;font-size:15px;font-weight:600;color:rgba(230,200,255,0.95)}#nicknameCard p{margin:0 0 18px;font-size:12px;color:rgba(190,160,230,0.6)}#nicknameInput{width:100%;box-sizing:border-box;padding:13px 16px;background:rgba(80,30,120,0.45);border:1px solid rgba(180,100,255,0.28);border-radius:10px;font-size:14px;font-family:'Pretendard',sans-serif;color:#f0e6ff;outline:none;transition:border-color 0.2s,background 0.2s}#nicknameInput:focus{border-color:rgba(200,120,255,0.6);background:rgba(100,40,150,0.5)}#nicknameInput::placeholder{color:rgba(190,160,230,0.4)}#nicknameError{font-size:11.5px;color:rgba(255,140,160,0.9);min-height:16px;margin:7px 0 0}.nick-btn-row{display:flex;gap:8px;margin-top:18px}.nick-btn{flex:1;padding:12px;border:none;border-radius:10px;font-size:13px;font-weight:600;font-family:'Pretendard',sans-serif;cursor:pointer;transition:background 0.2s,transform 0.15s}.nick-btn:active{transform:scale(0.96)}.nick-btn.cancel{background:rgba(120,60,180,0.25);color:rgba(200,170,240,0.85)}.nick-btn.cancel:hover{background:rgba(120,60,180,0.4)}.nick-btn.save{background:#8e3dba;color:#fff;box-shadow:0 4px 16px rgba(140,60,180,0.4)}.nick-btn.save:hover{background:#a348d4}#deleteModal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;pointer-events:none}#deleteModal.open{pointer-events:auto}#deleteBackdrop{position:absolute;inset:0;background:rgba(10,4,24,0.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity 0.22s ease}#deleteModal.open #deleteBackdrop{opacity:1}#deleteCard{position:relative;z-index:1;background:rgba(28,10,48,0.97);border:1px solid rgba(255,100,120,0.28);border-radius:18px;padding:28px 28px 24px;width:min(320px,88vw);box-shadow:0 12px 40px rgba(180,30,60,0.35);opacity:0;transform:scale(0.9) translateY(12px);transition:opacity 0.25s ease,transform 0.25s cubic-bezier(0.34,1.56,0.64,1)}#deleteModal.open #deleteCard{opacity:1;transform:scale(1) translateY(0)}#deleteCard h3{margin:0 0 6px;font-size:15px;font-weight:600;color:rgba(255,180,180,0.95)}#deleteCard p{margin:0 0 18px;font-size:12px;line-height:1.6;color:rgba(210,160,170,0.65)}#deletePasswordInput{width:100%;box-sizing:border-box;padding:13px 16px;background:rgba(120,30,50,0.35);border:1px solid rgba(255,100,120,0.28);border-radius:10px;font-size:14px;font-family:'Pretendard',sans-serif;color:#ffe0e0;outline:none;transition:border-color 0.2s,background 0.2s}#deletePasswordInput:focus{border-color:rgba(255,120,140,0.65);background:rgba(150,40,60,0.4)}#deletePasswordInput::placeholder{color:rgba(220,160,170,0.4)}#deleteError{font-size:11.5px;color:rgba(255,140,160,0.9);min-height:16px;margin:7px 0 0}.delete-btn-row{display:flex;gap:8px;margin-top:18px}.delete-btn{flex:1;padding:12px;border:none;border-radius:10px;font-size:13px;font-weight:600;font-family:'Pretendard',sans-serif;cursor:pointer;transition:background 0.2s,transform 0.15s}.delete-btn:active{transform:scale(0.96)}.delete-btn.cancel{background:rgba(120,60,80,0.25);color:rgba(220,180,190,0.85)}.delete-btn.cancel:hover{background:rgba(120,60,80,0.4)}.delete-btn.confirm{background:#9e2a3a;color:#fff;box-shadow:0 4px 16px rgba(180,40,60,0.4)}.delete-btn.confirm:hover{background:#bf3347}.delete-btn.confirm:disabled{opacity:0.5;cursor:not-allowed}@media (max-width:600px){#app{padding:20px 18px 24px}.logo-img{height:44px}.center{padding-bottom:12vh;justify-content:center}.current-char{font-size:clamp(24px,7vw,36px);margin-bottom:28px}.input-wrap{width:100%}.word-input{font-size:16px;padding:15px 22px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.words-stack{width:90vw;height:72px}#panel{top:auto;bottom:0;right:0;left:0;width:100%;max-height:60vh;border-radius:20px 20px 0 0;transform:translateY(calc(100% + 20px));transition:transform 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.4s;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}#panel.open{transform:translateY(0);opacity:1}.panel-header{border-radius:20px 20px 0 0;padding:16px 20px 14px}.panel-body{max-height:calc(60vh - 60px);backdrop-filter:none;-webkit-backdrop-filter:none}.hint-row{font-size:13px}#accountMenu{right:0;min-width:150px}#toast{bottom:24px}#toast img{width:90vw}.header-right{gap:8px}.icon-btn{width:40px;height:40px}}@media (max-height:500px){.center{padding-bottom:4vh}.current-char{margin-bottom:16px;font-size:22px}.words-stack{height:52px}.hint-row{display:none}}