@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans','Noto Sans KR',sans-serif;color:#eff7ed;background:#0c232c;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #f4d58d;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.055em}img{display:block;max-width:100%}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.24em;color:#e8c787}.primary,.secondary{border-radius:12px;padding:16px 22px;font-weight:800;border:1px solid transparent;transition:transform .2s,background .2s}.primary{background:#eecb82;color:#18323a;box-shadow:0 10px 30px #0003}.primary:hover,.secondary:hover,.text-button:hover{transform:translateY(-2px)}.secondary{color:#f1f7ee;background:#ffffff0d;border-color:#ffffff3a}.text-button{color:#e9cd8e;background:none;border:0;font-weight:800;padding:9px 0;transition:transform .2s}.site-header{max-width:1440px;margin:auto;min-height:91px;padding:18px 42px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:20px;font-weight:800;letter-spacing:-.07em}.brand-mark{color:#edce8b;font-size:28px;margin-right:6px}.header-note{color:#b2c5bf;font-size:12px;letter-spacing:.09em}.landing{overflow:hidden;background:radial-gradient(circle at 72% 13%,#225663 0,transparent 35%),#0d2a33}.intro{max-width:1440px;margin:auto;display:grid;grid-template-columns:53% 47%;min-height:590px;align-items:center;padding:46px 42px 82px;gap:20px}.intro-copy{position:relative;z-index:2;padding-right:35px}.intro .eyebrow span{padding:0 12px}.intro h1{font-size:clamp(37px,4.2vw,69px);line-height:1.25;margin:25px 0 23px;font-weight:800}.intro h1 em,.result-story h2 em{color:#f1d08a;font-style:normal}.intro p{font-size:16px;line-height:1.95;color:#cadbd4;max-width:570px;word-break:keep-all}.intro-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:39px}.intro-foot{display:flex;flex-wrap:wrap;gap:20px;margin-top:45px;color:#b1c4bf;font-size:12px}.hero-scene{height:495px;position:relative;border-radius:50% 48% 44% 50%;overflow:visible;isolation:isolate}.hero-scene:before{content:'';position:absolute;inset:3%;border-radius:50%;background:#f7d38b;filter:blur(65px);opacity:.2}.hero-scene img{width:100%;height:100%;object-fit:cover;border-radius:47% 53% 49% 51%;box-shadow:0 30px 80px #0008;mask-image:radial-gradient(ellipse at center,#000 59%,transparent 79%)}.hero-tag{position:absolute;bottom:12px;left:-3%;padding:17px 23px;background:#143840d9;backdrop-filter:blur(18px);border:1px solid #e2d2aa66;border-radius:14px;display:flex;flex-direction:column;box-shadow:0 16px 50px #0006}.hero-tag span{font-size:11px;color:#e1c582;letter-spacing:.16em}.hero-tag strong{font-size:24px;margin-top:4px}.hero-tag small{color:#c2d7cd;margin-top:2px}.floating-star{position:absolute;top:3%;right:12%;font-size:50px;color:#f5d48e;text-shadow:0 0 30px #ffe99d;animation:float 5s ease-in-out infinite}.world-chooser{max-width:1440px;margin:auto;padding:50px 42px 100px;border-top:1px solid #ffffff21}.world-chooser h2{font-size:37px;margin:8px 0 7px}.world-chooser p{color:#b9cdc6}.chooser-top{display:flex;justify-content:space-between;align-items:center;color:#b8c9c2;margin:28px 0 18px;font-size:13px;gap:15px}.world-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.world-tile{text-align:left;padding:0;background:#16404a;border:1px solid #ffffff1a;border-radius:13px;overflow:hidden;color:#f5f9ee;transition:transform .2s,border-color .2s}.world-tile:hover,.world-tile.selected{transform:translateY(-3px);border-color:#dfc586}.world-tile img{width:100%;aspect-ratio:1.55;object-fit:cover}.world-tile>span{display:flex;flex-direction:column;padding:12px 13px}.world-tile b{font-size:14px}.world-tile small{color:#abc2b8;margin-top:3px;font-size:11px}.page-footer{text-align:center;border-top:1px solid #ffffff1a;padding:30px;color:#a9bfb6;font-size:12px}.game{min-height:100vh;background:#102c35}.game-header{height:80px;border-bottom:1px solid #ffffff1c;display:flex;align-items:center;gap:22px;padding:0 clamp(16px,3vw,48px);background:#12343d}.logo-button{background:none;border:0;color:#f0d18c;font-size:27px;font-weight:800;white-space:nowrap}.logo-button span{color:#f1f7ef;font-size:16px;letter-spacing:-.06em;vertical-align:4px}.game-heading{border-left:1px solid #ffffff36;padding-left:22px;display:flex;flex-direction:column}.game-heading small{font-size:10px;letter-spacing:.12em;color:#bbcabf}.game-heading strong{font-size:18px}.header-controls{margin-left:auto;display:flex;align-items:center;gap:14px}.clock{font-size:19px;font-weight:800;color:#f4d58e}.clock small{font-size:11px;color:#d4e2d4;font-weight:500}.icon-button{border:1px solid #ffffff38;border-radius:8px;background:#ffffff0d;color:white;width:39px;height:39px;font-size:20px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 344px;min-height:calc(100vh - 80px);max-width:1800px;margin:auto}.world-panel{min-width:0;position:relative;padding:24px clamp(16px,2.6vw,42px) 38px}.scene{height:min(62vh,700px);min-height:385px;position:relative;overflow:hidden;border-radius:19px;background:#274f55;box-shadow:0 30px 80px #0005;isolation:isolate}.scene-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(calc(.75 + var(--eco)*.4)) brightness(calc(1 - var(--dim)));animation:sceneBreath 24s ease-in-out infinite alternate}.scene-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#0c232ca8 0,transparent 46%),linear-gradient(0deg,#0a202b9a,transparent 31%)}.scene-sun{position:absolute;width:150px;height:150px;right:16%;top:8%;border-radius:50%;background:#ffe8a0;filter:blur(55px);opacity:.26;animation:float 9s ease-in-out infinite}.scene-cloud{position:absolute;width:270px;height:70px;top:17%;border-radius:50%;background:#fff8;filter:blur(34px);opacity:.27;animation:cloud 35s linear infinite}.scene-cloud.two{top:29%;animation-duration:48s;animation-delay:-22s}.scene-caption{position:absolute;left:5%;top:7%;z-index:3;text-shadow:0 2px 12px #0008}.era-pill{display:inline-block;border:1px solid #fff8;border-radius:99px;padding:6px 13px;font-size:11px;letter-spacing:.07em;background:#123b46a8}.scene-caption h1{font-size:clamp(32px,3.5vw,60px);margin:16px 0 3px}.scene-caption p{font-size:13px;letter-spacing:.03em;color:#f6f5e6}.scene-population{position:absolute;right:22px;bottom:20px;z-index:3;background:#102e37b9;border:1px solid #ffffff61;border-radius:9px;padding:10px 13px;font-size:13px}.scene-village{position:absolute;left:11%;right:8%;bottom:7%;height:27%;z-index:2;pointer-events:none}.building{position:absolute;bottom:0;left:var(--x);width:34px;height:38px;background:#8b6350;border:3px solid #473e36;border-bottom:0;transform:scale(var(--scale));transform-origin:bottom;filter:drop-shadow(7px 7px 6px #0007);animation:rise .7s ease both;animation-delay:var(--delay)}.building:before{content:'';position:absolute;left:-8px;top:-25px;width:46px;height:28px;background:#a46b4d;clip-path:polygon(50% 0,100% 100%,0 100%);border-bottom:4px solid #4b3e33}.building:after{content:'';position:absolute;width:9px;height:17px;bottom:0;left:9px;border-radius:5px 5px 0 0;background:#372c2a}.building-1{background:#b69265}.building-2{background:#766d69}.stage-2 .building,.stage-3 .building,.stage-4 .building{height:50px;width:38px}.stage-3 .building:nth-child(3n){height:75px}.stage-4 .building:nth-child(3n){height:95px;background:#78a8a2}.shrine{position:absolute;right:12%;bottom:37%;color:#fff5b1;text-shadow:0 0 20px #fff;font-size:28px;animation:float 3s ease-in-out infinite}.progress{margin-top:23px}.progress>div:first-child{display:flex;justify-content:space-between;color:#b9c9c4;font-size:11px;margin-bottom:9px}.progress-track,.power div,.vital div,.stat-track{background:#ffffff25;border-radius:99px;overflow:hidden}.progress-track{height:7px}.progress-track i,.power i,.vital i,.stat-track i{display:block;height:100%;background:linear-gradient(90deg,#80d3b1,#e8cb83);border-radius:99px;transition:width .35s}.vital i.low,.stat-track i.low{background:#e88970}.controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:8px}.control-group>span{font-size:12px;color:#c5d3cb;margin:0 6px 0 14px}.pause-button,.speed{border:1px solid #ffffff31;color:#f3f8ee;background:#ffffff0b;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:700}.speed.active{background:#e9cc8d;color:#153139;border-color:#e9cc8d}.power{display:flex;align-items:center;gap:9px;font-size:12px;color:#f1d28e}.power div{height:7px;width:90px}.power b{font-size:16px}.side-panel{background:#15343d;border-left:1px solid #ffffff20;min-width:0;display:flex;flex-direction:column}.panel-section{padding:27px 25px;border-bottom:1px solid #ffffff1b}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-heading h2{font-size:20px;margin:4px 0 0}.pulse-dot{height:10px;width:10px;border-radius:50%;background:#83d7ae;box-shadow:0 0 0 5px #83d7ae24;animation:pulse 2s ease-in-out infinite}.vital-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.vital{border:1px solid #ffffff1d;background:#ffffff0a;border-radius:10px;padding:12px}.vital span{font-size:11px;color:#c3d6cb}.vital strong{display:block;font-size:26px;margin:6px 0}.vital div{height:4px}.expand-stats{width:100%;border:0;border-bottom:1px solid #ffffff30;background:none;color:#d7e7dd;display:flex;justify-content:space-between;padding:17px 0 6px;margin-top:8px;font-size:12px}.desktop-stats,.mobile-stats{display:none}.desktop-stats.open,.mobile-stats.open{display:block}.stats-list{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.stat-row>div:first-child{display:flex;justify-content:space-between;font-size:11px;color:#bdd0c5}.stat-row strong{color:#fff;font-size:12px}.stat-track{height:3px;margin-top:6px}.chronicle{flex:1}.record-count{font-size:12px;color:#bbd2c1}.records{display:flex;flex-direction:column;gap:10px}.record{display:grid;grid-template-columns:37px 1fr;gap:10px;color:#bcd0c7;border-left:2px solid #ffffff24;padding:5px 0 5px 10px}.record.latest{border-left-color:#efce85}.record-time{font-size:10px;color:#e9cd8b}.record strong{display:block;font-size:12px;color:#f5f7ed}.record p{font-size:11px;line-height:1.6;margin:5px 0 0}.empty-record{font-size:12px;line-height:1.8;color:#b6cac0}.gentle-tip{padding:18px 25px;color:#c7d1b8;font-size:11px;line-height:1.6}.question-backdrop{position:fixed;inset:0;background:#071b22b5;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(10px)}.question{width:min(580px,100%);max-height:min(90vh,800px);overflow-y:auto;border:1px solid #efd39b88;border-radius:20px;background:linear-gradient(155deg,#214b50,#122f39 64%);padding:28px;box-shadow:0 30px 90px #0009}.question-head{display:flex;justify-content:space-between;color:#d7e6d9;font-size:12px}.question h2{font-size:36px;margin:22px 0 10px}.question>p{color:#d7e5dd;line-height:1.8}.choice-list{display:grid;gap:9px;margin-top:25px}.choice{text-align:left;border:1px solid #ffffff31;background:#ffffff0b;border-radius:11px;color:#f7f9ef;padding:16px;transition:background .2s,border-color .2s}.choice:hover,.choice:focus-visible{background:#ffffff20;border-color:#e9d18c}.choice-top{display:flex;justify-content:space-between;gap:12px}.choice-top strong{font-size:15px}.choice-top em{font-size:12px;color:#efd394;font-style:normal;white-space:nowrap}.choice small{display:block;margin-top:7px;line-height:1.5;color:#c5d7cb}.uncertainty{display:inline-block;font-size:10px;color:#e6c887;margin-top:10px}.question-note{text-align:center;font-size:11px;color:#b9cec4;margin-top:19px}.result-page{min-height:100vh;background:radial-gradient(circle at 20% 24%,#23505a,transparent 44%),#0d2932}.result-layout{max-width:1320px;margin:45px auto 100px;padding:0 35px;display:grid;grid-template-columns:minmax(0,540px) minmax(0,1fr);gap:clamp(30px,6vw,85px);align-items:center}.result-card{aspect-ratio:4/5;position:relative;overflow:hidden;border-radius:20px;box-shadow:0 30px 80px #0008;border:1px solid #e8ce8a8c;background:#14323b}.result-card>img{position:absolute;inset:0;width:100%;height:75%;object-fit:cover}.result-art-shade{position:absolute;inset:0;background:linear-gradient(0deg,#112c36 0%,#112c36 19%,#112c36cc 37%,transparent 67%)}.result-content{position:absolute;inset:0;padding:30px;display:flex;flex-direction:column;justify-content:flex-end}.result-content .eyebrow{position:absolute;top:30px;left:30px;color:#fff1bf;text-shadow:0 1px 9px #123}.result-star{font-size:37px;color:#f0d28c;margin-bottom:10px}.result-overline{color:#d9e6da;font-size:13px;margin-bottom:7px}.result-content h1{font-size:clamp(30px,3vw,43px);line-height:1.3;margin:0 0 20px}.badges{display:flex;flex-wrap:wrap;gap:7px}.badges span{background:#f0d28a20;border:1px solid #f0d28a88;border-radius:99px;padding:6px 11px;font-size:11px;color:#f5e1a9}.result-summary{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #ffffff41;margin-top:26px;padding-top:15px;font-size:11px;color:#bed0c9}.result-summary b{display:block;font-size:15px;color:#fff;margin-top:4px}.result-content>small{color:#9eb9ad;font-size:10px;margin-top:26px}.result-story h2{font-size:clamp(38px,4vw,60px);line-height:1.24;margin:16px 0 25px}.result-story>p{color:#d3e1d7;line-height:2;word-break:keep-all}.choice-summary{border-top:1px solid #ffffff36;border-bottom:1px solid #ffffff36;margin:31px 0;padding:19px 0}.choice-summary h3{font-size:14px;color:#ecd18b;margin-bottom:13px}.choice-summary>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;font-size:12px;color:#bcd0c6}.choice-summary strong{color:#f4f6e9;font-size:12px;text-align:right}.choice-summary p{font-size:12px;color:#bcd0c6}.result-actions{display:flex;flex-wrap:wrap;gap:9px}.result-actions button{font-size:12px;padding:13px 15px}.share-note{min-height:16px;color:#e9d18c;font-size:12px!important;margin:8px 0 0!important}.replay-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:18px}.replay-actions button{font-size:12px}@keyframes float{50%{transform:translateY(-12px)}}@keyframes cloud{from{transform:translateX(-270px)}to{transform:translateX(1200px)}}@keyframes pulse{50%{opacity:.5}}@keyframes rise{from{transform:scale(0);opacity:0}to{transform:scale(var(--scale));opacity:1}}@keyframes sceneBreath{to{transform:scale(1.035)}}@media(max-width:1000px){.world-grid{grid-template-columns:repeat(4,1fr)}.game-layout{grid-template-columns:minmax(0,1fr) 290px}.panel-section{padding:20px 16px}}@media(max-width:760px){.site-header{padding:15px 20px;min-height:65px}.header-note{display:none}.intro{grid-template-columns:1fr;padding:30px 20px 65px;gap:32px}.intro-copy{padding-right:0}.intro h1{font-size:clamp(36px,8vw,55px)}.intro p{font-size:14px}.intro-foot{margin-top:30px;gap:10px 18px}.hero-scene{height:min(68vw,430px);min-height:260px;grid-row:1}.hero-tag{left:0;bottom:0}.world-chooser{padding:44px 20px 70px}.world-grid{grid-template-columns:repeat(2,1fr)}.chooser-top{align-items:flex-start;flex-direction:column}.game-header{height:67px;padding:0 15px;gap:10px}.logo-button span{display:none}.game-heading{padding-left:11px}.game-heading strong{font-size:15px}.clock{font-size:15px}.clock small{display:none}.game-layout{display:block}.world-panel{padding:13px 13px 24px}.scene{height:51vh;min-height:315px;border-radius:13px}.scene-caption{left:5%;top:7%}.scene-caption h1{font-size:35px}.scene-caption p{font-size:11px}.scene-village{bottom:7%}.controls{gap:12px}.control-group{gap:5px;flex-wrap:wrap}.control-group>span{font-size:11px;margin-left:5px}.pause-button,.speed{padding:8px 9px}.power{width:100%;justify-content:flex-end}.side-panel{border-left:0;border-top:1px solid #ffffff26;display:flex}.panel-section{padding:23px 20px}.status-section .desktop-stats{display:none}.mobile-stats.open{display:block}.vital-grid{grid-template-columns:repeat(4,1fr)}.vital{padding:9px}.vital strong{font-size:20px}.vital span{font-size:10px}.chronicle{min-height:180px}.gentle-tip{display:none}.result-layout{grid-template-columns:1fr;max-width:600px;gap:45px;margin-top:15px;padding:0 20px 65px}.result-card{max-width:500px;margin:auto;width:100%}.result-story h2{font-size:42px}.question{padding:21px;max-height:92vh}.question h2{font-size:29px}.choice{padding:12px}}@media(max-width:420px){.intro-actions .primary,.intro-actions .secondary{width:100%}.world-grid{gap:9px}.world-tile>span{padding:9px}.world-tile b{font-size:12px}.world-tile small{font-size:10px}.vital-grid{gap:6px}.vital{padding:7px}.vital strong{font-size:17px}.vital span{font-size:9px}.control-group>span{display:none}.scene{height:46vh;min-height:305px}.result-content{padding:22px}.result-content .eyebrow{left:22px;top:22px}.result-content h1{font-size:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}