:root{--ink:#233733;--muted:#74807a;--paper:#f7f5ef;--line:#dddcd2;--green:#233e37;--gold:#ad8750;--red:#8d3840;font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b88549;outline-offset:4px}button{color:inherit}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,.serif{font-family:Batang,'Song Myung',serif}h1{font-size:48px;line-height:1.3;letter-spacing:-2px;font-weight:500}h2{font-size:29px;letter-spacing:-1px;font-weight:500}h3{font-size:18px;line-height:1.5}p{line-height:1.85}small,.muted{color:var(--muted)}.demo{padding:7px 20px;background:#e9e8df;text-align:center;font-size:11px;letter-spacing:.8px}.header{height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1200px;margin:auto;padding:0 28px}.brand{display:flex;gap:12px;align-items:center;font-size:20px;font-weight:700;letter-spacing:-1px}.seal{display:inline-grid;place-items:center;border:1px solid var(--gold);color:var(--gold);height:37px;width:31px;font:17px Batang,serif;border-radius:3px}.brand small{font-size:10px;display:block;letter-spacing:3px;font-weight:400;margin-top:3px}.header nav{display:flex;gap:25px;font-size:13px}.shell{max-width:1144px;margin:auto;padding:0 0 70px}.hero{position:relative;min-height:500px;display:grid;grid-template-columns:1.05fr 1fr;background:#1a302b;color:#faf5e9;border-radius:4px;overflow:hidden}.hero-copy{padding:70px 52px;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:22px}.hero p{color:#c6d1c8;font-size:14px}.hero .art{position:absolute;right:0;top:0;width:55%;height:100%;border-radius:0}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1a302b 5%,#1a302b 34%,transparent 82%);pointer-events:none}.hero-copy{z-index:2;max-width:590px}.hero h1{margin-bottom:24px}.hero .art img{object-position:50% 28%}.hero-note{font-size:10px;letter-spacing:1px;margin-top:25px;color:#b1beb5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 24px;background:var(--green);border:1px solid var(--green);border-radius:3px;color:#fff;font-size:13px;font-weight:600;min-height:48px}.btn.light{background:#efe6d5;color:#24372f;border-color:#efe6d5}.btn.outline{background:transparent;color:var(--ink);border-color:var(--line)}.btn.small{padding:9px 15px;min-height:37px;font-size:12px}.btn.full{width:100%}.link{border:none;background:none;padding:4px 0;font-size:13px;border-bottom:1px solid #a6ada3}.section{margin-top:58px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:25px}.section-head h2{margin-bottom:7px}.section-head p{font-size:12px;color:var(--muted);margin:0}.characters{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.character{text-align:center;display:block}.character .art{height:182px;border-radius:100px 100px 4px 4px;border:1px solid #e2dfd5;background:#efede5}.character h3{font-size:14px;margin:14px 0 5px}.character p{font-size:10px;color:var(--muted);line-height:1.5;margin:0}.art{position:relative;display:block;overflow:hidden;background:#e5e0d6}.art img{width:100%;height:100%;object-fit:cover;display:block}.art.sheet img{position:absolute;width:300%;height:200%;max-width:none;left:0;top:0;object-fit:fill}.art .temp{position:absolute;bottom:8px;right:8px;font-size:9px;background:#fff9;color:#514d48;border:1px solid #fff6;padding:3px 6px;border-radius:2px;z-index:2;backdrop-filter:blur(4px)}.category-bar{position:sticky;top:0;z-index:10;background:var(--paper);border-bottom:1px solid var(--line);padding:15px 0;margin:38px 0 26px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.category-bar a{padding:10px 18px;font-size:13px;border-radius:50px;white-space:nowrap}.category-bar a.active{background:var(--green);color:#fff}.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.catalog-tools h2{font-size:24px;margin:0}.search{max-width:320px;width:45%;border:none;border-bottom:1px solid #a7aea4;border-radius:0;background:transparent;padding:11px 4px;font-size:13px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}.card{display:block;min-width:0}.card .art{height:250px;border-radius:3px;margin-bottom:14px}.card .meta{font-size:10px;color:var(--gold);letter-spacing:.5px;margin-bottom:6px}.card h3{margin:0 0 6px;font-size:17px}.card p{font-size:11px;color:var(--muted);line-height:1.7;margin-bottom:12px}.card-bottom{display:flex;justify-content:space-between;gap:6px;border-top:1px solid var(--line);padding-top:12px;font-size:11px}.card:hover h3{color:var(--red)}.card:hover .art img{filter:brightness(1.035)}.free-banner{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#e9ece3;padding:35px 40px;margin-top:55px}.free-banner h2{font-size:25px;margin-bottom:8px}.free-banner p{margin:0;font-size:12px;color:#627065}.footer{border-top:1px solid var(--line);padding:35px 28px 90px;max-width:1144px;margin:auto;color:var(--muted);font-size:11px;display:flex;justify-content:space-between;gap:25px;line-height:1.9}.footer nav{display:flex;gap:20px;flex-wrap:wrap}.bottom-nav{display:none}.page{max-width:760px;margin:30px auto 70px;padding:0 25px}.page.wide{max-width:1144px}.back{font-size:12px;display:inline-block;margin-bottom:25px;color:var(--muted)}.cover{max-width:480px;margin:auto;min-height:690px;position:relative;background:#272b2d;color:#fff;overflow:hidden;border-radius:4px}.cover>.art{position:absolute;inset:0;width:100%;height:100%}.cover:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#1114,transparent 25%,#1d24253b 45%,#142622 93%);pointer-events:none}.cover-copy{position:relative;z-index:2;padding:34px 34px 30px;min-height:690px;display:flex;flex-direction:column;justify-content:flex-end}.cover-copy .eyebrow{margin-top:auto}.cover h1{font-size:40px;letter-spacing:-1.5px;margin-bottom:15px}.cover p{font-size:13px;color:#e4e0d6;max-width:320px}.cover small{color:#cbd0c8;text-align:center;margin-top:14px;font-size:10px}.cover-badge{position:absolute;top:25px;left:30px;z-index:2;font-size:11px;letter-spacing:2px}.steps{display:flex;justify-content:center;gap:16px;font-size:10px;color:#8b918a;margin:0 auto 26px}.steps .on{color:var(--green);font-weight:700}.panel{background:#fffdf8;border:1px solid var(--line);padding:30px;border-radius:5px;margin:20px 0}.panel h2{font-size:25px}.panel p{font-size:13px}.input-page{max-width:580px}.field{display:block;margin-bottom:20px;font-size:12px;font-weight:600}.field input,.field select,.field textarea{display:block;width:100%;border:1px solid #d5d9cf;border-radius:3px;padding:13px;background:#fff;margin-top:9px;min-width:0;color:var(--ink)}.field textarea{min-height:100px;resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{display:flex;gap:8px;font-size:12px;margin:15px 0 24px}.check input{accent-color:var(--green)}.quote{border-left:2px solid var(--gold);padding:10px 0 10px 20px;color:#55645b;font-family:Batang,serif;font-size:19px;line-height:1.9;margin:24px 0}.scene{height:360px;border-radius:4px;margin:25px 0}.scene.sheet img{width:200%;height:200%}.label{display:inline-block;font-size:10px;padding:5px 9px;border:1px solid var(--line);border-radius:3px;color:var(--muted);margin-bottom:14px}.callout{padding:15px 20px;background:#e9ece3;color:#596a5d;font-size:12px;line-height:1.8;margin:20px 0}.toc details{border-bottom:1px solid var(--line);padding:17px 0}.toc summary{cursor:pointer;font-size:14px;list-style:none;display:flex;gap:16px;align-items:center}.toc summary:after{content:'＋';margin-left:auto;color:var(--gold)}.toc details[open] summary:after{content:'−'}.toc .num{font-size:11px;color:var(--gold)}.toc p{font-size:12px;color:var(--muted);margin:15px 0 0 36px}.price{font-size:32px;font-weight:600;letter-spacing:-1px;margin:15px 0}.report-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:36px}.report-nav{position:sticky;top:25px;align-self:start}.report-nav a{display:block;padding:12px 8px;font-size:12px;border-bottom:1px solid var(--line)}.report-nav a.active{background:#e4e9df}.report-body h1{font-size:35px}.report-body .art{height:340px}.empty{text-align:center;padding:60px 20px;background:#eceee6;border-radius:4px}.empty p{color:var(--muted);font-size:13px}.library-item{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.library-item .art{width:80px;height:95px;flex-shrink:0;border-radius:3px}.library-item h3{font-size:16px;margin-bottom:6px}.library-item p{font-size:11px;color:var(--muted);margin:0}.library-item .btn{margin-left:auto}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0}.stat{padding:25px;background:#e9ece3}.stat strong{font-size:28px;display:block;margin-bottom:7px}.stat span{font-size:11px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th,td{text-align:left;padding:15px 12px;border-bottom:1px solid var(--line)}th{font-size:10px;letter-spacing:1px;color:var(--muted)}.editor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.asset-editor{background:#fffdf8;border:1px solid var(--line);padding:14px}.asset-editor .art{height:230px}.asset-editor h3{font-size:13px;margin:15px 0 5px}.asset-editor small{font-size:10px;overflow-wrap:anywhere}.asset-editor input{font-size:11px;width:100%;margin:15px 0}.asset-editor button{margin:5px 0}.editor-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.notice{font-size:12px;line-height:1.8;color:var(--muted)}#toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:#233e37;color:white;padding:13px 22px;border-radius:4px;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90vw}#toast.show{opacity:1}.tarot-cards{display:flex;gap:14px;margin:25px 0}.tarot-card{flex:1;aspect-ratio:2/3;background:repeating-linear-gradient(45deg,#273c41,#273c41 10px,#2d4548 10px,#2d4548 11px);border:4px double #b79663;border-radius:7px;color:#dfc491;font-size:35px}.tarot-card.selected{transform:translateY(-8px);outline:2px solid #b79663;background:#536950}.helper-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.helper-grid a{background:#eeeee6;padding:24px 18px;font-size:13px;border:1px solid var(--line)}.character-detail{display:grid;grid-template-columns:270px 1fr;gap:50px;align-items:center;margin:20px 0 45px}.character-detail>.art{height:370px;border-radius:140px 140px 5px 5px}.character-detail h1{font-size:42px}.chapter-placeholder{border:1px dashed #c8cbbb;padding:25px;margin:20px 0;background:#f5f4ec}.chapter-placeholder p{font-size:13px;margin:0;color:#7e877e}.mobile-title{display:none}
@media(max-width:1200px){.shell{padding-left:28px;padding-right:28px}.character .art{height:160px}.card .art{height:225px}}
@media(max-width:800px){h1{font-size:38px}.header{height:72px}.header nav{gap:15px;font-size:11px}.hero{min-height:445px}.hero-copy{padding:45px 30px;max-width:460px}.hero .art{width:65%}.hero:after{background:linear-gradient(90deg,#1a302b 5%,#1a302be6 30%,#1a302b22 90%)}.hero h1{font-size:36px}.characters{grid-template-columns:repeat(3,1fr);gap:22px 15px}.character .art{height:210px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}.card .art{height:210px}.category-bar a{padding:9px 14px}.editor-grid{grid-template-columns:repeat(2,1fr)}.report-layout{grid-template-columns:1fr;gap:15px}.report-nav{position:static;display:flex;overflow:auto;gap:6px;margin-bottom:15px}.report-nav a{white-space:nowrap;border:1px solid var(--line);border-radius:3px}.character-detail{grid-template-columns:220px 1fr;gap:25px}}
@media(max-width:540px){.header{padding:0 20px;height:68px}.brand{font-size:17px}.brand small{font-size:8px}.header nav a:first-child{display:none}.header nav{font-size:11px}.shell{padding:0 20px 35px}.hero{margin:0 -20px;border-radius:0;min-height:560px}.hero .art{width:100%;height:100%;opacity:.9}.hero .art img{object-position:50% 24%}.hero:after{background:linear-gradient(180deg,#1a302b10 5%,#1a302b00 27%,#1a302ba8 57%,#1a302b 93%)}.hero-copy{padding:255px 28px 30px;max-width:100%}.hero .eyebrow{font-size:9px;margin-bottom:12px}.hero h1{font-size:35px;margin-bottom:14px;text-shadow:0 2px 12px #182a29}.hero p{font-size:12px;line-height:1.7;margin-bottom:20px}.hero-note{display:none}.hero .btn{padding:12px 22px;min-height:43px}.section{margin-top:38px}.section-head{margin-bottom:20px}.section-head h2{font-size:24px}.section-head p{font-size:11px}.section-head .link{font-size:11px;white-space:nowrap}.characters{gap:18px 12px}.character .art{height:138px}.character h3{font-size:12px;margin-top:10px}.character p{font-size:9px}.category-bar{margin:30px -20px 23px;padding:12px 15px;gap:1px}.category-bar a{font-size:12px;padding:9px 13px}.catalog-tools h2{font-size:22px}.catalog-tools{gap:8px}.search{font-size:11px;width:48%}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 15px}.card .art{height:200px;margin-bottom:12px}.card h3{font-size:15px}.card p{font-size:10px;min-height:34px}.card .meta{font-size:9px}.card-bottom{font-size:9px}.free-banner{padding:26px;display:block;margin-top:38px}.free-banner h2{font-size:24px}.free-banner p{margin-bottom:18px}.footer{padding:28px 20px 110px;display:block}.footer nav{margin-top:20px;gap:17px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:12px 6px max(12px,env(safe-area-inset-bottom));background:#f9f7f0f2;border-top:1px solid var(--line);z-index:30;backdrop-filter:blur(10px)}.bottom-nav a{font-size:10px;text-align:center;padding:2px 14px}.bottom-nav b{display:block;font-size:18px;font-weight:400;margin-bottom:4px}.page{padding:0 20px;margin:22px auto 60px}.page h1{font-size:34px}.cover{margin:0 -20px;min-height:650px;border-radius:0}.cover-copy{min-height:650px;padding:30px 28px}.cover h1{font-size:37px}.panel{padding:23px 20px}.panel h2{font-size:23px}.steps{gap:11px;font-size:9px}.row{gap:10px}.field{font-size:11px}.scene{height:280px}.stat-row{grid-template-columns:repeat(2,1fr)}.stat{padding:20px}.editor-grid{gap:12px}.asset-editor{padding:10px}.asset-editor .art{height:170px}.library-item{gap:13px}.library-item h3{font-size:14px}.library-item .btn{padding:8px 10px;font-size:10px;white-space:nowrap}.helper-grid{grid-template-columns:1fr}.character-detail{grid-template-columns:1fr;gap:25px}.character-detail>.art{max-width:240px;width:100%;margin:auto;height:310px}.character-detail h1{font-size:32px}.character-detail>div{text-align:center}.report-body h1{font-size:30px}.report-body .art{height:300px}.demo{font-size:9px;letter-spacing:.3px}}
@media(max-width:540px){.hero{display:block}.hero-copy{width:100%}.hero h1{font-size:32px;letter-spacing:-1.5px}.hero .eyebrow{letter-spacing:1.5px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}