*{box-sizing:border-box}html,body{margin:0;background:#090b10;color:#f5f0df;font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;min-height:100%;overflow-x:hidden}button{font:inherit;color:inherit}.app{width:100%;max-width:430px;margin:auto;min-height:100dvh;background:radial-gradient(circle at 50% -20%,#263247 0,#10141d 45%,#080a0e 100%);position:relative;box-shadow:0 0 60px #000}.screen{min-height:100dvh;padding:14px 12px 96px}.title{display:flex;min-height:100dvh;align-items:center;justify-content:center;text-align:center;background:linear-gradient(#02040aaa,#02040add),url('assets/world_map.png') center/cover}.logo{font-family:Georgia,serif;letter-spacing:.12em;font-size:clamp(34px,10vw,44px);margin:0;text-shadow:0 3px 20px #000}.sub{letter-spacing:.45em;color:#c8b98c;font-size:13px}.btn{width:100%;border:1px solid #9e8958;background:linear-gradient(#2b2b2b,#171717);padding:14px 16px;border-radius:10px;margin:7px 0;box-shadow:inset 0 0 0 1px #0008}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(#725d2f,#3b301c);border-color:#d4b866}.btn.danger{border-color:#9b4b4b}.card{background:#111722e8;border:1px solid #384052;border-radius:14px;padding:14px;margin:12px 0;box-shadow:0 8px 24px #0007}.hud{position:sticky;top:0;z-index:20;background:#090c12f7;border-bottom:1px solid #343b48;padding:8px 10px 9px;backdrop-filter:blur(8px)}.hud-main{display:grid;grid-template-columns:1.25fr 1fr;gap:8px;align-items:stretch}.doom{border:1px solid #806b3b;background:linear-gradient(135deg,#342715,#17130d);border-radius:10px;padding:7px 9px;box-shadow:inset 0 0 0 1px #0008}.doom-label{font-size:10px;letter-spacing:.08em;color:#c9b47a}.doom-days{display:flex;align-items:baseline;gap:3px;line-height:1}.doom-days strong{font-family:Georgia,serif;font-size:29px;color:#f0d276;text-shadow:0 2px 10px #000}.doom-days span{font-size:14px;font-weight:800}.doom-sub{margin-top:4px;color:#d6caa7;font-size:11px}.hud-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding-right:2px}.hud-loop{font-size:12px;color:#c2c8d3;font-weight:800}.hud-time{font-size:15px;font-weight:900;margin-top:4px;text-align:right}.hudrow{display:flex;justify-content:space-between;gap:8px;font-weight:700}.count{color:#e2c87f}.bar{height:7px;background:#252b34;border-radius:99px;overflow:hidden;margin-top:7px}.bar>i{display:block;height:100%;background:linear-gradient(90deg,#7c9ec7,#d2d9e3)}.mapwrap{position:relative;border-radius:15px;overflow:hidden;border:1px solid #5b5548;box-shadow:0 10px 30px #000}.mapwrap img{display:block;width:100%}.pin{position:absolute;width:28px;height:28px;border-radius:50%;border:2px solid #f6e7ae;background:#7a2730;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #0007,0 0 16px #f5cf6a88;font-size:12px}.pin.lock{background:#30343a;border-color:#777}.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(430px,100%);height:76px;background:#0b0e14f5;border-top:1px solid #333a46;display:grid;grid-template-columns:repeat(5,1fr);z-index:30;padding-bottom:env(safe-area-inset-bottom)}.nav{border:0;background:none;font-size:11px;color:#b9bfca}.nav b{display:block;font-size:20px;margin-bottom:2px}.dialogue{min-height:100dvh;background:linear-gradient(#05070b66,#05070bdd),url('assets/world_map.png') center/cover;display:flex;flex-direction:column;justify-content:flex-end;padding:16px}.portrait{height:42dvh;max-height:390px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 14px #000)}.textbox{background:#0a0d13f2;border:1px solid #8d7a50;border-radius:12px;padding:14px}.name{color:#e7c970;font-weight:800;margin-bottom:8px}.choice{border-color:#52647e;background:#161d28}.memory{border-color:#8c67c9;background:#211b30}.battle-enemy{text-align:center;padding-top:16px}.enemy-art{width:190px;height:190px;margin:5px auto;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#7e2635 0,#2b1118 45%,transparent 70%);font-size:86px;filter:drop-shadow(0 12px 18px #000)}.next{border:1px solid #a75d64;background:#2a1519;padding:10px;border-radius:10px;margin:10px 0}.party{display:grid;gap:7px}.member{background:#151a22;border:1px solid #343c49;border-radius:9px;padding:9px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.actions .btn{margin:0}.flash{animation:flash .22s}@keyframes flash{50%{filter:brightness(2)}}.bigday{text-align:center;font-family:Georgia,serif;font-size:54px;letter-spacing:.08em;margin-top:28vh}.muted{color:#a7adba;font-size:13px}.sectiontitle{font-family:Georgia,serif;color:#dbc27f;letter-spacing:.08em}.memory-item{border-left:3px solid #795ca8;padding-left:10px;margin:14px 0}.result{text-align:center;padding-top:18vh}.tiny{font-size:12px;color:#9ba2ad}.intro{min-height:100vh;background:#030406;display:flex;flex-direction:column;justify-content:center;padding:22px}.intro h2{font-family:Georgia,serif;color:#d9c27f}.quote{font-size:21px;line-height:1.7}.red{color:#e06b70}.gold{color:#e3c66f}

@media (max-width:480px){body{background:#090b10}.app{max-width:none;box-shadow:none}.btn{min-height:48px;padding:13px 14px}.card{margin:10px 0;padding:12px}.mapwrap{border-radius:12px}.pin{width:30px;height:30px}.sectiontitle{margin:10px 0 12px}.enemy-art{width:150px;height:150px;font-size:70px}.screen h2{font-size:21px}.bottom{left:0;transform:none;width:100%}}
@media (min-width:481px){body{background:#030405}.app{border-left:1px solid #262b35;border-right:1px solid #262b35}}
.skillbtn{text-align:left;display:flex;flex-direction:column;gap:4px}.skillbtn small{color:#aeb6c4;font-size:12px;font-weight:400}.actions button{min-height:54px;font-weight:800}
/* Build 0.3: compact collapse timer + location presentation */
.hud-main{grid-template-columns:minmax(145px,.58fr) 1fr}.doom{max-width:230px}.location-screen{background:linear-gradient(#07090dcc,#07090df0),var(--place-bg) center top/cover fixed}.location-hero{min-height:42dvh;border:1px solid #5b5548;border-radius:14px;overflow:hidden;background:var(--place-bg) center/cover;display:flex;align-items:flex-end;box-shadow:0 12px 32px #0009;margin-bottom:12px}.location-shade{width:100%;padding:46px 16px 16px;background:linear-gradient(transparent,#05070bea)}.location-shade h2{margin:0 0 7px;font-family:Georgia,serif;color:#ecd180;text-shadow:0 2px 10px #000}.location-shade p{margin:0;line-height:1.6}.skillbtn small{display:block;color:#aeb6c3;margin-top:4px}

/* Build 0.5.1: mobile viewport + battle navigation bugfix */
html,body{width:100%;max-width:100%;overflow-x:hidden}
.app{width:100%;max-width:430px;overflow-x:hidden}
.screen,.hud,.dialogue,.intro,.title{width:100%;max-width:100%;overflow-x:hidden}
.bottom{max-width:100vw;box-sizing:border-box}
.bottom .nav{min-width:0;padding-left:2px;padding-right:2px;overflow:hidden}
.card,.textbox,.next,.member,.btn{max-width:100%;overflow-wrap:anywhere}
.mapwrap{max-width:100%}
.battle-return{color:#f0d276;background:#251f13}
@media (max-width:480px){.screen{padding-left:10px;padding-right:10px}.hud{padding-left:8px;padding-right:8px}.hud-main{grid-template-columns:minmax(132px,.56fr) minmax(0,1fr)}.doom{max-width:190px}.doom-days strong{font-size:27px}.hud-time{font-size:14px}.bottom{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}

/* BUILD 0.7 mobile input fix */
html,body,#app{max-width:100%;overflow-x:hidden;touch-action:manipulation;}
button,.btn,.nav{touch-action:manipulation;}
*{box-sizing:border-box;}

.member.dead{opacity:.55;filter:grayscale(1)}

.node-screen{padding-bottom:92px}
.node-map{position:relative;width:100%;height:min(58vh,520px);min-height:390px;border:1px solid #4b5266;border-radius:14px;background:radial-gradient(circle at 45% 35%,#273142,#10151f 68%);overflow:hidden;margin-top:10px}
.node-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:24px 24px}
.node-map svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.node-map line{stroke:#6d778d;stroke-width:.8;stroke-dasharray:2 1;vector-effect:non-scaling-stroke}
.world-node{position:absolute;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;border:2px solid #707a91;background:#171d29;color:#fff;padding:0;z-index:2;box-shadow:0 4px 12px #0008;touch-action:manipulation}
.world-node span{display:block;font-size:22px;line-height:28px}
.world-node small{position:absolute;top:58px;left:50%;transform:translateX(-50%);width:92px;font-size:10px;line-height:12px;text-shadow:0 2px 3px #000;background:#111b;padding:2px;border-radius:4px}
.world-node.here{border-color:#f3cf58;box-shadow:0 0 0 4px #f3cf5825,0 0 18px #f3cf5860}
.world-node.dungeon{border-color:#a65b66}.world-node.road{border-color:#788aa6}.world-node.town{border-color:#d0b56a}.world-node.special{border-color:#8d7bc4}
.legend{text-align:center;font-size:11px;color:#aab2c2;margin:12px 0}.compact{padding:10px 12px}
@media(max-width:390px){.world-node{width:50px;height:50px}.world-node small{top:51px;width:80px;font-size:9px}.node-map{min-height:360px}}

.world-screen{padding-left:8px;padding-right:8px;overflow:hidden}
.world-head{display:flex;align-items:center;justify-content:space-between;padding:2px 6px 8px}
.world-head h2{margin:0}.mini-btn{border:1px solid #6c7589;background:#1a2130;color:#fff;border-radius:8px;padding:8px 10px}
.world-viewport{position:relative;width:100%;height:62vh;min-height:440px;max-height:650px;overflow:scroll;border:1px solid #414a5d;border-radius:12px;background:#0d121b;touch-action:none;overscroll-behavior:contain;scrollbar-width:none}
.world-viewport::-webkit-scrollbar{display:none}
.world-canvas{position:relative;width:1200px;height:850px;background:radial-gradient(ellipse at 48% 55%,#293241 0,#151c27 48%,#0b1018 100%);background-image:radial-gradient(circle at 20% 40%,#26382955,transparent 28%),radial-gradient(circle at 83% 40%,#3b293355,transparent 27%),radial-gradient(circle at 55% 12%,#263b4a55,transparent 25%),linear-gradient(#101722dd,#101722dd)}
.world-canvas:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:40px 40px}
.world-canvas svg{position:absolute;inset:0;width:1200px;height:850px;z-index:1;pointer-events:none}
.world-canvas line{stroke:#7c879b;stroke-width:4;stroke-dasharray:10 7;opacity:.7}
.world-canvas .world-node{width:62px;height:62px;z-index:4}
.region-label{position:absolute;font-family:serif;font-weight:800;font-size:25px;color:#ffffff18;letter-spacing:5px;z-index:0}.region-label.west{left:90px;top:360px;transform:rotate(-12deg)}.region-label.north{left:480px;top:90px}.region-label.east{left:850px;top:320px;transform:rotate(8deg)}.region-label.south{left:600px;top:120px}
.map-tip{text-align:center;color:#9aa5b7;font-size:10px;padding:8px 2px 0}
.world-node.final{border-color:#d64b61;box-shadow:0 0 18px #d64b6180}
@media(max-width:390px){.world-viewport{height:60vh;min-height:410px}.world-canvas .world-node{width:54px;height:54px}}