:root{--bg:#fff9f6;--paper:#fff;--ink:#334052;--muted:#7c8598;--pink:#df7295;--pink2:#fff0f5;--line:#efdfe2;--blue:#739fbe;--shadow:0 10px 30px #8f647622;--round:18px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 8% 3%,#ffe7ed 0,transparent 32%),linear-gradient(160deg,#fff7f3,#f3f8fb 60%,#fffaf5);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--ink);font-size:14px}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.app{max-width:1330px;margin:auto;padding:22px 24px 34px}.main-header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.brand-kicker,.section-kicker,.start-kicker{color:var(--pink);font-weight:800;font-size:10px;letter-spacing:.19em}.brand h1{font-size:31px;letter-spacing:.065em;line-height:1.1;margin:5px 0;color:#364257}.brand h1 span,.start-card h2 span{color:var(--pink)}.brand h1 i{font-size:17px;color:#96acc1;font-style:normal}.brand p{font-size:12px;color:#7c8794;margin:7px 0 0}.tiny-star{color:#e6a36a}.header-actions{display:flex;flex-wrap:wrap;gap:8px}.soft-button,.text-button{background:white;border:1px solid #eacbd4;color:#8e5268;border-radius:10px;padding:10px 13px;font-weight:700;font-size:12px}.soft-button:hover,.text-button:hover{background:#fff2f5}.outline{border-color:#bfd0e0;color:#62849d}.accent-button{background:linear-gradient(115deg,#e985a2,#e6a0b3);color:white;border:0;border-radius:11px;padding:12px 19px;font-weight:800;box-shadow:0 3px 0 #ba5b80;font-size:13px}.accent-button:active{transform:translateY(2px);box-shadow:0 1px 0 #ba5b80}.hud{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:18px}.hud>div{background:#fff;border:1px solid #f1e3e5;border-radius:13px;padding:12px 14px;box-shadow:0 3px 13px #cba1aa18}.hud span{color:#ad8e9e;display:block;font-size:9px;letter-spacing:.15em;font-weight:800;margin-bottom:5px}.hud strong{color:#465267;font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud .save-info strong{font-size:11px;color:#6f977e}.main-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(278px,.8fr);gap:17px}.main-column,.sidebar{min-width:0}.scene-panel,.map-panel,.choices-panel,.cast-panel,.log-panel,.status-panel{background:var(--paper);border-radius:var(--round);border:1px solid #f0e3e5;box-shadow:var(--shadow);overflow:hidden}.scene-panel{height:360px;position:relative;background:#cee5ee}.scene-backdrop{position:absolute;inset:0;background:linear-gradient(180deg,#b9dcf4,#f3d3c2 78%);overflow:hidden}.scene-backdrop:before{content:"";position:absolute;left:58%;top:12%;width:230px;height:230px;border-radius:50%;background:#ffe4b7bb;filter:blur(18px)}.scene-backdrop[data-theme="library"]{background:linear-gradient(120deg,#b7ab93,#e9d2a7)}.scene-backdrop[data-theme="shopping"]{background:linear-gradient(125deg,#bbd9ec,#fee2dd)}.scene-backdrop[data-theme="green"]{background:linear-gradient(125deg,#a4d8ca,#e4e9c1)}.scene-backdrop[data-theme="water"]{background:linear-gradient(125deg,#90c9df,#bcebed)}.scene-backdrop[data-theme="night"]{background:linear-gradient(140deg,#606f9e,#c6a7c4)}.scene-backdrop[data-theme="horror"]{background:linear-gradient(140deg,#596074,#a86678)}.building-shape{position:absolute;bottom:48px;left:36%;width:75%;height:220px;transform:skew(-8deg);border:8px solid #fff7;box-shadow:0 0 0 20px #d9d4cb88;background:repeating-linear-gradient(90deg,#faf0de88 0 60px,#9db7c766 60px 92px,#faf0de88 92px 114px)}.window-shape{position:absolute;bottom:80px;left:47%;width:48%;height:110px;background:repeating-linear-gradient(90deg,#fff7 0 60px,#6f92af88 60px 85px);opacity:.65}.ground-shape{position:absolute;bottom:0;left:0;width:100%;height:70px;background:#acc6bd90}.scene-strip{position:absolute;z-index:3;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;gap:8px}.scene-strip span{border-radius:100px;background:#ffffffde;box-shadow:0 3px 12px #53607418;padding:7px 13px;font-size:11px;font-weight:750;color:#566575}.character-silhouette{position:absolute;z-index:2;left:13%;bottom:108px;width:176px;height:193px;filter:drop-shadow(0 10px 8px #515a6780)}.silhouette-hair{position:absolute;left:15px;bottom:0;width:146px;height:182px;border-radius:49% 49% 20% 20%;background:linear-gradient(130deg,var(--hair1,#ba806a),var(--hair2,#705c72));box-shadow:inset -20px 2px 15px #0001}.silhouette-face{position:absolute;left:42px;top:43px;width:91px;height:120px;border-radius:49% 49% 43% 43%;background:linear-gradient(145deg,#ffe7d2,#eebcaa);display:flex;align-items:center;justify-content:center;font-size:40px;color:#ad8090;font-weight:700;font-family:serif;border:4px solid #fff6}.character-caption{position:absolute;bottom:-6px;left:0;width:100%;text-align:center;border-radius:20px;color:#674a5e;background:#ffffffeb;padding:8px;font-size:11px;font-weight:700}.scene-text{position:absolute;z-index:4;bottom:12px;left:13px;right:13px;min-height:100px;background:#fffefaef;border:1px solid #f6d4d9;border-radius:14px;padding:23px 18px 13px;box-shadow:0 8px 25px #52425d28}.speaker{position:absolute;top:-16px;left:17px;background:#ea92ae;color:white;border-radius:8px;padding:7px 14px;font-weight:750;font-size:12px}.scene-text p{margin:0;font-size:13px;line-height:1.85;white-space:pre-wrap;max-height:90px;overflow:auto}.map-panel,.choices-panel{margin-top:16px;padding:17px}.panel-titleline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.panel-titleline h2{margin:4px 0 0;font-size:18px;color:#4e5365}.map-tabs{display:flex;gap:3px;background:#f7eef2;border-radius:9px;padding:3px}.map-tabs button{border:0;border-radius:7px;padding:8px 11px;font-size:11px;background:transparent;color:#946f82}.map-tabs .active{background:white;color:#b65378;box-shadow:0 2px 8px #7f55751d;font-weight:800}.map-crumb{display:flex;align-items:center;gap:12px;margin-bottom:11px;font-size:11px;color:#8793a2}.map-crumb button{border:0;color:#bb6684;background:transparent;padding:5px 0;font-weight:800}.map-crumb button:disabled{opacity:.3}.map-canvas{height:302px;border-radius:13px;position:relative;overflow:hidden;background:#e4f0e7;border:1px solid #d8e1e5}.map-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.map-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#ffffff12,transparent 50%,#e4c8b920)}.map-pin{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:3px;background:#fffef4ed;border:2px solid #fff;border-radius:13px;box-shadow:0 5px 13px #5465794d;padding:7px 8px;min-width:66px;max-width:106px;color:#5a6075;z-index:2;text-align:center}.map-pin:hover{background:#fff1f7;outline:2px solid #e58ca9;z-index:5}.map-pin.active{border-color:#e77ba4;background:#ffeaf1;z-index:4}.map-pin .pin-icon{font-size:19px;line-height:1.2}.map-pin .pin-name{font-size:10px;font-weight:850;white-space:nowrap}.map-description{margin:10px 0 0;color:#7c8799;font-size:11px;line-height:1.7}.map-location-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.map-location-list button{border:1px solid #ebd5de;border-radius:100px;background:#fff8fa;color:#8b5870;padding:8px 11px;font-size:11px}.map-location-list button.active{background:#e887a7;color:white;border-color:#e887a7}.map-location-list button:disabled{opacity:.4}.ai-status{font-size:11px;color:#708e9d;margin:0 0 12px}.ai-choices{display:grid;gap:9px}.choice{width:100%;display:flex;align-items:center;gap:12px;padding:13px 15px;background:linear-gradient(100deg,#fffbfc,#f6f9fc);border:1px solid #eddee9;border-radius:10px;text-align:left;color:#526071;font-weight:650;line-height:1.5;font-size:13px}.choice:hover{background:#fff1f5;border-color:#ed9cba}.choice-num{border-radius:8px;background:#fae9f0;color:#c56486;font-weight:900;padding:6px 9px;font-size:11px}.choice.is-offline{background:#fffef9}.choices-panel form{margin-top:15px;padding-top:13px;border-top:1px dashed #ebdce5}.choices-panel label{display:block;font-size:12px;font-weight:750;margin-bottom:9px}.free-row{display:flex;gap:8px}.free-row input{flex:1;min-width:0;border:1px solid #edd8e2;background:#fffafa;border-radius:10px;padding:13px;font-size:13px;color:#3e4a58}.free-row input:focus{outline:2px solid #efaec2;outline-offset:0}.extra-controls{border-top:1px solid #f1e5e5;margin-top:14px;padding-top:13px}.extra-controls summary{font-size:11px;color:#91778a;cursor:pointer}.extra-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.extra-actions button{background:#fff4f7;border:1px solid #efd7df;border-radius:8px;color:#9b6476;padding:9px 11px;font-size:11px}.sidebar section{padding:16px;margin-bottom:16px}.muted-small,.mini-hint{font-size:10px;color:#98a0ad}.mini-hint{line-height:1.6;margin-top:-1px}.heroine-list{display:grid;gap:8px}.heroine{border:1px solid #e9dce4;border-radius:12px;background:#fffdfe;text-align:left;display:flex;gap:10px;align-items:center;padding:9px 10px;color:#454e5f;width:100%}.heroine.active{background:#fff1f6;border-color:#e78cae}.face{width:43px;height:43px;border-radius:50%;flex:none;color:white;background:linear-gradient(140deg,var(--a),var(--b));display:grid;place-items:center;font-size:20px;font-family:serif;font-weight:800;border:2px solid white;box-shadow:0 0 0 1px #eadadf}.heroine-main{min-width:0;flex:1}.heroine-name{font-size:12px;font-weight:800}.heroine-place{font-size:10px;color:#98a0ad;margin-top:5px}.heart{font-size:11px;color:#c57b9c;white-space:nowrap}.world-log{max-height:310px;overflow:auto}.log-item{padding:9px 0;border-bottom:1px solid #f2e8e8;font-size:11px;line-height:1.7;color:#697488}.log-item:last-child{border:0}.log-item strong{display:block;color:#bf7892;font-size:10px}.status-panel p{font-size:11px;color:#7c8491;line-height:1.8}.status-panel p:last-child{font-weight:700;color:#7a9aa6}.ending{position:absolute;z-index:10;inset:0;display:grid;place-content:center;text-align:center;padding:30px;background:#fffaf3ef}.ending p:first-child{letter-spacing:.2em;color:#b97492;font-size:11px}.ending h2{font-size:27px;color:#4c5364}.ending p{line-height:1.8;white-space:pre-wrap}.hidden{display:none!important}footer{display:flex;justify-content:space-between;gap:20px;color:#9198a6;font-size:10px;line-height:1.6;margin-top:20px}.start-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;overflow:auto;background:#ffe7edf2;z-index:100;padding:14px}.start-card{width:min(470px,100%);border-radius:22px;background:white;border:1px solid #e9cada;box-shadow:0 30px 80px #ab6c7c77;padding:30px}.start-card h2{font-size:30px;letter-spacing:.05em;margin:6px 0}.start-card>p{color:#737d90;font-size:13px;line-height:1.8}.start-card form{display:grid;gap:9px}.start-card label{font-size:12px;font-weight:800}.start-card input{padding:13px;border:1px solid #e8cbd6;border-radius:10px;min-width:0;font-size:16px}.start-card small{display:block;margin:18px 0 8px;font-size:11px;line-height:1.7;color:#808995}.full{width:100%;margin-top:12px}.help-link{font-size:11px;color:#bd7391}.start-card #keyFeedback{font-size:11px;color:#c26678;margin:0}@media(max-width:1050px){.main-grid{grid-template-columns:1fr}.heroine-list{grid-template-columns:1fr 1fr 1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sidebar section{margin:0}.status-panel{grid-column:1/-1}}@media(max-width:700px){.app{padding:12px 11px 26px}.main-header{flex-direction:column;align-items:flex-start}.brand h1{font-size:25px}.header-actions{width:100%}.header-actions button{flex:1}.hud{grid-template-columns:repeat(3,minmax(0,1fr))}.hud>div{padding:10px}.hud strong{font-size:12px}.scene-panel{height:370px}.character-silhouette{left:7%;bottom:120px;transform:scale(.8);transform-origin:bottom left}.scene-text{min-height:114px}.scene-text p{font-size:12px;max-height:100px}.map-panel,.choices-panel{padding:12px}.map-canvas{height:320px}.map-pin{min-width:58px;padding:5px}.map-pin .pin-icon{font-size:17px}.map-pin .pin-name{font-size:9px}.heroine-list{grid-template-columns:1fr 1fr}.sidebar{grid-template-columns:1fr}.status-panel{grid-column:auto}.free-row{flex-direction:column}.free-row button{width:100%}footer{flex-direction:column;gap:4px}}@media(max-width:370px){.heroine-list{grid-template-columns:1fr}.map-tabs button{padding:7px}.map-pin{min-width:50px}.map-pin .pin-name{font-size:8px}}

/* v0.6 - Phaser canvas and conversation log, mobile responsive */
.map-canvas { position:relative; isolation:isolate; overflow:hidden; min-height:260px; }
.map-canvas canvas { display:block; position:absolute; inset:0; margin:auto; z-index:3; max-width:100%; max-height:100%; touch-action:manipulation; }
.map-canvas > .map-art {position:absolute; inset:0; width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:0}
.map-canvas > .map-shade {pointer-events:none; z-index:1}
.map-engine-status {padding:24px;text-align:center;font-size:13px;color:#71647b;}
.history-dialog {box-sizing:border-box;width:min(750px,96vw);max-height:90dvh;border:1px solid #ded0dc;border-radius:22px;padding:0;background:#fff9fb;color:#3c3345;box-shadow:0 18px 70px #21132450;}
.history-dialog::backdrop {background:#1e1425a9;}
.history-shell {padding:20px;display:flex;flex-direction:column;gap:12px;max-height:85dvh;}
.history-heading {display:flex;justify-content:space-between;gap:12px;align-items:center;}
.history-heading h2 {margin:0;font-size:22px;}
.history-toolbar {display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.history-toolbar select {border:1px solid #d4c3d0;border-radius:9px;padding:8px;background:white;color:#35273a;}
.history-list {display:flex;flex-direction:column;gap:10px;overflow:auto;min-height:80px;padding:5px 2px 30px;}
.history-entry {padding:12px 14px;border-radius:13px;border:1px solid #e8dfe7;background:white;}
.history-entry .meta {font-size:11px;color:#877789;margin-bottom:6px;}
.history-entry strong {font-size:13px;}
.history-entry p {margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:14px;}
@media(max-width:650px){.history-shell{padding:14px}.history-heading h2{font-size:19px}.map-canvas{min-height:220px}}