/* Dotori village: shared, presentation-only theme, 2026-09-29. */
@import url('https://fonts.googleapis.com/css2?family=Jua&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--ink:#513c2f;--text:#513c2f;--text-mid:#74604e;--text-light:#857360;--muted:#746858;--text-muted:#746858;--green:#53754a;--accent:#53754a;--accent2:#ad6a40;--paper:#fff9eb;--bg:#fff9eb;--bg2:#f4ebd8;--bg3:#fffdf7;--line:#dfceb4;--orange:#b66d3f;--dr-green:#53754a}
body{background-color:#fff9eb!important;background-image:radial-gradient(#bfa57a30 1px,transparent 1px)!important;background-size:18px 18px;color:var(--ink)}
h1,h2,h3,.big-title,.nav-logo,.brand,.tl-title{font-family:'Jua','Noto Sans KR',sans-serif!important;font-weight:400!important;letter-spacing:-.035em!important}button,input,select,textarea{font-family:inherit}a,button,input,select,textarea,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b66d3f!important;outline-offset:4px}img{max-width:100%}
.site-nav,body>nav.site-nav{background:#fffaf0f5!important;border-bottom:2px solid #ddc9a8!important;box-shadow:0 4px 0 #8862390b!important;backdrop-filter:blur(12px)}
.site-nav .nav-logo{color:#664a32;font-size:24px}.site-nav .nav-logo-icon{width:49px;height:49px;transform:rotate(-8deg)}
.nav-menu>li>a,.nav-drop-btn{color:#66503b!important}.nav-cash,.nav-cta,.button,.dr-btn,.btn-fill,.ai-subscription-button,.art-purchase{border-radius:15px!important}.nav-cash,.primary,.dr-btn,.btn-fill{background:#53754a!important;color:#fffdf3!important;border:1px solid #3f6038!important;box-shadow:0 4px 0 #354f30!important}.nav-cash:hover,.primary:hover,.dr-btn:hover{background:#43673b!important}.nav-cta,.glass{background:#fff8e7!important;border:1px solid #d6bd96!important;color:#695137!important;box-shadow:0 3px 0 #e6d5b6}.nav-dropdown,.nav-mobile-panel,.nav-user-menu{background:#fffdf5!important;border:1px solid #d9c5a5!important;border-radius:16px!important}.nav-mobile-panel{border-radius:0 0 20px 20px!important}.nav-menu a:hover{background:#f2ead8}
/* An illustrated village framed like a postcard. */
.home-v2 .hero{margin:24px auto 0;width:calc(100% - 48px);max-width:1400px;height:660px;border:2px solid #c8b28e;border-radius:36px;box-shadow:0 8px 0 #dac7a43d;background:#e9eed5}
.home-v2 .hero-landscape{object-position:center 62%;opacity:.85}.home-v2 .hero-wash{background:linear-gradient(90deg,#fff6df 0%,#fff6dff0 30%,#fff6df60 63%,transparent 90%)}
.home-v2 .hero-inner{padding:85px 54px 60px;max-width:1240px}.home-v2 .hero h1{font-size:clamp(44px,5.4vw,76px);line-height:1.15;color:#65472e;text-shadow:0 3px #fffcf0;letter-spacing:-3px!important}.home-v2 .hero h1 em{color:#577746}.home-v2 .hero .eyebrow{display:inline-flex;background:#fffdf2;border:1px solid #d9c39c;padding:7px 13px;border-radius:30px;letter-spacing:1px;font-size:10px;color:#785c3c;transform:rotate(-2deg);margin-bottom:24px}.home-v2 .hero-copy{font-size:15px;color:#705e46}.home-v2 .hero-tori{width:340px;max-width:36%;right:7%;bottom:36px;filter:drop-shadow(0 13px 0 #6a613118);transform:rotate(5deg)}.home-v2 .hero-caption{color:#59472f;text-shadow:0 1px #fff;right:30px;bottom:17px}.home-v2 .ip-button{background:#fff9eccc;padding:10px 14px;border:1px dashed #b49e7e;border-radius:12px;max-width:max-content}.home-v2 .quick-links{margin-top:24px;padding:0;background:none;border:none;box-shadow:none;gap:18px}.home-v2 .quick-links>a{background:#fffdf5;border:1.5px solid #d9c5a5;border-radius:20px;padding:22px;box-shadow:0 5px 0 #e9dcc4}.home-v2 .quick-links>a:nth-child(2){background:#f6efdf}.home-v2 .quick-links>a:nth-child(3){background:#eef1dc}.home-v2 .quick-links strong{font-family:'Jua',sans-serif;font-size:19px;font-weight:400}.home-v2 .quick-icon{border:1px dashed #c4ad84;background:#fff9ed;color:#81633f;border-radius:50%}.home-v2 h2{font-size:40px}.home-v2 .section{padding-block:76px}.home-v2 .world-card{border:2px solid #d8c2a0;border-radius:26px;box-shadow:0 7px 0 #eadcc3;transform:rotate(-1deg)}.home-v2 .world-card:nth-child(2){transform:rotate(1deg)}.home-v2 .world-card:hover{transform:translateY(-6px)}.home-v2 .card-body{background:#fffdf5;padding:25px}.home-v2 .card-body h3{font-size:23px}.home-v2 .image-label,.tags span{background:#fff8e9;border:1px solid #dfcdaa;border-radius:20px;color:#776044}.home-v2 .start-section{background:#e9eed8;border-block:2px dashed #c6cda9}.home-v2 .steps li{padding:20px;background:#fffdf2;border:1px solid #cfceb0;border-radius:18px;margin-bottom:12px;gap:18px}.home-v2 .steps li>span{background:#e6eacb;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;color:#617044;font:22px 'Jua'}.home-v2 .steps h3{font-size:21px}.home-v2 .updates-list{background:#fffdf5;border:1px solid #d9c5a5;border-radius:22px;overflow:hidden;box-shadow:0 5px 0 #e9dcc4}.home-v2 .update-row{padding:24px}.home-v2 .faq-list details{background:#fffdf5;border:1px solid #ddc9a7;border-radius:16px;padding:20px;margin-bottom:12px}.home-v2 .faq-list details:first-child{padding-top:20px}.home-v2 .community{background:#eee6cb;border:2px solid #ceb88f;border-radius:28px;box-shadow:0 7px 0 #e4d3b5}.home-v2 .community-decoration{color:#dbcdab}.home-v2 footer{padding:30px 0}.footer-bottom,.cash-footer{color:#756651!important}
/* Inner pages are chapters in the same illustrated guidebook. */
.terms-header,.rank-header,.ai-subscription-hero,.art-hero{background:radial-gradient(ellipse at 50% 100%,#fff7dd 0%,#eee6ce 85%)!important;border-bottom:2px dashed #cab88e!important}.terms-header .big-title,.rank-header .big-title{color:#674a31;font-size:46px}.v2-header-fox{width:115px;height:130px;top:110px}.hero-eyebrow,.eyebrow,.cash-eyebrow{color:#8b6841!important}.terms-article,.rank-card,.patch-card,.toc-box,.patch-sidebar,.patch-content,.warn-card,.ai-feature-card,.ai-plan-card,.art-editor-card,.art-order-card{background:#fffdf7!important;border:1px solid #d9c5a5!important;border-radius:22px!important;box-shadow:0 5px 0 #eadcc54d!important}.terms-article h2{font-size:23px}.terms-article p,.terms-article li,.notice-body p,.notice-body li{font-size:14px;color:#6a5947;line-height:2}.terms-chapter{background:#eee7cf!important;border-left:5px solid #8c9a62!important;color:#624c35!important}.policy-pill,.notice-filter-pill{border-radius:24px!important;background:#fffaf0;border-color:#d6c2a0;color:#66573f}.policy-pill.active,.notice-filter-pill.is-active{background:#58764a!important;color:white}.notice-list{border:1px solid #d9c5a5;border-radius:18px;background:#fffdf7}.rank-card-header{background:#eee9d7!important}.v2-support{background:#edf0d9;border:1.5px dashed #b4bd8d;border-radius:23px}.v2-support img{width:90px;height:100px}.v2-support strong{font-family:'Jua';font-size:22px}.v2-support a{border-radius:12px;background:#fffdf1;color:#527041}footer:not(.wrap){background:#f1e8d5!important;border-top:1px solid #d9c5a5!important}
/* Cash counter: clear amounts, quiet illustrations, explicit states. */
.cash-heading{max-width:1100px;margin:36px auto 28px;padding:30px 32px!important;background:#f0e8d1;border:1px solid #d7c39f;border-radius:25px;position:relative;overflow:hidden}.cash-heading h1{font-size:42px!important;color:#63472e;line-height:1.3}.cash-heading .cash-crumb{margin-bottom:18px}.cash-heading>p:last-child{color:#715e45}.cash-layout{max-width:1160px;gap:28px}.cash-guide{background:#edf0d9!important;border:1.5px solid #c2c6a2!important;border-radius:23px!important;box-shadow:0 6px 0 #d9dec266!important}.cash-guide h2{font-size:29px!important;color:#5d653e}.cash-guide img{width:190px;height:215px;object-fit:contain}.cash-guide li b{background:#fffbea!important;border:1px solid #c9c8a1;color:#74764e!important}.dr-card{background:#fffdf7!important;border:1.5px solid #d9c3a0!important;border-radius:24px!important;box-shadow:0 7px 0 #e5d5b654!important}.dr-tabs{background:#ece2cb!important;border:1px solid #d9c5a5;border-radius:16px!important;padding:6px!important;gap:7px}.dr-tab{border-radius:11px!important;color:#786345!important;padding:14px!important}.dr-tab.active{background:#fffdf4!important;color:#5b713e!important;box-shadow:0 3px 0 #d3c3a3!important}.section-title{font-family:'Jua';font-size:21px!important;color:#654b31!important}.preset-grid{gap:12px}.preset-btn{border:1.5px solid #d5c29e!important;background:#fff9e9!important;border-radius:15px!important;box-shadow:0 3px 0 #e8dac0;padding:18px 8px!important;color:#6b5136!important;font-size:15px!important}.preset-btn.active,.preset-btn[aria-pressed=true]{background:#e9efd8!important;border-color:#6e8953!important;color:#49663c!important;box-shadow:0 3px 0 #b3c499}.dr-input,input[type=text],input[type=number]{border-radius:12px!important;border-color:#d2be9a!important;background-color:#fffdf8!important;color:#574331!important}.status-card{padding:0!important}.status-banner{background:#f5ecd1!important;border-bottom:2px dashed #dac291;position:relative;padding:30px 120px 27px 26px}.status-banner:after{content:'';position:absolute;right:18px;bottom:8px;width:95px;height:115px;background:url('/images/tori-v1/tori-guide.webp') center/contain no-repeat;pointer-events:none}.status-banner h2{font-size:29px;color:#695032}.status-symbol{background:#fffdf2;color:#a27b38;border:1px solid #d8bd83;border-radius:50%;flex-basis:40px;height:40px;font-size:22px}.status-label{border-radius:20px;background:#e8d7a9;color:#735623}.status-amount{background:#fff8e8;border:1px solid #ead6b1;border-radius:16px;padding:20px;margin:20px 26px}.status-amount strong{font-family:'Jua';font-weight:400;font-size:44px;color:#607345}.account-highlight{background:#f2f1df;border:1px solid #c9c9a8;border-radius:15px}.status-advice{background:#fff0d3;border:1px solid #d8ba7a;color:#7b531e}.status-copy{border-radius:10px;border-color:#cbbb98;color:#665338;min-height:36px}.charge-journey{background:#f2efdf!important;border:1px dashed #c8bd9d;border-radius:20px;box-shadow:none}.journey-welcome strong{font-family:'Jua';font-size:21px;color:#6a6541}.journey-welcome>div>span{color:#817050}.status-card .charge-journey .tl-step{border-radius:16px;border-color:#dbcfb6}.status-card .charge-journey .tl-title{font-size:19px}.status-card .charge-journey .tl-step[data-step-state=active]{border:2px solid #c6a45e;background:#fffaf0}.journey-icon{background:#e9ebd2}.journey-chip{font-size:11px}.status-help{padding:15px;border-radius:13px;background:#f1f0df}.status-order-number{border-color:#d3c2a1}.status-kicker{color:#8a714d}.status-card #piActionBtns button{border-radius:12px!important}.status-card #piActionBtns #cancelOrderBtn{color:#a34d39!important}
[data-status=COMPLETED] .status-banner{background:#e8efd5!important;border-color:#bac89c}[data-status=COMPLETED] .status-banner:after{background-image:url('/images/tori-v1/tori-community.webp')}[data-status=FAILED] .status-banner{background:#f8e3d7!important;border-color:#d9ad97}[data-status=CANCELLED] .status-banner,[data-status=UNKNOWN] .status-banner{background:#ede7dc!important;border-color:#c7baa5}[data-status=FAILED] .status-label{background:#eed0be;color:#873f29}[data-status=CANCELLED] .status-label{background:#dbd2c1;color:#655744}[data-status=COMPLETED] .status-label{background:#d4e2b8;color:#466030}.order-card,.order-item{border-radius:16px!important;border-color:#d9c5a5!important;background:#fffdf6!important}.pass-summary{background:#edf0da!important;border:1.5px solid #c9c5a2!important;border-radius:24px!important}.terms-modal{background:#fffaf0;border-radius:22px}.terms-modal__body{color:#5c4b36}
/* Login becomes a small house at the village entrance. */
.login-v2 .login-layout{gap:50px}.login-v2 .login-scene{background:linear-gradient(180deg,#fff8e5e8 0%,#fff8e520 48%),url('/images/tori-v1/tori-village.webp') center/cover!important;border:2px solid #cbbb98;border-radius:32px!important;min-height:530px;padding:40px!important;box-shadow:0 8px 0 #e5d6b8}.login-v2 .login-scene h1{font-size:43px!important;color:#674c32!important;text-shadow:0 2px #fff9ea;line-height:1.3}.login-v2 .login-scene>p{color:#806742!important}.login-v2 .card{background:#fffdf4!important;border:2px solid #d6c09a!important;border-radius:28px!important;box-shadow:0 8px 0 #e5d6b8!important}.login-v2 .login-logo{height:170px!important;width:160px!important;object-fit:contain}.login-v2 #microsoftLoginBtn{padding:16px 12px;border:1px solid #927b56;border-radius:14px;color:#5d4832;background:#f5efdc;box-shadow:0 3px 0 #e3d2af}.login-v2 .text-muted{color:#776650!important}
@media(max-width:900px){.site-nav .nav-logo{font-size:20px}.home-v2 .hero-inner{padding:65px 35px}.home-v2 .hero-tori{right:1%;width:280px}.home-v2 .hero h1{font-size:54px}.home-v2 .quick-links>a{padding:18px 14px;gap:9px}.home-v2 .quick-links strong{font-size:17px}.cash-heading{margin-inline:20px}.status-banner{padding-right:92px}.status-banner:after{width:72px}.status-banner h2{font-size:25px}.login-v2 .login-scene{min-height:420px}.login-v2 .login-scene h1{font-size:32px!important}}
@media(max-width:650px){.home-v2 .hero{width:calc(100% - 24px);margin-top:12px;border-radius:25px;height:760px}.home-v2 .hero-inner{padding:35px 22px}.home-v2 .hero h1{font-size:49px}.home-v2 .hero-copy{font-size:13px}.home-v2 .hero .eyebrow{font-size:8px}.home-v2 .hero-tori{width:225px;max-width:65%;height:270px;right:calc(50% - 112px);bottom:17px;transform:rotate(3deg)}.home-v2 .hero-wash{background:linear-gradient(#fff6dff5 0%,#fff6dfeb 42%,#fff6df22 78%)}.home-v2 .hero-landscape{object-position:63% bottom}.home-v2 .hero-buttons{flex-wrap:wrap;gap:12px}.home-v2 .hero-caption{font-size:6px;right:12px;bottom:8px}.home-v2 .quick-links{margin-top:18px;gap:10px}.home-v2 .quick-links>a{border:1px solid #d9c5a5;padding:17px}.home-v2 h2{font-size:32px}.home-v2 .world-card,.home-v2 .world-card:nth-child(2){transform:none}.home-v2 .card-body h3{font-size:22px}.home-v2 .section{padding-block:48px}.home-v2 .community{padding:30px 25px 230px}.home-v2 .community img{height:235px}.home-v2 .steps li:first-child{padding:20px}.home-v2 footer{padding-inline:20px}.cash-heading{padding:24px 20px!important;margin:24px 18px}.cash-heading h1{font-size:32px!important}.cash-guide h2{font-size:25px!important}.cash-guide img{width:115px;height:130px}.cash-guide ol{flex-wrap:wrap;gap:8px}.cash-guide li{font-size:11px}.cash-guide{box-shadow:none!important}.dr-card{border-radius:20px!important}.status-banner{gap:10px;padding:23px 85px 22px 18px}.status-symbol{display:none}.status-banner:after{right:8px;width:70px;height:92px}.status-banner h2{font-size:25px;line-height:1.3}.status-banner p{font-size:12px}.status-amount{margin:20px;padding:17px}.status-amount strong{font-size:36px}.journey-welcome strong{font-size:19px}.status-card .charge-journey .tl-title{font-size:18px}.status-card .charge-journey .tl-desc{font-size:12px}.journey-chip{font-size:10px}.preset-btn{font-size:14px!important;padding:16px 5px!important}.terms-header .big-title,.rank-header .big-title{font-size:33px}.v2-header-fox{width:65px;height:80px}.terms-article{padding:22px!important}.terms-article h2{font-size:21px}.v2-support{padding:20px;gap:10px}.v2-support img{width:65px;height:80px}.v2-support strong{font-size:20px}.login-v2 .login-scene{min-height:280px;padding:25px!important}.login-v2 .login-scene h1{font-size:31px!important}.login-v2 .card-body{padding:30px 23px!important}.login-v2 .login-layout{gap:24px}.login-v2 .login-logo{height:140px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:650px){.home-v2 .hero h1{font-size:36px;line-height:1.3;letter-spacing:-1.5px!important;word-break:keep-all}.home-v2 .hero-buttons{margin-top:22px;flex-direction:row}.home-v2 .hero-buttons .button{font-size:11px;padding:12px;gap:8px}.home-v2 .hero-copy{margin-top:18px}.home-v2 .hero{height:720px}.home-v2 .hero-tori{bottom:25px}.login-v2 .login-layout{margin:18px;min-height:0}.login-v2 .login-form-column{padding:0;margin-top:0}}
@media(min-width:801px){.login-v2 .login-layout{max-width:1200px;margin:35px auto;min-height:600px;padding:0 24px}.login-v2 .login-scene{height:600px;min-height:600px}.login-v2 .login-form-column{padding:20px 10px}}