.trait-page{--trait-cyan:#73e6ff;--trait-violet:#c59aff;--trait-acid:#b7ff3c}.trait-intro{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:40px;display:grid}.trait-intro article{border:1px solid var(--official-line);background:radial-gradient(circle at 100% 0,#73e6ff14,transparent 42%),var(--official-panel);min-height:220px;padding:30px}.trait-intro article:nth-child(2){background:radial-gradient(circle at 100% 0,#c59aff1a,transparent 42%),var(--official-panel)}.trait-intro article:nth-child(3){background:radial-gradient(circle at 100% 0,#b7ff3c14,transparent 42%),var(--official-panel)}.trait-intro span{color:#839087;font-size:13px;font-weight:900}.trait-intro strong{color:#edf3ee;letter-spacing:-.04em;margin-top:38px;font-size:clamp(22px,2.4vw,31px);display:block}.trait-intro p{color:#97a29a;word-break:keep-all;margin:13px 0 0;font-size:14px;line-height:1.75}.trait-lab{margin-top:12px}.trait-round-panel{background:radial-gradient(circle at 82% 15%,#73e6ff1f,#0000 29%),linear-gradient(145deg,#0d1410,#070b09);border:1px solid #46574c;grid-template-columns:minmax(0,1fr) minmax(340px,.65fr);align-items:end;gap:50px;padding:clamp(32px,5vw,60px);display:grid}.trait-round-panel>div>span,.trait-group>header>span{color:var(--trait-cyan);letter-spacing:1px;font:900 13px/1.3 Consolas,monospace}.trait-round-panel h2,.trait-group>header h2{color:#edf3ee;letter-spacing:-.05em;word-break:keep-all;margin:16px 0 0;font-size:clamp(31px,4vw,53px);line-height:1.08}.trait-round-panel p,.trait-group>header p{color:#9ea9a1;word-break:keep-all;margin:17px 0 0;font-size:15px;line-height:1.8}.trait-round-control label{color:#a8b3ab;justify-content:space-between;align-items:end;font-size:14px;font-weight:850;display:flex}.trait-round-control label b{color:var(--trait-acid);font:900 clamp(38px,5vw,62px)/.9 Consolas,monospace}.trait-round-control input{width:100%;accent-color:var(--trait-acid);margin:26px 0 22px}.trait-quick-rounds{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.trait-quick-rounds button{color:#a8b3ab;cursor:pointer;background:#090e0b;border:1px solid #3b4940;min-height:43px;font:850 13px Consolas,monospace}.trait-quick-rounds button.is-active{border-color:var(--trait-acid);color:var(--trait-acid);background:#b7ff3c1a}.trait-budget{border:1px solid var(--official-line);border-top:0;grid-template-columns:repeat(3,1fr);display:grid}.trait-budget article{border-right:1px solid var(--official-line);min-height:190px;padding:28px}.trait-budget article:last-child{border-right:0}.trait-budget span{color:#7e8b82;font-size:13px;font-weight:850}.trait-budget strong{color:var(--trait-cyan);letter-spacing:-.04em;margin-top:24px;font-size:clamp(30px,3vw,45px);display:block}.trait-budget article:nth-child(2) strong{color:var(--trait-violet)}.trait-budget article:nth-child(3) strong{color:var(--trait-acid)}.trait-budget strong small{font-size:.48em}.trait-budget p{color:#818d85;margin:10px 0 0;font-size:13px}.trait-group{padding-top:clamp(80px,9vw,130px)}.trait-group>header{max-width:850px}.trait-core>header>span{color:var(--trait-violet)}.trait-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:38px;display:grid}.trait-card{border:1px solid var(--official-line);background:linear-gradient(145deg,#73e6ff0b,#0000 60%),#0b0f0d;min-width:0;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden}.trait-core .trait-card{background:linear-gradient(145deg,#c59aff0e,#0000 60%),#0b0f0d}.trait-card.is-selected{border-color:var(--trait-cyan);transform:translateY(-2px);box-shadow:inset 0 0 0 1px #73e6ff24,0 0 26px #73e6ff14}.trait-core .trait-card.is-selected{border-color:var(--trait-violet);box-shadow:inset 0 0 0 1px #c59aff24,0 0 26px #c59aff14}.trait-card-main{width:100%;min-height:250px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:25px}.trait-card-main:focus-visible{outline:3px solid var(--trait-acid);outline-offset:-4px}.trait-card-main img{object-fit:contain;width:58px;height:58px;image-rendering:pixelated;filter:drop-shadow(0 0 12px #73e6ff47)}.trait-core .trait-card-main img{filter:drop-shadow(0 0 12px #c59aff4d)}.trait-card-main span{color:var(--trait-cyan);margin-top:23px;font-size:11px;font-weight:900;display:block}.trait-core .trait-card-main span{color:var(--trait-violet)}.trait-card-main h3{color:#edf2ee;letter-spacing:-.035em;margin:8px 0 0;font-size:24px}.trait-card-main p{color:#8f9b93;word-break:keep-all;margin:14px 0 0;font-size:13px;line-height:1.65}.trait-level-control{border-top:1px solid #2c362f;border-bottom:1px solid #2c362f;grid-template-columns:48px 1fr 48px;align-items:center;display:grid}.trait-level-control button{height:48px;color:var(--trait-acid);cursor:pointer;background:#101712;border:0;font-size:22px}.trait-level-control button:disabled{color:#485249;cursor:not-allowed}.trait-level-control b{text-align:center;color:#eef3ef;font:900 16px Consolas,monospace}.trait-level-control b small{color:#748077}.trait-card>strong{color:#b9c3bb;word-break:keep-all;min-height:66px;padding:15px 18px;font-size:12px;line-height:1.55;display:block}.trait-result{border:1px solid var(--trait-cyan);background:radial-gradient(circle at 88% 0,#73e6ff21,#0000 36%),#0a100c;margin-top:14px;padding:clamp(28px,4vw,48px);position:relative;overflow:hidden}.trait-result.tone-core{border-color:var(--trait-violet);background:radial-gradient(circle at 88% 0,#c59aff24,#0000 36%),#0a0e0c}.trait-result-title{grid-template-columns:74px 1fr;align-items:center;gap:22px;display:grid}.trait-result-title img{object-fit:contain;width:74px;height:74px;image-rendering:pixelated}.trait-result-title span{color:var(--trait-cyan);font-size:12px;font-weight:900}.tone-core .trait-result-title span{color:var(--trait-violet)}.trait-result-title h2{color:#f0f4f1;letter-spacing:-.045em;margin:8px 0 0;font-size:clamp(27px,3.4vw,43px)}.trait-result-title p{color:#9ba69e;margin:9px 0 0;font-size:14px}.trait-result>strong{color:var(--trait-cyan);background:#05080685;border:1px solid #73e6ff59;margin-top:30px;padding:22px;font-size:clamp(17px,2vw,24px);line-height:1.5;display:block}.trait-result.tone-core>strong{color:var(--trait-violet);border-color:#c59aff59}.trait-role-bars{margin-top:22px}.trait-role-bars p{grid-template-columns:54px 1fr 45px;align-items:center;gap:13px;margin:11px 0;display:grid}.trait-role-bars span,.trait-role-bars em{color:#8d9990;font-size:12px;font-style:normal}.trait-role-bars i{background:#18211b;height:7px}.trait-role-bars i b{background:linear-gradient(90deg,var(--trait-cyan),var(--trait-acid));height:100%;transition:width .25s;display:block}.trait-result.tone-core .trait-role-bars i b{background:linear-gradient(90deg,var(--trait-violet),var(--trait-cyan))}.trait-result>button{color:#c9d2cb;cursor:pointer;background:#0a0f0c;border:1px solid #47544b;margin-top:28px;padding:13px 18px;font-weight:900}.trait-lab-note{color:#a7b1a9;background:#ffcf550b;border-left:3px solid #ffcf55;margin:12px 0 0;padding:20px 23px;font-size:14px;line-height:1.75}.trait-lab-note b{color:#ffcf55}@media (max-width:1050px){.trait-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:800px){.trait-intro,.trait-budget{grid-template-columns:1fr}.trait-intro article{min-height:180px}.trait-budget article{border-right:0;border-bottom:1px solid var(--official-line);min-height:150px}.trait-budget article:last-child{border-bottom:0}.trait-round-panel{grid-template-columns:1fr;gap:32px}.trait-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.trait-intro{margin-top:26px}.trait-intro article{min-height:150px;padding:23px}.trait-intro strong{margin-top:25px}.trait-round-panel{padding:30px 20px}.trait-round-panel h2,.trait-group>header h2{font-size:35px}.trait-round-control label b{font-size:42px}.trait-quick-rounds{gap:4px}.trait-quick-rounds button{font-size:11px}.trait-budget article{padding:23px}.trait-grid{grid-template-columns:1fr;gap:8px;margin-top:28px}.trait-card-main{min-height:0;padding:22px}.trait-card-main img{width:52px;height:52px}.trait-card-main span{margin-top:16px}.trait-card>strong{min-height:0}.trait-result{padding:25px 20px}.trait-result-title{grid-template-columns:58px 1fr;gap:16px}.trait-result-title img{width:58px;height:58px}.trait-result-title h2{font-size:27px}.trait-result-title p{font-size:13px}.trait-result>strong{padding:17px;font-size:16px}.trait-role-bars p{grid-template-columns:44px 1fr 36px}}@media (prefers-reduced-motion:reduce){.trait-card,.trait-role-bars i b{transition:none}}.trait-round-maximum{color:#89958d;word-break:keep-all;margin-top:14px;font-size:12px;line-height:1.6;display:block}.trait-round-maximum:before{content:"MAX";color:var(--trait-acid);border:1px solid #b7ff3c6b;margin-right:8px;padding:3px 5px;font:900 9px/1 Consolas,monospace;display:inline-block}.trait-card>strong{color:#aeb9b1;word-break:keep-all;background:linear-gradient(110deg,#73e6ff12,#0000 72%);border-top:1px solid #73e6ff29;min-height:94px;padding:35px 18px 17px;font-size:13px;font-weight:850;line-height:1.6;display:block;position:relative}.trait-card>strong:before{content:"특성 강화 효과";color:#6f8177;letter-spacing:.7px;font:900 10px/1 Consolas,monospace;position:absolute;top:13px;left:18px}.trait-card>strong.has-level{color:#dffaff;text-shadow:0 0 13px #73e6ff3d;box-shadow:inset 3px 0 0 var(--trait-cyan);background:linear-gradient(110deg,#73e6ff29,#73e6ff09 58%,#0000);border-top-color:#73e6ff7a;font-size:14px}.trait-card>strong.has-level:before{color:var(--trait-cyan);text-shadow:0 0 10px #73e6ff73}.trait-core .trait-card>strong{background:linear-gradient(110deg,#c59aff12,#0000 72%);border-top-color:#c59aff29}.trait-core .trait-card>strong.has-level{color:#f0e5ff;text-shadow:0 0 13px #c59aff42;box-shadow:inset 3px 0 0 var(--trait-violet);background:linear-gradient(110deg,#c59aff2b,#c59aff09 58%,#0000);border-top-color:#c59aff7a}.trait-core .trait-card>strong.has-level:before{color:var(--trait-violet);text-shadow:0 0 10px #c59aff73}@media (max-width:560px){.trait-round-maximum{font-size:11px}.trait-card>strong{min-height:86px;padding:35px 17px 16px;font-size:14px}.trait-card>strong:before{left:17px}.trait-card>strong.has-level{font-size:15px}}.trait-round-number{color:var(--trait-acid);background:#080d0a;border:1px solid #506359;outline:0;padding:0 16px;font:900 24px Consolas,monospace;width:100%!important;height:58px!important;margin:24px 0 18px!important}.trait-round-number:focus{border-color:var(--trait-acid);box-shadow:0 0 0 2px #b7ff3c1f}.trait-card-main{position:relative}.trait-core .trait-card-main>span{color:#dfc7ff;letter-spacing:.4px;background:#c59aff14;border:1px solid #c59aff7a;margin:0;padding:7px 9px;font:900 10px/1 Consolas,monospace;position:absolute;top:18px;right:18px;box-shadow:0 0 18px #c59aff1a}.trait-detail-list{border:1px solid #73e6ff33;grid-template-columns:repeat(2,minmax(0,1fr));margin:22px 0 0;display:grid}.tone-core .trait-detail-list{border-color:#c59aff3d}.trait-detail-list>div{border-bottom:1px solid #73e6ff29;border-right:1px solid #73e6ff29;min-width:0;padding:20px}.trait-detail-list>div:nth-child(2n){border-right:0}.trait-detail-list>div:nth-last-child(-n+2){border-bottom:0}.tone-core .trait-detail-list>div{border-color:#c59aff2e}.trait-detail-list dt{color:#74847b;letter-spacing:.6px;font:900 11px Consolas,monospace}.trait-detail-list dd{color:#d4ddd6;word-break:keep-all;margin:10px 0 0;font-size:14px;line-height:1.7}@media (max-width:560px){.trait-round-number{font-size:21px;height:52px!important}.trait-quick-rounds{grid-template-columns:repeat(5,minmax(0,1fr))}.trait-quick-rounds button{padding:0 2px;font-size:9px}.trait-detail-list{grid-template-columns:1fr}.trait-detail-list>div,.trait-detail-list>div:nth-child(2n){border-bottom:1px solid #73e6ff29;border-right:0}.trait-detail-list>div:last-child{border-bottom:0}.trait-core .trait-card-main>span{top:15px;right:15px}}