:root{color-scheme:dark;--bg:#0a0b13;--card:#151828;--panel:#101322;--border:#2b3045;--text:#f3f3f8;--muted:#a6a9c2;--green:#d7ff79;--purple:#b4a2ff;--pink:#ff9ea0;--radius:22px;--shadow:0 22px 90px #0005}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:'Pretendard','Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif;color:var(--text);font-size:16px;line-height:1.72;word-break:keep-all}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}button,input,select{font:inherit}button{cursor:pointer}input,select{outline:none}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--green);outline-offset:3px}::selection{background:var(--green);color:#131313}.wrap{max-width:1220px;margin:auto;padding:0 26px}.header{position:sticky;top:0;z-index:50;background:#0a0b13e8;border-bottom:1px solid #292b3b;backdrop-filter:blur(16px)}.header .wrap{display:flex;justify-content:space-between;align-items:center;gap:28px;min-height:77px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--green);color:#121424;font-weight:1000;font-size:20px;transform:rotate(-8deg)}.brand-txt{font-size:18px;font-weight:850;line-height:1.16;letter-spacing:-.06em}.brand-txt small{font-weight:650;font-size:10px;display:block;color:var(--green);letter-spacing:.17em;margin-top:5px}.nav{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none}.nav a{border-radius:999px;color:#c0c1ce;padding:8px 14px;font-size:13px;font-weight:650;white-space:nowrap}.nav a:hover,.nav a.current{background:#272a39;color:#fff}.header-cta{background:var(--green);color:#1e2319;border-radius:12px;padding:10px 18px;font-size:13px;font-weight:900;white-space:nowrap}.header-cta:hover{color:#131614;background:#fff}.hero{position:relative;overflow:hidden;padding:86px 0 92px;border-bottom:1px solid #22283b;background:radial-gradient(ellipse 650px 370px at 82% 32%,#30256385,transparent),radial-gradient(ellipse 530px 400px at 16% 70%,#28351b67,transparent),#0b0d18}.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:850;color:var(--green)}.eyebrow:before{content:'';width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 15px var(--green)}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.075em;font-weight:900;line-height:1.17;font-size:clamp(42px,5.5vw,72px);margin:23px 0}h1 em{font-style:normal;color:var(--green)}h2{font-size:clamp(25px,3.5vw,36px);letter-spacing:-.058em;line-height:1.26}h3{font-size:20px;line-height:1.45;letter-spacing:-.04em}.lead{font-size:17px;color:#bcc0d2;max-width:680px}.hero-grid{display:grid;grid-template-columns:1.14fr .86fr;gap:40px;align-items:center}.hero-art{border:1px solid #6060807a;border-radius:28px;padding:22px;background:linear-gradient(145deg,#201e36,#111426);box-shadow:var(--shadow);transform:rotate(2deg)}.art-top{display:flex;align-items:center;justify-content:space-between;color:#bcb8d2;font-size:12px;letter-spacing:.1em}.art-lights{display:flex;gap:5px}.art-lights span{width:8px;height:8px;border-radius:99px;background:var(--green)}.art-lights span:nth-child(2){background:var(--purple)}.art-lights span:nth-child(3){background:var(--pink)}.art-word{display:flex;align-items:center;gap:10px;margin:32px 0 21px}.art-word span{display:grid;place-items:center;flex:1;height:90px;border:1px solid #78719b;background:#393457;border-radius:18px;font-size:42px;font-weight:950}.art-word span:last-child{background:var(--green);color:#1d202a;border-color:var(--green)}.art-stat{background:#171b2e;border:1px solid #41455a;border-radius:18px;padding:19px;display:flex;justify-content:space-between}.art-stat strong{font-size:31px;letter-spacing:-.06em;color:var(--green)}.art-stat small{color:#9296ab;display:block}.mini-dot{color:var(--purple)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:26px 0}.stat{border:1px solid #34374e;background:#141724;border-radius:17px;padding:16px 19px}.stat strong{display:block;font-size:25px;font-weight:950;line-height:1.1;color:var(--green)}.stat span{font-size:12px;color:#b4b7ca}.searchbox{padding:22px;border-radius:24px;border:1px solid #777f7988;background:#1d2130;box-shadow:0 15px 30px #0003}.search-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.search-top b{font-size:14px}.search-top small{font-size:12px;color:var(--muted)}.search-form{display:flex;align-items:stretch;gap:8px}.search-form input,.search-form select,.input{min-width:0;width:100%;padding:14px 15px;background:#0e1120;border:1px solid #383d50;border-radius:12px;color:white}.search-form select{width:123px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #777b8d;background:#20253a;color:#fff;padding:12px 18px;border-radius:12px;font-weight:800;font-size:14px}.btn.primary{background:var(--green);color:#101511;border-color:var(--green)}.btn:hover{filter:brightness(1.15);color:var(--text)}.btn.primary:hover{color:#121611}.section{padding:68px 0}.section.alt{background:#101321;border-top:1px solid #25283b;border-bottom:1px solid #25283b}.sectop{display:flex;gap:20px;align-items:end;justify-content:space-between;margin-bottom:27px}.sectop p{color:var(--muted);font-size:14px;margin:10px 0 0}.tag{font-size:12px;color:var(--green);font-weight:900;letter-spacing:.08em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{display:block;padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:#15192a;transition:transform .18s,border .18s}.card:hover{transform:translateY(-3px);border-color:var(--green);color:inherit}.card .symbol{font-size:25px;display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#373550;color:var(--green);margin-bottom:20px}.card h3{margin-bottom:10px}.card p{color:var(--muted);font-size:14px;margin-bottom:15px}.card .end{display:block;font-size:13px;color:var(--green);font-weight:850}.chips{display:flex;flex-wrap:wrap;gap:9px}.chip{display:inline-flex;align-items:center;gap:9px;border:1px solid #3a4051;padding:10px 15px;border-radius:12px;background:#1b2031;font-size:14px;font-weight:750}.chip:hover{border-color:var(--green);color:var(--green)}.chip strong{color:var(--green);font-size:11px}.content-hero{padding:58px 0 37px;background:radial-gradient(ellipse 600px 280px at 76% 10%,#30225566,transparent),#0f1221}.content-hero h1{font-size:clamp(38px,4.2vw,60px);max-width:930px;margin:15px 0}.content-hero .lead{max-width:850px}.breadcrumb{color:#9d9eb2;font-size:12px;margin-bottom:17px}.breadcrumb a{color:var(--green)}.twocol{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:26px;align-items:start}.panel{padding:27px;border:1px solid var(--border);border-radius:var(--radius);background:#151929;margin-bottom:20px;min-width:0}.panel h2{font-size:26px;margin-bottom:14px}.panel h3{font-size:18px}.panel p,.panel li{color:#c7c9da}.panel p:last-child{margin-bottom:0}.panel ul,.panel ol{padding-left:22px}.side{position:sticky;top:102px}.side .panel{padding:22px}.side a{display:block;padding:11px 0;border-bottom:1px solid #303447;color:#dcddee;font-size:14px}.side a:last-child{border:0}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric{background:#20253a;padding:19px 15px;border-radius:16px;border:1px solid #373c56}.metric .n{font-weight:950;font-size:30px;color:var(--green);line-height:1}.metric .lab{color:#aeb2ca;font-size:12px;margin-top:8px}.wordgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.worditem{border:1px solid #34394e;border-radius:12px;background:#1c2133;padding:15px;display:flex;flex-direction:column;gap:6px}.worditem:hover{border-color:var(--green);color:inherit}.worditem strong{font-size:18px;letter-spacing:-.02em}.worditem small{font-size:12px;color:var(--muted)}.worditem .note{color:var(--green);font-size:12px}.note-box{padding:20px;border-left:4px solid var(--green);border-radius:13px;background:#222739;margin:20px 0;color:#d9dfc8}.inline-meta{display:flex;flex-wrap:wrap;gap:8px}.inline-meta span{border:1px solid #3b4155;background:#202537;border-radius:999px;padding:7px 12px;font-size:12px;color:#ccd0e4}.details{padding:16px 0;border-bottom:1px solid #323749}.details:last-child{border:0}.details dt{color:var(--muted);font-size:12px}.details dd{font-size:20px;margin:3px 0 0;font-weight:800}.results{min-height:100px}.result-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px;gap:10px}.finder-controls{display:grid;grid-template-columns:1fr 150px auto;gap:8px}.help{font-size:12px;color:#9fa3b8}.footer{background:#080910;border-top:1px solid #2a2c3d;padding:48px 0;color:#a4a7bc}.footer-main{display:grid;grid-template-columns:1.5fr 1fr;gap:35px}.footer a{font-size:13px;margin-right:15px}.footer small{font-size:12px;display:block;margin-top:15px}.footer b{color:var(--green)}.game-log{height:290px;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:18px;background:#0f1220;border:1px solid #41455c;border-radius:14px}.game-log p{background:#292c3d;padding:9px 14px;margin:0;max-width:86%;border-radius:14px}.game-log .me{align-self:flex-end;background:#35502e;color:#f7ffd8}.no-result{color:#ccc6df;padding:20px;background:#24273b;border-radius:12px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-list .panel{margin:0}.pill{font-size:11px;display:inline-block;background:#323447;border-radius:99px;padding:4px 9px;color:#d6ff8c;font-weight:700}.steps{display:grid;gap:13px;counter-reset:steps}.step{background:#1b2030;border-radius:14px;padding:17px 20px;border:1px solid #30374c;counter-increment:steps}.step:before{content:counter(steps,decimal-leading-zero);font-size:12px;color:var(--green);font-weight:900;display:block}.step b{display:block;margin-top:4px}.step p{font-size:13px;color:#b8bacd;margin-bottom:0}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-art{max-width:550px;margin:auto}.twocol{grid-template-columns:1fr}.side{position:static}.cards{grid-template-columns:1fr 1fr}.header .wrap{flex-wrap:wrap;gap:8px;padding-top:13px;padding-bottom:8px}.nav{order:3;width:100%;padding:2px 0}.header-cta{margin-left:auto}.footer-main{grid-template-columns:1fr}}@media(max-width:600px){.wrap{padding:0 17px}.hero{padding:51px 0 65px}h1{font-size:42px}.lead{font-size:15px}.stats{gap:7px}.stat{padding:12px 10px}.stat strong{font-size:21px}.stat span{font-size:10px}.art-word span{height:64px;font-size:31px}.search-form{flex-wrap:wrap}.search-form select{width:100%}.search-form .btn{width:100%}.section{padding:46px 0}.cards,.wordgrid,.metric-grid,.feature-list{grid-template-columns:1fr 1fr;gap:10px}.card,.panel{padding:17px}.card .symbol{width:44px;height:44px;margin-bottom:13px}.card h3{font-size:16px}.card p{font-size:12px}.sectop{display:block}.metric .n{font-size:22px}.worditem{padding:12px}.worditem strong{font-size:15px}.worditem small{font-size:11px}.finder-controls{grid-template-columns:1fr}.content-hero{padding:37px 0 25px}.content-hero h1{font-size:36px}.footer{padding:35px 0}}@media(max-width:370px){.cards,.wordgrid,.metric-grid{grid-template-columns:1fr}.header-cta{display:none}}