:root{color-scheme:dark;--ink:#e8e7e9;--muted:#aeb8cc;--gold:#e8bf76;--gold-soft:#9a805c;--navy:#111b2d;--navy2:#18283c;--panel:#19263a;--line:rgba(228,194,142,.24);--mint:#79c7af;--rose:#e2a3ad;--blue:#86bbf2;--shadow:0 16px 48px rgba(3,6,12,.42);--font: 'Malgun Gothic','Apple SD Gothic Neo','Noto Sans CJK KR',system-ui,sans-serif}
*{box-sizing:border-box}html{background:#0b1121}body{margin:0;background:radial-gradient(circle at 70% -10%,#263d5a 0%,#10192b 50%,#0d1322 100%);color:var(--ink);font:14px/1.56 var(--font);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #eac988;outline-offset:3px}h1,h2,h3,p{margin-top:0}.app{max-width:1850px;margin:auto;min-height:100vh;display:flex;flex-direction:column}.masthead{height:76px;flex-shrink:0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 22px;background:rgba(10,17,28,.88)}.brand{display:flex;gap:12px;align-items:center;white-space:nowrap}.brand-star{font-size:33px;color:var(--gold);text-shadow:0 0 25px #ebbe7a}.brand strong{font-family:Georgia,serif,'Malgun Gothic';letter-spacing:2px;font-size:24px;color:#f9e8c6}.brand small{display:block;font-size:9px;letter-spacing:1.65px;color:#a99984}.header-info,.header-buttons{display:flex;gap:15px;align-items:center}.header-info{color:#c7cfdf;font-size:13px}.coin{background:#263347;padding:7px 12px;border:1px solid #6f5c42;border-radius:6px;color:var(--gold)}.coin b{font-variant-numeric:tabular-nums}.age-badge{border-left:1px solid var(--line);padding-left:15px}.icon-btn{background:#172438;color:#d9c09a;border:1px solid #574a38;width:33px;height:33px;border-radius:5px}.icon-btn:hover{background:#30435c}.layout{display:grid;grid-template-columns:211px minmax(0,1fr) 292px;min-height:calc(100vh - 112px);flex:1}.sidebar{background:linear-gradient(180deg,#162237,#111a2c);border-right:1px solid var(--line);padding:23px 12px;display:flex;flex-direction:column;gap:4px}.sidebar-caption,.mini-title,.overline{font-size:10px;letter-spacing:2px;color:var(--gold-soft);font-weight:700}.sidebar-caption{padding:0 15px 20px}.nav-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 12px;color:#c5d0e1;text-align:left;background:transparent;border:1px solid transparent;border-radius:6px;transition:.2s}.nav-btn span{font-size:20px;color:#d6b27c;width:25px}.nav-btn i{font-style:normal;font-size:9px;opacity:.4;margin-left:auto}.nav-btn:hover,.nav-btn.active{background:linear-gradient(90deg,#344259,#27374f);color:#fff;border-color:#75644c}.nav-btn.active{box-shadow:inset 3px 0 #e8bc74}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:17px 10px;color:#8696ae;font-size:11px;line-height:1.85}.sidebar-foot span{color:var(--gold);font-size:26px}.central{min-width:0;display:flex;flex-direction:column}.hero-scene{height:355px;flex-shrink:0;position:relative;overflow:hidden;background:#273448 url('assets/room.webp') center 49%/cover no-repeat;border-bottom:1px solid #9d8359;transition:background-image .35s}.scene-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,13,22,.89) 1%,rgba(7,14,25,.58) 37%,rgba(7,14,25,.06) 78%),linear-gradient(0deg,rgba(6,11,20,.88) 0%,transparent 42%)}.scene-particles{position:absolute;left:35%;top:15%;color:#ffebbb55;letter-spacing:35px;font-size:21px;animation:float 8s ease-in-out infinite}@keyframes float{50%{transform:translate(20px,-16px);opacity:.5}}.hero-figure{position:absolute;height:420px;right:5%;bottom:-66px;object-fit:contain;object-position:bottom;filter:drop-shadow(-12px 14px 23px #10151c9e);pointer-events:none;animation:arrive .7s ease-out}@keyframes arrive{from{transform:translateY(19px);opacity:.3}to{transform:translateY(0);opacity:1}}.scene-info{position:absolute;left:4%;top:23%;max-width:60%;text-shadow:0 2px 15px #000}.scene-info h1{font-family:Georgia,serif,'Malgun Gothic';color:#fbf1dc;font-size:clamp(23px,2.1vw,36px);line-height:1.25;margin:9px 0}.scene-info p{color:#d4d7dc;max-width:350px}.dialogue{position:absolute;bottom:15px;left:3%;right:3%;min-height:64px;border:1px solid #bb9564a6;border-radius:5px;background:linear-gradient(120deg,#101a2ee9,#19263de0);padding:9px 15px;max-width:760px;box-shadow:var(--shadow);backdrop-filter:blur(7px)}.dialogue-name{color:var(--gold);font-weight:700;margin-bottom:3px}.view-content{padding:25px;flex:1;background:linear-gradient(145deg,#16243a 0%,#121d31 100%)}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;flex-wrap:wrap;margin-bottom:14px}.panel-heading h2{color:#f1e4cc;font-size:21px;margin:4px 0}.panel-heading p{color:#aebbd0;margin:3px 0}.section-overline{font-size:10px;color:#d9b774;letter-spacing:2px}.primary,.secondary,.tertiary,.danger{border:1px solid #c3a06d;border-radius:5px;color:#161924;background:linear-gradient(180deg,#f4dba8,#d8af73);padding:9px 16px;font-weight:800;transition:transform .15s,filter .15s}.primary:hover:not(:disabled),.secondary:hover:not(:disabled),.tertiary:hover:not(:disabled){filter:brightness(1.09);transform:translateY(-1px)}.secondary{color:#f5e8cb;background:#253a51;border-color:#907a59}.tertiary{color:#cbd7ec;background:#1c2e43;border-color:#4b6077}.danger{color:#f1c4ba;background:#4b252d;border-color:#985760}.small-btn{padding:6px 11px;font-size:12px}.buttonline{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.activity-card{background:linear-gradient(145deg,#24374b,#1b2a3f);border:1px solid #52617b66;border-radius:9px;padding:15px;min-height:150px;display:flex;flex-direction:column;gap:7px;transition:transform .15s,border-color .15s}.activity-card:hover{border-color:var(--gold);transform:translateY(-2px)}.card-top{display:flex;justify-content:space-between;align-items:center;gap:7px}.card-top .emoji{font-size:26px}.activity-card h3{font-size:16px;margin:0;color:#f3e3c8}.desc{color:#aabbd0;font-size:12px;line-height:1.6}.gain{color:#9de0b6;font-size:12px}.loss{color:#dfb4a8;font-size:12px}.meta{font-size:11px;color:#e5c082}.activity-card .card-actions{margin-top:auto;padding-top:7px}.schedule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.slot{border:1px solid #596c79;border-radius:9px;padding:16px;background:linear-gradient(140deg,#253549,#15293f);min-height:146px}.slot.selected{border-color:#d9aa6b;box-shadow:inset 0 0 0 1px #b78d52}.slot .slot-label{color:#e4c18b;font-size:12px;letter-spacing:1px}.slot .slot-title{color:#f6efe3;margin:14px 0 3px;font-size:16px;font-weight:700}.slot .slot-desc{color:#9cb3c5;font-size:11px;min-height:19px}.slot button{margin-top:8px}.block{border:1px solid var(--line);border-radius:8px;background:#101c2e90;padding:16px;margin:14px 0}.block-title{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:15px;color:#f4d9b2;font-weight:700;margin-bottom:12px}.notice{color:#d3c8af;font-size:12px;border-left:3px solid #a88b58;background:#2a2e3a;padding:10px 12px;margin-bottom:15px}.forecast{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.forecast-item{padding:11px;background:#213049;border:1px solid #526178;border-radius:6px;color:#adbcd0;font-size:12px}.forecast-item b{display:block;color:#e8d1a8;font-size:17px}.badge{display:inline-block;border:1px solid #8e795d99;border-radius:100px;padding:2px 8px;font-size:10px;color:#e6c895}.badge.green{border-color:#5b8e73;color:#94d7aa}.badge.red{border-color:#a26d74;color:#eaa4b0}.muted{color:#98abc1}.ledger{background:linear-gradient(#182639,#152032);border-left:1px solid var(--line);padding:18px 15px}.portrait-banner{height:96px;position:relative;border:1px solid #7e6a4e;border-radius:5px;overflow:hidden;background:#162f46;padding:14px;display:flex;align-items:end}.banner-bg{position:absolute;inset:0;background:linear-gradient(90deg,#111c31f5,#14294277),url('assets/intro.webp') center 43%/cover}.portrait-banner>div:last-child{position:relative}.portrait-banner small{font-size:9px;color:#f1c984;letter-spacing:1px}.portrait-banner h2{font-size:21px;margin:1px 0;color:#ffebc4}.portrait-banner p{margin:0;color:#d0d8e0;font-size:11px}.ledger-tabs{display:flex;gap:4px;margin:17px 0 12px}.ledger-tab{flex:1;background:#213047;border:1px solid #536079;color:#b2c5da;padding:6px 3px;border-radius:4px;font-size:12px}.ledger-tab.active{color:#f9daaa;border-color:#ab8d61;background:#2b3950}.stat-list{display:flex;flex-direction:column;gap:9px}.stat-row{display:grid;grid-template-columns:57px 1fr 40px;gap:6px;align-items:center;font-size:12px}.stat-label{color:#d1d9e5}.stat-value{font-variant-numeric:tabular-nums;text-align:right;color:#f4d9b4}.stat-track{height:7px;background:#0b1524;border:1px solid #4d5c76;border-radius:6px;overflow:hidden}.stat-fill{height:100%;background:linear-gradient(90deg,#5795c1,#b8d4ee);border-radius:6px}.stat-fill.mint{background:linear-gradient(90deg,#44897a,#9cdac1)}.stat-fill.rose{background:linear-gradient(90deg,#9e576a,#e9a5ae)}.stat-fill.gold{background:linear-gradient(90deg,#9f7941,#eed08d)}.ledger-divider{height:1px;background:var(--line);margin:19px 0 12px}.condition{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.condition .badge{padding:4px 9px}.short-log{max-height:230px;overflow:auto;margin-top:10px;color:#aebed1;font-size:11px}.short-log p{border-bottom:1px solid #43536c60;padding:6px 0;margin:0}.short-log b{color:var(--gold)}.footer{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px 19px;color:#718198;font-size:10px;border-top:1px solid #40506a;background:#0d1727}.year-rail{display:flex;align-items:center;gap:10px;color:#bdcadc;font-size:12px}.year-track{flex:1;height:8px;border-radius:10px;background:#0a1422;overflow:hidden;border:1px solid #42516c}.year-track div{height:100%;background:linear-gradient(90deg,#b18451,#e9cf8d)}.month-report{display:flex;flex-direction:column;gap:9px}.report-row{border:1px solid #3b5872;border-radius:7px;padding:12px;background:#24334b;display:flex;align-items:flex-start;gap:13px;animation:showitem .35s both}@keyframes showitem{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}.report-row .report-icon{font-size:24px}.report-row b{display:block;color:#e8d6b8}.report-row small{color:#b4c7d9}.inventory-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.inventory-item{border:1px solid #526177;border-radius:7px;background:#243447;padding:14px}.inventory-item .emoji{font-size:29px}.inventory-item h3{margin:5px 0;color:#e9d4b7;font-size:15px}.inventory-item p{font-size:12px;color:#b0bfcd;min-height:40px}.item-prices{color:#e4bd7a;font-size:12px;margin-top:5px}.event-stage,.ending-stage{min-height:270px;border:1px solid #a38763;border-radius:9px;padding:30px;background:linear-gradient(90deg,#0d192fe8,#0d192f30),url('assets/garden.webp') center/cover;box-shadow:var(--shadow)}.event-stage h2{font-size:29px;color:#f5e5c8;margin-bottom:13px}.event-stage p{max-width:550px;color:#e2e1de}.reward{font-size:16px;color:#e8c27f;font-weight:700}.ending-stage{min-height:450px;background-image:linear-gradient(90deg,#0d192fe9,#0d192f55),url('assets/intro.webp')}.progress-row{display:flex;align-items:center;gap:9px;margin:12px 0}.progress-row>div{background:#344a65;flex:1;height:9px;border-radius:10px;overflow:hidden}.progress-row>div>span{display:block;height:100%;background:linear-gradient(90deg,#7aa7d2,#f0d28b)}.map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.map-card{min-height:185px;position:relative;border-radius:8px;overflow:hidden;border:1px solid #9f825e;background:#162338 center/cover;display:flex;align-items:end;cursor:pointer}.map-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0c1525f5,transparent 80%)}.map-card>div{position:relative;padding:15px;width:100%}.map-card h3{margin-bottom:2px;color:#fff1d7}.map-card p{font-size:11px;margin-bottom:8px;color:#d0dce2}.map-card:hover{filter:brightness(1.12)}.menu-toggle{display:flex;gap:7px;flex-wrap:wrap}.menu-toggle button.active{color:#12182a;background:#e4bc7c}.modal-root{position:fixed;inset:0;pointer-events:none;z-index:40}.modal-root.has-modal{pointer-events:auto}.modal-backdrop{position:absolute;inset:0;background:#050914d9;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:15px}.modal{position:relative;width:min(760px,100%);max-height:min(90vh,880px);overflow:auto;background:linear-gradient(150deg,#24364e,#101c30);border:1px solid #c7a36c;box-shadow:0 25px 100px #02060e;border-radius:11px;padding:25px}.modal.wide{width:min(1040px,100%)}.modal h2{font-size:27px;color:#f3deba;margin:2px 0 12px}.modal p{color:#c3cedc}.modal-x{position:absolute;right:14px;top:12px;color:#e8d2a8;background:#1b293f;border:1px solid #86765b;border-radius:5px;width:31px;height:31px}.modal-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.inputline{display:flex;flex-direction:column;gap:6px;margin:12px 0;color:#dec79f}.inputline input,.inputline select{background:#13233a;color:#f2e3c8;border:1px solid #807057;border-radius:6px;padding:10px;width:100%}.modal-hero{width:100%;min-height:190px;background:center/cover;border-radius:7px;border:1px solid #8f7253;margin:10px 0 15px;display:flex;align-items:end}.modal-hero>div{padding:13px;background:linear-gradient(0deg,#0b1725ea,transparent);width:100%}.modal-hero h3{margin:0;color:#fff}.festival-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.festival-opt{min-height:115px;border:1px solid #95754b;border-radius:7px;background:linear-gradient(#2b415c,#17283e);color:#ead9bd;text-align:left;padding:14px}.festival-opt strong{font-size:17px}.festival-opt p{font-size:12px;color:#b8cbd6;margin:3px 0}.combat-scene{position:relative;min-height:250px;background:linear-gradient(0deg,#09111ee8,#09111e35),url('assets/ruins.webp') center/cover;border:1px solid #9a794c;border-radius:10px;overflow:hidden;display:flex;justify-content:space-between;align-items:end;padding:15px 25px}.combat-hero{max-width:30%;height:210px;object-fit:contain;filter:drop-shadow(0 8px 9px black)}.combat-enemy{font-size:105px;line-height:1;filter:drop-shadow(0 8px 17px black);animation:enemyhover 2s ease-in-out infinite;transform-origin:center bottom}.enemy-name{font-size:18px;color:#f7ddbe;font-weight:700;text-shadow:0 3px 7px black}@keyframes enemyhover{50%{transform:translateY(-7px)}}.combat-bars{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.hpbox{background:#182942;border:1px solid #415c75;border-radius:6px;padding:10px}.hpbox b{display:block;color:#e5d5bb}.hp-track{height:12px;border-radius:10px;overflow:hidden;background:#502735;margin-top:5px}.hp-track div{height:100%;background:linear-gradient(90deg,#66b580,#b3d9a4)}.battle-log{height:85px;overflow:auto;background:#0d182a;padding:10px 12px;border:1px solid #3e516e;border-radius:6px;color:#aebfce;font-size:12px}.battle-log p{margin:2px 0}.battle-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.combat-hit{animation:damage .25s linear}@keyframes damage{25%{filter:brightness(3) drop-shadow(0 0 12px #ed8989)}50%{transform:translateX(-9px)}75%{transform:translateX(8px)}}.toasts{position:fixed;right:15px;bottom:18px;z-index:80;display:flex;gap:8px;flex-direction:column}.toast{background:#213953;border:1px solid #a88b5f;border-radius:7px;padding:10px 16px;color:#f4debc;box-shadow:var(--shadow);animation:showitem .3s both}.separator{border:0;border-top:1px solid #4c5c6d;margin:16px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stat-chip{padding:6px 10px;display:inline-block;border:1px solid #50617b;color:#c7d9e6;border-radius:7px;margin:3px;font-size:12px}.warn{color:#f5bdaf}.good{color:#a8dbb8}.calendar-dot{width:9px;height:9px;border-radius:50%;background:#b6d3d6;display:inline-block}.scroll{max-height:350px;overflow:auto}.hide{display:none!important}
@media(max-width:1180px){.layout{grid-template-columns:180px minmax(0,1fr) 250px}.nav-btn{font-size:12px}.view-content{padding:16px}.hero-figure{height:370px;right:0}.hero-scene{height:327px}.scene-info{top:20%}.schedule-grid{gap:8px}.slot{padding:11px}}
@media(max-width:960px){.layout{grid-template-columns:1fr}.sidebar{display:flex;flex-direction:row;overflow:auto;gap:6px;padding:9px;border-right:none;border-bottom:1px solid var(--line)}.sidebar-caption,.sidebar-foot,.nav-btn i{display:none}.nav-btn{flex-shrink:0;width:auto;padding:6px 12px;white-space:nowrap}.nav-btn span{font-size:16px;width:auto}.ledger{border-left:0;border-top:1px solid var(--line)}.stat-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 20px}.short-log{max-height:110px}.footer{flex-wrap:wrap}.hero-figure{right:9%}}
@media(max-width:600px){.masthead{height:auto;min-height:68px;flex-wrap:wrap;padding:10px 12px;gap:8px}.brand strong{font-size:19px}.brand small{font-size:7px}.header-info{order:3;width:100%;gap:9px;font-size:11px}.header-buttons{margin-left:auto}.hero-scene{height:350px}.hero-figure{height:295px;right:-9%;bottom:-20px;opacity:.85}.scene-info{top:12%;max-width:70%;left:4%}.scene-info h1{font-size:21px}.scene-info p{font-size:12px;max-width:200px}.dialogue{font-size:12px;min-height:69px;bottom:8px}.view-content{padding:13px}.schedule-grid{grid-template-columns:1fr}.slot{min-height:94px}.slot .slot-title{margin:4px 0}.forecast{grid-template-columns:1fr}.card-grid,.map-grid{grid-template-columns:1fr}.festival-options{grid-template-columns:1fr}.modal{padding:20px 14px}.modal h2{font-size:22px}.two-col{grid-template-columns:1fr}.combat-scene{min-height:190px;padding:10px}.combat-hero{height:160px}.combat-enemy{font-size:79px}.stat-list{grid-template-columns:1fr}.footer{font-size:9px}.panel-heading h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* =============================================================
 * V2 CINEMATIC EDITION — interactive photorealistic stage / gold UI
 * ============================================================= */
:root{--ink:#f1e9e0;--muted:#c5b8aa;--gold:#f3d597;--gold-soft:#c59a64;--line:rgba(226,180,110,.48);--navy:#160e13;--navy2:#261b21;--panel:#261b21;--shadow:0 16px 38px #10091099}
html{scroll-behavior:smooth;scroll-padding-top:64px}body{background:#0b080c;color:#f5ede4;background-image:radial-gradient(ellipse at 50% 0,#39251c,#100d12 67%)}
.app{max-width:2100px;background:#151015;box-shadow:0 0 80px #0008}
.masthead{position:sticky;top:0;z-index:25;height:56px;min-height:56px;background:linear-gradient(180deg,#21131af7,#140d13f7);border-bottom:2px ridge #d2a963;box-shadow:0 2px 15px #090609c9;padding:0 22px}
.brand-star{font-size:24px}.brand strong{font-size:21px;letter-spacing:3px;text-shadow:0 2px 2px #000}.brand small{font-size:8px}.header-info{color:#e5d0b1}.coin{border:1px solid #e8c58d;border-radius:2px;background:linear-gradient(120deg,#3b2723,#211617);box-shadow:inset 0 0 12px #ce97622b}.icon-btn{border:1px solid #a98962;background:#241c21;color:#ffe0b1;box-shadow:inset 0 0 7px #e8b87340;border-radius:2px}.icon-btn:hover{background:#56382d}
.layout{height:clamp(550px,calc(100vh - 242px),860px);min-height:0;display:grid;grid-template-columns:clamp(200px,16vw,298px) minmax(0,1fr) clamp(260px,19vw,344px);background:#170f11;overflow:hidden;position:relative;border-bottom:3px double #d4a86e}
.layout:before{content:'';pointer-events:none;position:absolute;inset:0;border:6px ridge #95714435;z-index:2}
.sidebar{background:linear-gradient(90deg,#110b11fa,#24151ad6);border-right:2px ridge #e3b671;padding:8px 10px;gap:5px;z-index:3;overflow:auto;scrollbar-width:thin;scrollbar-color:#8a6749 #251922}
.side-date{display:flex;flex-direction:column;gap:0;align-items:center;min-height:123px;justify-content:center;border:2px ridge #d3ad77;outline:1px solid #a07743;outline-offset:-7px;background:radial-gradient(ellipse at 50% 24%,#5f3b33,#1a1119 73%);box-shadow:0 4px 15px #0008,inset 0 0 18px #e8c07b39;text-shadow:0 2px 4px #000}
.side-date>span{font:21px Georgia,serif;color:#f4ddb3}.side-date strong{font:42px Georgia,serif;line-height:1.05;color:#fff0d7;letter-spacing:3px}.side-date em{font:17px serif;color:#eacc92}.side-date small{font-size:10px;letter-spacing:1.6px;color:#ebc487}
.sidebar-caption{padding:8px 11px 5px;margin:0;font-size:9px;text-align:center;letter-spacing:3px;color:#c1a182}
.nav-btn{height:51px;min-height:51px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #bc9261;border-radius:4px;color:#ffeddb;background:linear-gradient(90deg,#20151a 0%,#281b1ccb 55%,#2719224b),url('assets/dock/schedule.webp') 72% 45%/cover no-repeat;text-shadow:0 2px 3px #000;box-shadow:0 3px 6px #050306aa,inset 0 0 0 2px #1e1218,inset 0 0 0 3px #c59b5b44;font-size:14px;font-weight:750;padding:0 13px;letter-spacing:.1px;transition:filter .2s,transform .2s,border-color .2s}
.nav-btn[data-view="study"]{background-image:linear-gradient(90deg,#1f141be8 0%,#25161fbc 55%,#22131b2a),url('assets/dock/study.webp')}
.nav-btn[data-view="work"]{background-image:linear-gradient(90deg,#1f141be8 0%,#25161fbc 55%,#22131b2a),url('assets/dock/work.webp')}
.nav-btn[data-view="town"]{background-image:linear-gradient(90deg,#1f141be8 0%,#25161fbc 55%,#22131b2a),url('assets/dock/town.webp')}
.nav-btn[data-view="adventure"]{background-image:linear-gradient(90deg,#1f141be8 0%,#25161fbc 55%,#22131b2a),url('assets/dock/adventure.webp')}
.nav-btn[data-view="palace"]{background-image:linear-gradient(90deg,#1f141be8 0%,#25161fbc 55%,#22131b2a),url('assets/dock/palace.webp')}
.nav-btn[data-view="relations"]{background-image:linear-gradient(90deg,#1f141be8 0%,#25161fbc 55%,#22131b2a),url('assets/dock/relations.webp')}
.nav-btn[data-view="records"]{background-image:linear-gradient(90deg,#1f141be8 0%,#25161fbc 55%,#22131b2a),url('assets/intro.webp')}
.nav-btn span{font-size:24px;color:#f5d9a8;text-align:center;width:27px;filter:drop-shadow(0 0 2px #000)}.nav-btn i{color:#e5c88b;opacity:.67;font-size:10px}.nav-btn:hover,.nav-btn.active{background-color:#5e3135;border-color:#ffdb9b;transform:translateX(2px);filter:brightness(1.25);box-shadow:0 3px 8px #000,inset 0 0 1px 2px #f7d29a}.nav-btn.active{border-left:5px solid #ffce85}
.sidebar-foot{margin-top:8px;color:#d9b89e;background:#1c101ac4;padding:8px;text-align:center;line-height:1.5}.sidebar-foot span{display:none}.sidebar-foot p{margin:0;font-size:10px}
.central{height:100%;min-height:0;position:relative;display:block;z-index:1}.hero-scene{height:100%;min-height:0;background-position:center center;background-size:cover;border:0;transition:background-image .3s ease;isolation:isolate}
.scene-vignette{background:linear-gradient(90deg,#0f0815ba 0%,#130a1770 31%,transparent 66%),linear-gradient(0deg,#10080fe6 0%,transparent 36%,#130e1648 100%)}
.scene-stamp{position:absolute;top:22px;left:26px;font:10px Georgia,serif;letter-spacing:3px;color:#ffdfa4;text-shadow:0 3px 8px #000}.scene-stamp span{font-size:20px;margin-left:14px}
.scene-info{top:12%;left:5%;max-width:55%;z-index:3}.scene-info h1{font-size:clamp(24px,2.3vw,39px);font-family:Georgia,'Batang','Malgun Gothic',serif;line-height:1.3;color:#fff2db;text-shadow:0 2px 11px #000,0 0 20px #3e2012}.scene-info p{font-size:13px;color:#f0dfcb;text-shadow:0 2px 9px #000;max-width:300px}
.hero-figure{height:clamp(565px,83vh,900px);max-width:96%;right:0%;bottom:-13%;z-index:2;object-fit:contain;object-position:bottom center;filter:drop-shadow(-9px 12px 19px #070509b0);transform-origin:center bottom;pointer-events:none;animation:figure-breathe 6s ease-in-out infinite}
@keyframes figure-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.007)}}
.scene-particles{z-index:2;left:22%;top:30%}.hero-shortcuts{position:absolute;right:12px;bottom:148px;z-index:4;display:flex;flex-direction:column;gap:7px}.hero-talk{background:#1b111dcf;border:1px solid #d3a971;border-radius:20px;box-shadow:0 2px 12px #090708be;color:#ffdbb8;padding:8px 15px;font-size:13px;white-space:nowrap}.hero-talk:hover{background:#624142;transform:translateY(-2px)}
.dialogue{z-index:5;left:3%;right:3%;bottom:16px;min-height:100px;max-width:none;display:flex;align-items:center;gap:14px;padding:7px 13px;background:linear-gradient(115deg,#1c101bed,#27191fe9);border:2px ridge #d0a775;outline:1px solid #e1c293;outline-offset:-7px;border-radius:3px;box-shadow:0 9px 28px #000b,inset 0 0 22px #d0a56a25;backdrop-filter:blur(13px);font-size:15px;color:#fff0de}
.dialogue-portrait{width:77px;height:83px;flex:none;overflow:hidden;border:2px ridge #d8af7b;background:radial-gradient(#bba386,#4c3434);box-shadow:inset 0 0 8px #000}.dialogue-portrait img{width:100%;height:168%;object-fit:cover;object-position:50% 8%}.dialogue-copy{align-self:center;min-width:0}.dialogue-name{font-family:Georgia,serif;font-size:16px;color:#ffdda7;font-weight:800;margin-bottom:8px}.dialogue-next{margin-left:auto;margin-right:4px;align-self:flex-end;color:#ffcf85;font-size:13px;animation:next-bob 1.4s ease-in-out infinite}@keyframes next-bob{50%{transform:translateY(-5px)}}
.ledger{padding:8px 12px;background:linear-gradient(270deg,#160e15f7,#21121beb);border-left:2px ridge #d8ae72;overflow:auto;scrollbar-width:thin;scrollbar-color:#896443 #20151b;z-index:3}
.portrait-banner{min-height:75px;background:linear-gradient(90deg,#3f2830cf,#21171d),url('assets/dock/palace.webp') center/cover;border:2px ridge #c29a67;box-shadow:inset 0 0 0 4px #1c141c;margin:0;padding:13px 12px}.portrait-banner small{font-size:9px;letter-spacing:1.8px}.portrait-banner h2{font:26px Georgia,'Batang',serif;color:#fff0d8}.portrait-banner p{color:#f0d9b1;font-size:11px}
.ledger-tabs{margin:10px 0 10px;gap:3px}.ledger-tab{background:#281a25;color:#e2bea7;border:1px solid #805c44;font-size:11px;padding:6px 0}.ledger-tab.active{background:linear-gradient(#6d3938,#381e25);border-color:#f3ca8c;color:#fff2d8}.stat-list{gap:6px}.stat-row{grid-template-columns:55px minmax(0,1fr) 38px;gap:6px;font-size:12px}.stat-label{color:#f3d9c5}.stat-value{color:#ffe0a0}.stat-track{height:10px;background:#0b080b;border:1px solid #a4785b;border-radius:1px}.stat-fill{border-radius:1px;background:linear-gradient(90deg,#577eac,#a0c9e9)}.stat-fill.gold{background:linear-gradient(90deg,#9c7743,#e4c679)}.stat-fill.rose{background:linear-gradient(90deg,#9e3e51,#e58c98)}.stat-fill.mint{background:linear-gradient(90deg,#358069,#9cd1a2)}
.ledger-divider{height:1px;background:linear-gradient(90deg,transparent,#c99a60,transparent);margin:11px 0}.mini-title{font-size:10px;color:#f1c58f;letter-spacing:1.7px;margin-bottom:5px}.condition{margin-top:5px}.condition .badge{padding:3px 6px;font-size:10px;background:#3e2b30}.short-log{font-size:10px;max-height:94px}.short-log p{padding:3px 0}.short-log b{color:#e7c787}
.hud-plan{display:flex;flex-direction:column;gap:4px}.hud-plan-row{display:flex;align-items:center;text-align:left;gap:8px;background:linear-gradient(90deg,#241a20,#2a2027);color:#efe4d1;width:100%;padding:3px 5px;border:1px solid #5e453d;border-radius:2px;min-height:46px}.hud-plan-row:hover,.hud-plan-row.chosen{border-color:#d3a66e;background:#492f35}.hud-day{color:#efc686;font:14px Georgia,serif;width:14px}.hud-illustration{height:34px;width:43px;background-position:center;background-size:cover;border:1px solid #a27c55}.hud-activity{display:flex;flex-direction:column;min-width:0;overflow:hidden}.hud-activity b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-activity small{font-size:9px;color:#bfb0a3;white-space:nowrap}.hud-execute{width:100%;margin-top:6px;padding:9px;background:linear-gradient(#f5d79d,#b78452);border:2px ridge #f1cb96;color:#261920;font-weight:900;box-shadow:0 0 12px #e6b67945;display:flex;justify-content:space-between}.hud-execute:hover{filter:brightness(1.15)}
.action-dock{z-index:4;position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:9px 13px;background:linear-gradient(180deg,#332024,#1a1017 85%);border-top:2px solid #d9b27a;border-bottom:2px ridge #b7946b;box-shadow:0 -7px 22px #0009}.dock-card{height:clamp(145px,16vh,212px);padding:0;position:relative;overflow:hidden;border:2px ridge #e0bb7b;border-radius:3px;background:#1b1218;color:#fff;box-shadow:0 4px 11px #050407b9;transition:transform .2s,filter .2s,border-color .2s}.dock-card:after{content:'';position:absolute;inset:4px;border:1px solid #e6c78573;pointer-events:none}.dock-card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s,filter .3s}.dock-card:hover,.dock-card.active{border-color:#ffe6aa;transform:translateY(-4px);z-index:2;filter:brightness(1.1);box-shadow:0 10px 22px #000b}.dock-card:hover img{transform:scale(1.08)}.dock-overlay{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;gap:1px;align-items:center;text-shadow:0 2px 4px #000;text-align:center;padding:15px 5px 12px;background:linear-gradient(0deg,#140b14fa 13%,#150d16d7 68%,transparent);border-top:1px solid #bc9258b0}.dock-overlay strong{font-size:clamp(14px,1.12vw,19px);font-family:Georgia,'Batang',serif;font-weight:800;color:#ffe8c1}.dock-overlay small{font-size:clamp(9px,.68vw,12px);color:#efddd2}
.content-heading{background:linear-gradient(90deg,#281821,#4a302c,#281821);min-height:74px;border-top:1px solid #b38b60;border-bottom:2px ridge #a9896b;display:flex;align-items:center;gap:18px;padding:9px 25px}.content-heading span{font:14px Georgia,serif;letter-spacing:3px;color:#f4d49d}.content-heading p{margin:0;color:#d9c3b3;font-size:13px}.content-heading button{margin-left:auto;background:#2e1b25;color:#f8dab0;border:1px solid #c9a16f;padding:8px 13px;border-radius:4px}
.view-content{min-height:500px;padding:24px clamp(16px,3vw,44px) 60px;background:linear-gradient(135deg,#241923f4,#160f17f7),url('assets/room.webp') center/cover fixed;color:#f3ebdf}.panel-heading{border-bottom:1px solid #ab865c6a;padding-bottom:12px}.panel-heading h2{font:clamp(22px,2vw,32px) Georgia,'Batang',serif;color:#ffe5b9}.panel-heading p{color:#e8d4c0}.section-overline{color:#f2c88e}.year-track{background:#0c080f;border-color:#a57e5a}.year-track div{background:linear-gradient(90deg,#8e5544,#f4d397)}
.block{background:linear-gradient(135deg,#35242ee6,#221a25f3);border:2px ridge #aa8359;border-radius:4px;box-shadow:inset 0 0 18px #e6b87312,0 12px 20px #08040ac0;padding:18px;margin:19px 0}.block-title{color:#ffe6bd;font-size:19px;font-family:Georgia,'Batang',serif}.block-title small{font-size:12px}.badge{background:#3b2b32;border:1px solid #816343;color:#ffe0b8}.primary,.secondary,.tertiary,.danger{border:1px solid #dfba7e;border-radius:3px;box-shadow:inset 0 0 1px 2px #f6d9ab30,0 3px 8px #0005}.primary{background:linear-gradient(180deg,#f9dfad,#c8965d)}.secondary{background:linear-gradient(#55404b,#2b1c25);color:#fff0d9}.tertiary{background:#261c28;color:#eed8cb;border-color:#936a59}.tertiary:hover{background:#46303c}.notice{background:#352d31;border:1px solid #87674c;color:#eadaca}.forecast{background:#2b2029}.forecast-item{background:#342632;color:#e8d4c2;border-color:#8e714d}
.schedule-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.slot{padding:0 0 12px;min-height:230px;overflow:hidden;background:linear-gradient(180deg,#3b292d,#251b24);border:2px ridge #916c4b;box-shadow:0 7px 20px #0005;position:relative}.slot.selected{border-color:#f5d19a;box-shadow:0 0 17px #b58b5288}.slot-pic{height:135px;background-position:center 45%;background-size:cover;position:relative}.slot-pic:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#2c1d24a8,transparent 65%)}.slot-label,.slot-title,.slot-desc{margin-left:14px;margin-right:14px}.slot-label{color:#f2cfa2;padding-top:8px}.slot-title{font-size:17px;color:#ffeed3}.slot-desc{font-size:11px;color:#d5c0ad}.slot button{margin:6px 14px 0}.slot:hover{filter:brightness(1.1)}
.card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.activity-card{padding:0 0 13px;min-height:300px;overflow:hidden;background:linear-gradient(155deg,#422a35,#261c28 70%);border:1px solid #a67f57;border-radius:4px;box-shadow:0 6px 18px #0009}.activity-card:hover{border-color:#ffdc94;box-shadow:0 10px 24px #000a;transform:translateY(-3px)}.activity-visual{height:164px;position:relative;background:#281f2a;overflow:hidden;border-bottom:2px ridge #ba925c}.activity-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.activity-card:hover .activity-visual img{transform:scale(1.06)}.activity-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#1a101ddc,transparent 65%)}.activity-visual-label{position:absolute;bottom:11px;left:12px;z-index:1;color:#fff2d9;text-shadow:0 2px 5px #000;font-size:17px;font-weight:800}.activity-card>.card-top,.activity-card>h3,.activity-card>.desc,.activity-card>.gain,.activity-card>.loss,.activity-card>.meta,.activity-card>.card-actions{margin-left:13px;margin-right:13px}.activity-card>.card-top{margin-top:11px}.activity-card h3{font-size:17px;color:#f7d9b6}.activity-card .desc{color:#dbc7bb}.activity-card .gain{color:#b9e3bd}.activity-card .meta{color:#dfc1ac;margin-top:auto}.card-actions{margin-top:8px}
.map-grid{gap:17px}.map-card{min-height:290px;border:2px ridge #d5a875;border-radius:2px;box-shadow:0 10px 20px #0009;transition:transform .2s}.map-card:hover{transform:scale(1.008)}.map-card h3{font-size:21px}.map-card p{font-size:13px}.inventory-item{background:#342832;border:1px solid #a8815f}.inventory-item h3{color:#ffe3bb}.inventory-item p{color:#d8c8bf}.inventory-item .emoji{font-size:37px}.event-stage,.ending-stage{min-height:350px;border:2px ridge #caa575;border-radius:3px}.event-stage h2{font:30px Georgia,'Batang',serif}.month-report{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.report-row{background:#30232b;border:1px solid #8f7357}.report-row b{color:#ffe2b0}.report-row small{color:#ddd1c9}
.modal-backdrop{background:#0d080fdd}.modal{background:linear-gradient(135deg,#49303a,#211821 85%);border:3px ridge #d8ad75;border-radius:4px;outline:1px solid #d0a16c;outline-offset:-9px;box-shadow:0 25px 90px #000}.modal h2{font-family:Georgia,'Batang',serif;color:#ffe4af}.modal p{color:#e6d7c9}.modal-hero{min-height:280px;border:2px ridge #c7a06e}.modal-hero h3{font-size:24px}.festival-options{gap:13px}.festival-opt{min-height:155px;background-position:center;background-size:cover;border:2px ridge #bd9163;text-shadow:0 3px 5px #000;background-image:linear-gradient(0deg,#21101bfa,#21101b35),url('assets/arena.webp')}.festival-opt:nth-child(2){background-image:linear-gradient(0deg,#21101bfa,#21101b35),url('assets/palace.webp')}.festival-opt:nth-child(3){background-image:linear-gradient(0deg,#21101bfa,#21101b35),url('assets/academy.webp')}.festival-opt:nth-child(4){background-image:linear-gradient(0deg,#21101bfa,#21101b35),url('assets/room.webp')}.festival-opt strong{font-size:20px;color:#ffedd5}.festival-opt p{font-size:13px;color:#fff3df}.festival-opt:hover{filter:brightness(1.18);transform:translateY(-2px)}.combat-scene{min-height:360px}.combat-hero{height:310px}.combat-enemy{font-size:135px}.footer{border-top:1px solid #997653;background:#130d14;color:#a99583}
@media (max-width:1350px){.layout{grid-template-columns:210px minmax(0,1fr) 273px}.sidebar{padding:7px}.nav-btn{height:47px;min-height:47px;font-size:13px}.side-date{min-height:105px}.hero-figure{height:clamp(520px,72vh,760px);bottom:-9%;right:-4%}.ledger{padding:7px}.short-log{display:none}.scene-info h1{font-size:25px}.dock-overlay strong{font-size:15px}}
@media (max-width:1020px){.layout{grid-template-columns:165px minmax(0,1fr) 240px;height:650px}.sidebar-foot{display:none}.nav-btn{height:51px;min-height:51px;font-size:11px;padding:0 7px;gap:4px}.nav-btn span{font-size:18px}.side-date{min-height:90px}.side-date strong{font-size:29px}.hero-figure{height:600px;right:-16%}.ledger .portrait-banner{min-height:65px}.scene-info{top:12%}.scene-info h1{font-size:22px}.scene-info p{font-size:11px}.dialogue{font-size:12px}.action-dock{gap:5px;padding:7px}.dock-card{height:145px}.dock-overlay{padding:12px 3px 9px}.dock-overlay strong{font-size:13px}.dock-overlay small{font-size:9px}.content-heading{flex-wrap:wrap}.month-report{grid-template-columns:1fr}}
@media (max-width:760px){.masthead{position:sticky;min-height:58px;height:auto;padding:7px 10px;gap:5px}.brand strong{font-size:17px}.brand small{display:none}.header-info{order:0;width:auto;margin-left:auto;font-size:11px}.age-badge{display:none}.header-buttons{margin-left:0}.header-info .coin{padding:4px 5px}.header-info #top-date{display:none}.layout{display:flex;flex-direction:column;height:auto;min-height:0;overflow:visible}.sidebar{position:relative;order:2;width:100%;display:flex;flex-direction:row;gap:6px;overflow-x:auto;padding:7px;background:#20151b;min-height:54px;border-right:0;border-top:2px ridge #ceaa6e}.sidebar-caption,.side-date,.sidebar-foot{display:none}.nav-btn{flex:0 0 auto;min-width:100px;height:46px;min-height:46px;font-size:12px;padding:0 10px}.nav-btn i{display:none}.nav-btn span{font-size:20px}.central{order:1;height:clamp(465px,65vh,620px);flex:none}.hero-scene{height:100%}.hero-figure{height:clamp(520px,70vh,720px);right:-7%;bottom:-12%;max-width:95%}.scene-info{top:9%;max-width:54%}.scene-info h1{font-size:clamp(19px,3.2vw,27px)}.scene-stamp{top:12px;left:15px;font-size:8px}.scene-info p{max-width:210px}.hero-shortcuts{bottom:134px;right:9px}.hero-talk{padding:6px 9px;font-size:11px}.dialogue{bottom:9px;left:10px;right:10px;min-height:94px;font-size:12px;padding:8px 9px}.dialogue-portrait{width:58px;height:72px}.ledger{order:3;max-height:250px;width:100%;border:0;border-top:2px ridge #d0a574;padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;overflow-y:auto}.ledger .portrait-banner{grid-column:1 / -1;min-height:56px}.ledger .ledger-tabs{grid-column:1}.ledger #stat-list{grid-column:1;grid-row:3/7;display:grid;grid-template-columns:1fr;gap:4px}.ledger .stat-row{font-size:10px;gap:4px}.ledger>.ledger-divider,.ledger .mini-title,.ledger #condition,.ledger #short-log{display:none}.ledger .hud-plan{grid-column:2;grid-row:3}.ledger .hud-execute{grid-column:2;grid-row:4;align-self:end}.action-dock{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:7px}.dock-card{height:130px}.dock-overlay strong{font-size:14px}.dock-overlay small{font-size:10px}.view-content{padding:14px 12px 40px;background-attachment:scroll}.schedule-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.slot-pic{height:82px}.slot{min-height:210px}.slot-title{font-size:12px}.slot-label,.slot-desc{font-size:9px}.slot button{font-size:9px;padding:4px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.activity-visual{height:120px}.activity-card .desc{font-size:11px}.activity-card .gain,.activity-card .loss{font-size:10px}.activity-card{min-height:270px}.map-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.map-card{min-height:200px}.map-card h3{font-size:15px}.map-card p{font-size:10px}.content-heading{min-height:60px;padding:12px;gap:3px}.content-heading span{font-size:11px}.content-heading p{font-size:10px}.content-heading button{font-size:11px;padding:5px 9px}.footer{padding:9px;font-size:9px}.modal{padding:22px 14px}.modal-hero{min-height:220px}.festival-options{grid-template-columns:repeat(2,minmax(0,1fr))}.combat-scene{min-height:225px}.combat-hero{height:190px}}
@media (max-width:400px){.masthead .brand strong{font-size:15px}.header-buttons .icon-btn{width:25px;height:25px}.central{height:470px}.hero-figure{right:-18%;height:510px}.scene-info{max-width:59%;left:4%;top:11%}.scene-info h1{font-size:18px}.scene-info p{font-size:10px}.hero-shortcuts .hero-talk span{display:none}.dock-card{height:118px}.schedule-grid{grid-template-columns:1fr}.slot{min-height:auto}.slot-pic{height:130px}.card-grid{grid-template-columns:1fr}.activity-visual{height:200px}.activity-card{min-height:330px}.map-grid{grid-template-columns:1fr}.ledger{max-height:250px}}

/* Illustrated monthly results and memory timeline */
.memory-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:15px 0 20px}.memory-shot{position:relative;overflow:hidden;min-height:260px;border:2px ridge #d7ae70;background:#291a23;box-shadow:0 10px 20px #0008}.memory-shot img{position:absolute;width:100%;height:100%;object-fit:cover}.memory-shot:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#1a0b16f8 3%,transparent 78%)}.memory-shot-number{position:absolute;top:9px;left:9px;z-index:1;background:#21151dcf;color:#fbe0b5;border:1px solid #c89e66;padding:3px 10px;font-size:10px;letter-spacing:1px}.memory-story{position:absolute;bottom:8px;left:11px;right:11px;z-index:1;text-shadow:0 2px 5px #000}.memory-story b{font-size:16px;color:#ffe9c8}.memory-story p{margin:5px 0;font-size:11px;color:#f4e6d8;line-height:1.5}.memory-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#241a25;border:1px solid #b08764;padding:14px}.memory-bottom>div{color:#f9d8a1}.memory-bottom small{display:block;color:#cdbdb1;margin-top:4px}.report-photo{width:95px;height:64px;object-fit:cover;flex:none;border:1px solid #a88159}.report-row .report-icon{font-size:18px}
@media(max-width:650px){.memory-gallery{gap:5px}.memory-shot{min-height:195px}.memory-shot-number{font-size:9px;padding:3px 5px}.memory-story{left:5px;right:5px}.memory-story b{font-size:12px}.memory-story p{font-size:9px;max-height:52px;overflow:hidden}.memory-bottom{gap:9px;align-items:stretch;flex-direction:column}.memory-bottom .primary{align-self:flex-end}.report-photo{width:60px;height:50px}}
/* Portrait framing: foreground figure occupies most of the hero scene. */
@media (min-width:1351px){.hero-figure{height:clamp(830px,100vh,1130px);bottom:-32%;right:-8%}}

/* === v3 SPRITE THEATRE: real eight-frame WebP figure animation, stage props, parallax and responsive controls === */
#animation-root{display:none;position:fixed;inset:0;z-index:100;background:#09050bdc;backdrop-filter:blur(9px)}
#animation-root.active{display:block}#animation-root .theatre-backdrop{position:absolute;inset:0;padding:clamp(7px,2vh,22px);display:grid;place-items:center;overflow-y:auto}
.theatre-shell{width:min(1180px,100%);max-height:96vh;display:flex;flex-direction:column;overflow:hidden;border:3px ridge #f2c884;outline:1px solid #906341;outline-offset:-9px;background:linear-gradient(135deg,#39222b,#1a101b 70%);box-shadow:0 30px 100px #000,0 0 36px #d9a25e40;color:#fff0dd;position:relative}
.theatre-shell:before{content:'';position:absolute;inset:7px;pointer-events:none;z-index:15;border:1px solid #d5b27470}
.theatre-top{flex:none;min-height:80px;display:flex;justify-content:space-between;align-items:center;padding:12px 25px;border-bottom:2px ridge #ab824d;background:linear-gradient(90deg,#342229,#5e3b32,#24151f);gap:16px}
.theatre-top small{display:block;letter-spacing:2.5px;color:#ffe3b4;font-size:10px}.theatre-top h2{font:clamp(20px,2.8vw,33px) Georgia,'Malgun Gothic',serif;margin:3px 0 0;color:#fff0d8}
.theatre-round{font-weight:750;color:#ffe8c2;text-align:right}.theatre-pips{display:flex;gap:6px;justify-content:flex-end;margin-top:6px}.theatre-pip{border:1px solid #8d6b51;border-radius:50%;font:11px Georgia;width:21px;height:21px;display:grid;place-items:center;color:#b59a83}.theatre-pip.active{background:#ab6b43;border-color:#f3d092;color:#fff}.theatre-pip.done{background:#4c7157;border-color:#b5d6ad;color:#fff}
.theatre-world{height:clamp(260px,57vh,610px);min-height:190px;flex-shrink:1;position:relative;isolation:isolate;background-position:center;background-size:cover;overflow:hidden;--as:1;--theatre-speed:1;--sway:0px}
.theatre-world:before{content:'';position:absolute;inset:-3%;background:radial-gradient(ellipse at 50% 75%,transparent 35%,#160c1788 96%);z-index:1;pointer-events:none}
.theatre-distant{position:absolute;z-index:1;left:74%;top:8%;font-size:70px;color:#ffe6bc44;filter:blur(1px);animation:theatre-sun 6s ease-in-out infinite alternate}
.theatre-particle-field{position:absolute;inset:0;z-index:5;pointer-events:none}.theatre-spark{position:absolute;top:var(--sy);left:var(--sx);font-size:clamp(12px,1.8vw,23px);font-style:normal;color:#ffdeacb5;text-shadow:0 0 12px #fff2bc;animation:theatre-float var(--sd) ease-in-out var(--sl) infinite}
.theatre-floor{position:absolute;z-index:1;inset:auto 0 0;height:28%;background:linear-gradient(0deg,#180f1ddb,transparent)}
.theatre-actor-wrap{position:absolute;width:250px;height:392px;z-index:4;bottom:6%;left:calc(49% - 125px);cursor:pointer;transform-origin:bottom center;filter:drop-shadow(0 15px 16px #080509c0);animation:actor-idle 3.4s ease-in-out infinite}
.theatre-actor-wrap:focus-visible{outline:2px dashed #ffe0a5;border-radius:9px}
.theatre-avatar{position:relative;z-index:2;width:250px;height:392px;background-repeat:no-repeat;background-position:0 0;background-size:2000px 392px;animation:theatre-frames calc(1.38s / var(--theatre-speed)) steps(8) infinite}
.theatre-actor-shadow{position:absolute;z-index:1;bottom:0;left:23%;width:55%;height:17px;border-radius:50%;background:#120a1699;filter:blur(7px)}
@keyframes theatre-frames{0%{background-position:0 0}100%{background-position:-2000px 0}}
@keyframes actor-idle{0%,100%{transform:scale(var(--as)) translateY(0)}50%{transform:scale(var(--as)) translateY(-8px)}}
@keyframes actor-travel{0%{transform:scale(var(--as)) translate(-25vw,1px)}35%{transform:scale(var(--as)) translate(-12vw,-7px)}65%{transform:scale(var(--as)) translate(0,-1px)}100%{transform:scale(var(--as)) translate(7vw,0)}}
@keyframes actor-fight{0%,30%,100%{transform:scale(var(--as)) translate(0,0) rotate(0)}46%{transform:scale(var(--as)) translate(10vw,-15px) rotate(5deg)}62%{transform:scale(var(--as)) translate(11vw,0) rotate(-6deg)}}
@keyframes actor-dance{0%,100%{transform:scale(var(--as)) translateX(-20px) rotate(-7deg)}50%{transform:scale(var(--as)) translateX(32px) rotate(8deg)}}
@keyframes actor-write{0%,100%{transform:scale(var(--as)) translate(0,0) rotate(-2deg)}50%{transform:scale(var(--as)) translate(12px,6px) rotate(4deg)}}
@keyframes actor-cook{0%,100%{transform:scale(var(--as)) translateX(-6px) rotate(-4deg)}50%{transform:scale(var(--as)) translateX(18px) rotate(4deg)}}
@keyframes actor-cast{0%,100%{transform:scale(var(--as)) translate(0,0)}50%{transform:scale(var(--as)) translate(0,-26px)}}
.scene-walk .theatre-actor-wrap{animation:actor-travel calc(6.2s / var(--theatre-speed)) linear infinite}.scene-sword .theatre-actor-wrap{animation:actor-fight calc(2.2s / var(--theatre-speed)) ease-in-out infinite}.scene-dance .theatre-actor-wrap{animation:actor-dance calc(2.1s / var(--theatre-speed)) ease-in-out infinite}
.scene-write .theatre-actor-wrap,.scene-pray .theatre-actor-wrap{animation:actor-write calc(3.1s / var(--theatre-speed)) ease-in-out infinite}.scene-cook .theatre-actor-wrap,.scene-work .theatre-actor-wrap{animation:actor-cook calc(2.1s / var(--theatre-speed)) ease-in-out infinite}.scene-cast .theatre-actor-wrap{animation:actor-cast calc(2.1s / var(--theatre-speed)) ease-in-out infinite}
.theatre-prop{position:absolute;z-index:5;font-size:clamp(42px,7vw,100px);line-height:1;filter:drop-shadow(0 4px 11px #100614);pointer-events:none;animation:prop-hover calc(2s / var(--theatre-speed)) ease-in-out infinite}
.prop-one{left:18%;bottom:26%;transform-origin:center}.prop-two{right:15%;bottom:21%;animation-delay:-.8s}.prop-three{right:26%;top:13%;font-size:clamp(25px,4vw,54px);animation-delay:-1.2s}
.scene-write .prop-one{left:16%;bottom:17%}.scene-write .prop-two{right:20%;bottom:37%;animation:prop-pen calc(.63s / var(--theatre-speed)) ease-in-out infinite}
.scene-cook .prop-one{bottom:16%;left:15%;font-size:110px}.scene-cook .prop-two{right:21%;bottom:24%;animation:prop-stir calc(.95s / var(--theatre-speed)) ease-in-out infinite}
.scene-sword .prop-one{left:16%;bottom:38%;font-size:110px;animation:prop-swing calc(2.2s / var(--theatre-speed)) ease-in-out infinite}.scene-sword .prop-two{right:15%;bottom:30%;animation:prop-target calc(2.2s / var(--theatre-speed)) ease-in-out infinite}
.scene-cast .prop-one{left:19%;bottom:37%;font-size:115px;animation:prop-glow calc(1.3s / var(--theatre-speed)) ease-in-out infinite}.scene-dance .prop-one,.scene-dance .prop-two{animation:prop-music calc(2.3s / var(--theatre-speed)) ease-in-out infinite}
.scene-pray .prop-one{bottom:20%;left:21%;animation:prop-glow calc(2.5s / var(--theatre-speed)) ease-in-out infinite}
.scene-walk .prop-one,.scene-walk .prop-two{animation:prop-walk calc(3s / var(--theatre-speed)) ease-in-out infinite}
.scene-rest .prop-two{animation:prop-music calc(3.7s / var(--theatre-speed)) ease-in-out infinite}
@keyframes prop-hover{0%,100%{translate:0 0}50%{translate:0 -16px}}
@keyframes prop-pen{0%,100%{transform:rotate(-25deg) translateY(-6px)}50%{transform:rotate(-10deg) translate(17px,12px)}}
@keyframes prop-stir{0%,100%{transform:rotate(0)}50%{transform:rotate(35deg) translateY(-6px)}}
@keyframes prop-swing{0%,24%,100%{transform:rotate(-27deg) translate(0,0)}46%{transform:rotate(67deg) translate(20px,-40px)}65%{transform:rotate(13deg) translateX(45px)}}
@keyframes prop-target{0%,35%,100%{transform:translateX(0) scale(1)}48%{transform:translate(25px,-13px) scale(1.21)}}
@keyframes prop-music{0%{transform:translate(0,15px) rotate(-16deg);opacity:.65}100%{transform:translate(25px,-60px) rotate(19deg);opacity:1}}
@keyframes prop-glow{0%,100%{transform:scale(.76);filter:drop-shadow(0 0 5px #fff5a8)}50%{transform:scale(1.35);filter:drop-shadow(0 0 33px #f8cb89)}}
@keyframes prop-walk{0%{transform:translateX(-20px);opacity:0}30%{opacity:1}100%{transform:translateX(35px);opacity:0}}
@keyframes theatre-float{0%{transform:translateY(40px) rotate(0);opacity:0}45%{opacity:.9}100%{transform:translateY(-95px) rotate(120deg);opacity:0}}
@keyframes theatre-sun{from{transform:scale(.9)}to{transform:scale(1.17)}}
.theatre-cue{position:absolute;bottom:13px;left:16px;right:16px;z-index:7;display:flex;gap:16px;align-items:center;padding:13px 16px;border:2px ridge #c8a274;background:linear-gradient(110deg,#1c101dec,#382332db);box-shadow:0 8px 23px #050409b8;font-size:clamp(12px,1.35vw,17px)}.theatre-cue b{white-space:nowrap;color:#ffe9bd;font:20px Georgia,'Malgun Gothic',serif}.theatre-cue span{color:#f6e6d9}
.theatre-float{position:absolute;left:50%;bottom:68%;z-index:8;opacity:0;pointer-events:none;color:#fff1d0;font-weight:bold;text-shadow:0 0 9px #a66b48;background:#251427dd;padding:4px 11px;border-radius:18px;border:1px solid #e8c793}.theatre-float.theatre-pop{animation:theatre-pop 1.1s ease forwards}
@keyframes theatre-pop{0%{transform:translateY(10px) scale(.8);opacity:0}35%{opacity:1}100%{transform:translateY(-54px) scale(1.1);opacity:0}}
.theatre-meter{padding:11px 22px 5px;flex:none}.theatre-meter-line{height:8px;border:1px solid #cb9c60;background:#150f17;border-radius:15px;overflow:hidden}.theatre-meter-line span{display:block;width:0;height:100%;background:linear-gradient(90deg,#678db1,#9bca9d,#e9bd6c);box-shadow:0 0 15px #eed58f}.theatre-narrator{text-align:center;color:#d0b9ad;font-size:12px;margin-top:7px}.theatre-controls{display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap;padding:8px 12px 17px}.theatre-button{color:#21121a;background:linear-gradient(#ffe8bb,#d2a66b);font-weight:750;border:1px solid #ffe8b7;border-radius:4px;padding:10px 18px;min-height:40px;box-shadow:0 3px 10px #09060c77}.theatre-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.theatre-button:focus-visible{outline:3px solid #fff}.theatre-button.alt{background:#38262c;color:#f4dbb5;border:1px solid #ae875e}
#animation-root.theatre-paused .theatre-world *,#animation-root.theatre-paused .theatre-world{animation-play-state:paused!important}
@media(max-width:760px){.theatre-backdrop{padding:5px!important}.theatre-shell{width:100%;max-height:98dvh}.theatre-top{min-height:72px;padding:10px 13px}.theatre-top small{font-size:8px;letter-spacing:1px}.theatre-top h2{font-size:19px}.theatre-round{font-size:12px}.theatre-world{height:min(58dvh,520px);min-height:240px;--as:.7}.theatre-actor-wrap{left:calc(50% - 125px);bottom:-7%}.theatre-prop{font-size:44px}.scene-cook .prop-one,.scene-sword .prop-one,.scene-cast .prop-one{font-size:70px}.theatre-cue{left:6px;right:6px;bottom:6px;padding:8px;gap:8px;flex-direction:column;align-items:flex-start}.theatre-cue b{font-size:14px}.theatre-cue span{font-size:11px}.theatre-distant{font-size:46px}.theatre-meter{padding:8px 13px 4px}.theatre-controls{padding:7px 8px 12px;gap:5px}.theatre-button{font-size:11px;padding:6px 8px;min-height:38px}.theatre-narrator{font-size:10px}}
@media(max-width:390px){.theatre-world{height:min(55dvh,430px);--as:.62}.theatre-top{min-height:62px}.theatre-round{font-size:10px}.theatre-cue{line-height:1.2}}
@media(prefers-reduced-motion:reduce){.theatre-world *, .theatre-world{animation-duration:.01ms!important}.theatre-avatar{animation:none!important}}
/* Battle characters now have locally animated eight-frame sprites, not static full-screen portraits. */
.combat-hero-sprite{width:250px;height:392px;background-image:url('assets/sprites/sword.webp');background-repeat:no-repeat;background-size:2000px 392px;animation:theatre-frames 1.3s steps(8) infinite;transform:scale(.75);transform-origin:center bottom;margin:-73px auto 0}
.combat-enemy{animation:enemy-breath 1.45s ease-in-out infinite;filter:drop-shadow(0 5px 10px #11040a)}
@keyframes enemy-breath{0%,100%{transform:scale(.95) translateY(2px)}50%{transform:scale(1.08) translateY(-12px)}}
.combat-scene.battle-flash-strike .combat-hero-sprite{animation:theatre-frames .3s steps(8) infinite,battle-lunge .65s ease-out}
.combat-scene.battle-flash-magic .combat-hero-sprite{animation:theatre-frames .42s steps(8) infinite;filter:drop-shadow(0 0 22px #96d3ff)}
.combat-scene.battle-flash-guard .combat-hero-sprite{filter:drop-shadow(0 0 22px #ffe8a6)}
.combat-scene.battle-flash-strike .combat-enemy,.combat-scene.battle-flash-magic .combat-enemy{animation:enemy-hit .55s ease-in-out 2}
@keyframes battle-lunge{0%,100%{transform:scale(.75) translateX(0)}55%{transform:scale(.8) translateX(55px)}}
@keyframes enemy-hit{0%,100%{transform:translateX(0);filter:brightness(1)}35%{transform:translateX(14px);filter:brightness(2.5) drop-shadow(0 0 22px red)}}
@media(max-width:760px){.combat-hero-sprite{transform:scale(.55);margin:-155px auto -35px;min-height:392px}.combat-scene.battle-flash-strike .combat-hero-sprite{animation:theatre-frames .4s steps(8) infinite}}