:root{--paper:#f5f4ef;--white:#fff;--navy:#203e62;--blue:#285d96;--ink:#253140;--muted:#78808a;--line:#e6e7e5;--burgundy:#8f4351;--pale:#eaf0f7;--green:#507968;--shadow:0 8px 32px #243e5b07}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Pretendard","Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.7;word-break:keep-all}button,input,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.43}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c78d4e;outline-offset:4px}a{color:var(--blue)}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:26px;letter-spacing:-1.1px;line-height:1.5}h2{font-size:19px;letter-spacing:-.5px}h3{font-size:15px}small,.small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--blue);text-transform:uppercase}.tricolor{display:flex;width:24px;height:15px;border:1px solid #d9dde2;border-radius:2px;overflow:hidden;flex-shrink:0}.tricolor i{width:33.333%}.tricolor i:first-child{background:#315a93}.tricolor i:nth-child(2){background:#fff}.tricolor i:last-child{background:#ac5260}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:auto;padding:0 26px}.brand{display:flex;align-items:center;gap:12px;text-align:left}.brand strong{font-size:15px;font-weight:750;letter-spacing:-.5px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:2.4px}.top-right{display:flex;gap:8px;align-items:center}.iconbtn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;border-radius:10px}.saved{font-size:11px;color:var(--green);display:flex;gap:6px;align-items:center;margin-right:10px}.saved i{width:5px;height:5px;border-radius:50%;background:var(--green)}.layout{max-width:1120px;margin:32px auto 0;display:grid;grid-template-columns:220px minmax(0,620px) 200px;gap:28px;padding:0 26px 125px}.sidebar{padding-top:6px}.sidebar .era-line{border-left:1px solid #d7dce1;margin:24px 0 25px 7px;padding:0 0 0 19px}.era-item{position:relative;margin:0 0 23px;font-size:12px;color:#91969c}.era-item:before{content:'';position:absolute;left:-23px;top:7px;width:6px;height:6px;border-radius:50%;background:#d9dce0}.era-item.current{color:var(--navy);font-weight:700}.era-item.current:before{background:var(--navy);box-shadow:0 0 0 4px var(--paper)}.era-item small{display:block;font-size:10px;font-weight:400}.side-quote{font-size:13px;line-height:1.9;color:#8a8e95;padding-top:22px;border-top:1px solid var(--line)}.side-quote span{display:block;font-size:10px;margin-top:10px;letter-spacing:1px}.side-right{padding-top:10px}.side-right .note{font-size:12px;padding:17px 0;border-bottom:1px solid var(--line);color:var(--muted)}.side-right .note strong{display:block;color:var(--ink);margin-bottom:5px;font-size:12px}.content{min-width:0}.sectiontop{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.badge{font-size:10px;padding:4px 9px;border-radius:5px;background:var(--pale);color:var(--blue);display:inline-flex;align-items:center;gap:5px}.badge.wine{color:var(--burgundy);background:#f6ebed}.badge.green{color:var(--green);background:#ecf3ee}.card{border:1px solid var(--line);border-radius:16px;background:var(--white);padding:23px;margin-bottom:16px;box-shadow:var(--shadow)}.cardhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:10px}.cardhead svg{width:18px}.flex{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.stack{display:grid;gap:10px}.label{font-size:11px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--navy);color:#fff;padding:12px 18px;border-radius:9px;font-size:13px;font-weight:650;min-height:44px}.btn.secondary{background:#edf1f6;color:var(--navy)}.btn.outline{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.danger{background:#f5e9eb;color:var(--burgundy)}.btn.full{width:100%}.btn.small{padding:7px 12px;min-height:34px;font-size:12px}.textbtn{font-size:12px;color:var(--blue);padding:5px 0}.intro{padding:12px 0 24px}.intro h1{font-size:35px;font-weight:750;letter-spacing:-1.5px;margin:13px 0 14px;line-height:1.45}.intro h1 em{font-style:normal;color:var(--blue)}.intro p{font-size:13px;color:var(--muted);max-width:400px}.hero-mark{position:relative;display:flex;align-items:center;gap:15px;padding:20px 0 23px;border-bottom:1px solid var(--line);margin-bottom:22px}.hero-mark .year{font-size:36px;color:#b0b8c2;font-family:Georgia,serif;letter-spacing:-2px}.hero-mark .dash{height:1px;width:34px;background:#c8cdd3}.hero-mark small{font-size:10px;letter-spacing:1px}.slot{padding:18px;border:1px solid var(--line);background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;width:100%;margin-bottom:10px}.slot .number{font-family:Georgia,serif;color:#b1b8c1;font-size:22px;margin-right:4px}.slot strong{font-size:14px}.slot p{font-size:11px;color:var(--muted);margin-top:4px}.slot.empty{border-style:dashed;background:transparent;color:var(--muted);font-size:12px;justify-content:center;padding:15px}.slot:hover,.choice:hover,.activity:hover{border-color:#9eafc3}.birth{padding:0;overflow:hidden}.birth .ribbon{background:var(--navy);padding:16px 23px;color:#fff;display:flex;justify-content:space-between;align-items:center}.ribbon span{font-size:11px;letter-spacing:2px;opacity:.6}.birthbody{padding:28px}.birth h1{font-size:29px;margin:9px 0 22px}.birthgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px 16px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.birthgrid strong{display:block;margin-top:6px;font-size:14px}.birthfoot{font-family:monospace;color:#adb4bc;font-size:10px;letter-spacing:2px;margin-top:24px}.nameedit{display:flex;gap:8px;margin:15px 0;align-items:center}.nameedit input{width:100%;min-width:0;border:1px solid var(--line);padding:11px;border-radius:7px;background:#fafaf8;color:var(--ink)}.profile{background:var(--navy);color:#fff;border:0;position:relative;overflow:hidden;padding:24px}.profile:after{content:'FR';position:absolute;right:15px;bottom:-29px;color:#ffffff05;font-size:140px;font-family:Georgia,serif;line-height:1}.profile .eyebrow{color:#bdcde0}.profile .details{display:flex;gap:20px;font-size:11px;color:#b9c8da;padding-top:17px;margin-top:19px;border-top:1px solid #ffffff20}.age{font-family:Georgia,serif;font-size:43px;line-height:1}.age small{font-family:inherit;font-size:15px;margin-left:4px}.profile h2{font-size:23px;font-weight:650;line-height:1.5}.profile .small{color:#b9c8da}.statusgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;text-align:center}.stat .symbol{color:#8a9db4;display:block;margin-bottom:7px}.stat svg{width:18px;height:18px}.stat strong{font-size:11px;display:block;color:var(--ink);font-weight:500}.stat small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.divider{border-top:1px solid var(--line);margin:20px 0}.activity{padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:#fafbf9;text-align:left;width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px}.activity strong{font-size:13px}.activity p{font-size:11px;color:var(--muted);margin-top:4px}.activity.selected{border-color:#537aa5;background:#f0f4f9}.activity.selected .radio{border-color:var(--blue);background:var(--blue);box-shadow:inset 0 0 0 3px #fff}.radio{width:16px;height:16px;border:1px solid #c6ccd3;border-radius:50%;flex-shrink:0}.progress-note{font-size:11px;color:var(--muted);text-align:center;margin-top:10px}.event{border-color:#dcc7cc;background:#fffcfc}.event .eyebrow{color:var(--burgundy)}.event h2{font-size:21px;margin:9px 0 14px}.event p{font-size:13px;line-height:1.95;color:#5b626c}.event .eventdate{font-size:11px;color:var(--burgundy);display:block;margin-bottom:7px}.choice{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:12px;line-height:1.65}.event .stack{margin-top:22px}.journal{position:relative;padding:0 0 2px 19px;border-left:1px solid var(--line);margin-left:5px}.entry{position:relative;padding:0 0 22px 4px}.entry:before{content:'';width:5px;height:5px;background:#c7cfd7;border-radius:50%;position:absolute;left:-22px;top:7px}.entry.history:before{background:var(--burgundy)}.entry.achievement:before{background:#ad8a4d}.entry small{font-size:10px;color:var(--muted);display:block;margin-bottom:6px}.entry p{font-size:12px;line-height:1.9;color:#515b68}.nav{position:fixed;bottom:0;left:0;right:0;z-index:20;background:#ffffffed;border-top:1px solid var(--line);backdrop-filter:blur(12px);padding-bottom:env(safe-area-inset-bottom)}.navinner{display:flex;max-width:620px;margin:auto;padding:10px 12px}.nav button{flex:1;display:flex;flex-direction:column;align-items:center;color:#959ca4;font-size:10px;gap:5px;padding:5px 0;border-radius:8px;min-width:0}.nav button.active{color:var(--navy);font-weight:700;background:#f1f4f7}.nav svg{width:21px}.row{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:12px}.row:last-child{border:0}.row .value{text-align:right}.money{font-size:24px;font-family:Georgia,serif;font-weight:400;letter-spacing:-.3px}.money small{font-size:12px;font-family:inherit;color:var(--muted)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.jobitem{padding:16px 0;border-bottom:1px solid var(--line)}.jobitem:last-child{border:0}.jobitem p{font-size:12px;color:var(--muted);margin:6px 0 11px}.notice{font-size:11px;color:var(--muted);padding:12px 14px;background:#f4f5f3;border-radius:8px;line-height:1.85}.emptytext{text-align:center;padding:30px 14px;color:var(--muted);font-size:12px}.tree{font-size:12px;padding:0}.tree-parents{display:grid;grid-template-columns:1fr 1fr;gap:10px}.treebox{border:1px solid var(--line);padding:12px 9px;border-radius:9px;text-align:center;font-size:12px;background:#fff}.treebox small{font-size:10px;color:var(--muted);display:block}.treebox.dead{background:#f4f4f2;color:#8d9399}.treeline{width:1px;height:22px;background:#c7ced7;margin:auto}.tree-self{border-color:#a6b8ce;background:#f1f5f9;margin:0 auto;max-width:260px}.tree-children{border-top:1px solid #c7ced7;padding-top:17px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tree-branch{margin:20px 0 0 14px;border-left:1px solid #c7ced7;padding-left:15px;display:grid;gap:8px}.tabswitch{display:flex;background:#eaece9;padding:4px;border-radius:9px;gap:4px;margin-bottom:18px}.tabswitch button{flex:1;font-size:11px;padding:7px;border-radius:6px;color:#868c93}.tabswitch .active{background:#fff;color:var(--navy);box-shadow:0 2px 5px #00000005}.person{border:1px solid var(--line);border-radius:10px;padding:14px;margin-top:10px}.person small{font-size:11px;color:var(--muted)}.modalback{position:fixed;inset:0;background:#192c424f;backdrop-filter:blur(3px);z-index:50;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:100%;max-width:560px;background:var(--white);border-radius:18px;max-height:87dvh;overflow:auto;padding:25px;box-shadow:0 25px 100px #15263a30}.modal p{font-size:12px;line-height:1.9;color:#69727d;margin:12px 0}.modal header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal .activity{margin-top:9px}.modal select{border:1px solid var(--line);border-radius:8px;padding:11px;max-width:100%;width:100%;color:var(--ink);background:#fff;margin-bottom:12px}.modal ul{padding-left:20px;font-size:12px;color:#69727d}.subheading{font-size:13px;margin-top:20px;margin-bottom:10px}.archiveitem{border:1px solid var(--line);border-radius:12px;padding:17px;margin:12px 0}.archiveitem p{font-size:11px;margin:5px 0}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#233b54;color:white;border-radius:10px;box-shadow:0 5px 25px #0002;font-size:12px;z-index:99;max-width:90%;width:max-content;display:none}.ending{padding:35px 25px;text-align:center}.ending .line{width:25px;height:2px;background:var(--burgundy);margin:25px auto}.ending h1{font-family:Georgia,serif;font-size:30px;margin-top:20px}.filter{border:1px solid var(--line);padding:6px 10px;border-radius:7px;background:white;font-size:11px;color:var(--muted)}.help-count{display:flex;gap:8px;margin:12px 0}.help-count span{padding:10px;background:#f0f3f6;border-radius:8px;flex:1;text-align:center;font-size:11px}.no-wrap{white-space:nowrap}.spaced{margin-top:18px}@media(min-width:1250px){.layout{gap:35px;grid-template-columns:200px minmax(0,600px) 200px}}@media(max-width:1050px){.layout{grid-template-columns:180px minmax(0,620px);max-width:900px}.side-right{display:none}}@media(max-width:720px){body{font-size:13px}.topbar{height:65px;padding:0 20px}.brand{gap:9px}.brand strong{font-size:12px}.brand small{font-size:8px;letter-spacing:1.8px}.top-right{gap:6px}.saved{display:none}.iconbtn{width:33px;height:33px;border-radius:9px}.iconbtn svg{width:17px}.sidebar{display:none}.layout{display:block;margin:20px auto 0;padding:0 18px 110px;max-width:580px}.card{padding:20px;border-radius:13px}.profile{padding:22px}.birth{padding:0}.birthbody{padding:24px}.intro{padding:10px 3px 23px}.intro h1{font-size:33px}.sectiontop{margin-bottom:15px}.sectiontop h1{font-size:23px}.statusgrid{gap:2px}.stat small{font-size:9px}.modalback{padding:20px 12px;align-items:flex-end}.modal{border-radius:17px;max-height:88dvh;padding:23px}.tree-parents{gap:8px}.profile h2{font-size:22px}.profile .details{gap:13px;font-size:10px}.navinner{padding-top:8px;padding-bottom:7px}.choice{min-height:49px}.notice{font-size:10px}.money{font-size:23px}}/* Simple turn / focus / separate event flow */
.focus-card{padding:23px}.focus-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.focus-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:15px 5px 22px;border:1px solid var(--line);border-radius:11px;min-height:116px;background:#fafbf9;text-align:center}.focus-option svg{width:23px;height:23px;color:#8496ab}.focus-option strong{font-size:13px}.focus-option span{font-size:10px;line-height:1.5;color:var(--muted)}.focus-option small{position:absolute;bottom:5px;color:var(--blue);font-size:9px}.focus-option.selected{background:#edf3fa;border-color:#7a98ba;color:var(--navy)}.focus-option.selected svg{color:var(--blue)}.focus-description{font-size:12px;color:var(--muted);margin:18px 0}.next-turn{min-height:52px;font-size:15px}.auto-note{text-align:center;margin-top:17px;font-size:11px}.state-details summary{cursor:pointer;font-size:12px;color:var(--muted)}.state-details .card{border:0;box-shadow:none;margin:15px 0 0;padding:8px 0 0}.event-dialog{padding:28px;max-width:530px}.event-dialog header h2{font-size:12px;font-weight:500;color:var(--muted)}.event-kicker{font-size:11px;color:var(--burgundy);margin-top:10px}.event-title{font-size:25px;margin:16px 0}.event-dialog .event-body{font-size:15px;line-height:1.95;margin-bottom:27px}.event-choices .choice{padding:18px;font-size:14px;min-height:61px}.event-footnote{font-size:11px!important;color:var(--muted);margin-top:23px!important}.event-dialog .choice:hover{background:#f2f5f9}.event-dialog .choice:disabled{background:#f3f3f0}.event-dialog .choice:focus-visible{outline:3px solid #7a98ba}.modalback:has(.event-dialog){background:#172c43a8}@media(max-width:480px){.focus-card{padding:19px}.focus-grid{gap:5px}.focus-option{padding:12px 3px 22px;min-height:110px}.focus-option span{font-size:9px}.focus-option strong{font-size:12px}.focus-card .cardhead{align-items:baseline}.focus-card .cardhead h2{font-size:17px}.focus-card .cardhead .small{font-size:10px}.event-dialog{padding:24px 21px}.event-title{font-size:23px}.modalback:has(.event-dialog){padding:12px 8px}.event-dialog .event-body{font-size:14px}.event-choices .choice{font-size:13px}}
.focus-grid{grid-template-columns:repeat(var(--focus-count,5),minmax(0,1fr))}
/* 2026-10-31: visible stats, concise career actions and three living standards. */
.stat-bars{display:grid;gap:16px}.stat-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.stat-heading strong{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.stat-heading svg{width:17px;height:17px;color:var(--blue)}.stat-number{font-size:12px;font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere;min-width:0}.stat-number small{color:var(--muted);font-size:10px}.stat-track{height:7px;border-radius:8px;background:#edf0f3;overflow:hidden}.stat-track>span{display:block;height:100%;border-radius:8px;background:var(--blue);transition:width .25s}.change-summary{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.change-summary>strong{font-size:11px;color:var(--muted)}.change-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.change-chip{border-radius:6px;padding:4px 8px;background:#edf4ef;color:#426c55;font-size:11px;font-variant-numeric:tabular-nums}.change-chip.negative{background:#f7ecef;color:var(--burgundy)}.level-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.level-option{border:1px solid var(--line);padding:12px 5px;border-radius:9px;text-align:center;background:#fff}.level-option strong{display:block;font-size:12px}.level-option small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.level-option.selected,.choice.selected{background:var(--pale);border-color:var(--blue)}.choice p{margin:4px 0 0;color:var(--muted);font-size:11px}.stack>div>p{font-size:11px;margin:6px 0 0}.event-choices .choice{min-height:52px}.event-title,.event-body{overflow-wrap:anywhere}@media(max-width:380px){.stat-number{font-size:10px}.stat-heading strong{gap:5px;font-size:11px}.level-option strong{font-size:10px}.level-option{padding:12px 3px}}
.account-button{padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:white;white-space:nowrap;font-size:11px}.form-label{display:block;font-size:12px;font-weight:600;margin:12px 0 6px}.form-input{width:100%;border:1px solid var(--line);padding:10px 12px;border-radius:8px;color:var(--ink);background:white;margin-bottom:12px}#google-signin{min-height:44px;margin:20px 0}#google-signin iframe{max-width:100%}@media(max-width:400px){.topbar{padding:0 12px}.brand{gap:6px}.brand strong{font-size:11px}.brand small{font-size:7px;letter-spacing:1px}.top-right{gap:4px}.account-button{font-size:10px;padding:6px 7px}.top-right .iconbtn{width:29px;height:29px}}