:root{--bg: #f4f1e8;--panel: #ffffff;--ink: #24313d;--sub: #6b7785;--line: #d9d3c4;--accent: #1b6ca8;--accent-dark: #14507d;--warm: #e8823c;--ok: #2e9e5b;--p0: #d94f4f;--p1: #2f7fd1;--p2: #3faa63;--p3: #c9922b;--radius: 14px;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Hiragino Maru Gothic ProN,Hiragino Kaku Gothic ProN,Yu Gothic,Noto Sans JP,system-ui,sans-serif;font-size:17px;line-height:1.6;-webkit-text-size-adjust:100%}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}.app{max-width:1180px;margin:0 auto;padding:12px 14px 60px}.title{font-size:34px;font-weight:800;letter-spacing:.06em;margin:24px 0 4px}.subtitle{color:var(--sub);margin:0 0 28px}.panel{background:var(--panel);border:2px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin-bottom:14px}.panel h2{font-size:18px;margin:0 0 10px}.muted{color:var(--sub);font-size:14px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.spread{display:flex;justify-content:space-between;align-items:center;gap:10px}.big{display:block;width:100%;border:none;border-radius:var(--radius);background:var(--accent);color:#fff;font-size:20px;font-weight:700;padding:16px 18px;box-shadow:0 4px 0 var(--accent-dark);transition:transform .05s ease}.big:active{transform:translateY(3px);box-shadow:0 1px 0 var(--accent-dark)}.big.secondary{background:#fff;color:var(--accent);border:2px solid var(--accent);box-shadow:none}.big.warm{background:var(--warm);box-shadow:0 4px #b8622a}.small{border:2px solid var(--line);background:#fff;border-radius:10px;padding:6px 12px;font-size:14px}.small.on{background:var(--accent);color:#fff;border-color:var(--accent)}.choices{display:grid;gap:10px;grid-template-columns:1fr}@media (min-width: 640px){.choices{grid-template-columns:1fr 1fr}}.choice{text-align:left;border:3px solid var(--accent);background:#fff;border-radius:var(--radius);padding:14px 16px;min-height:74px}.choice:hover:not(:disabled){background:#eaf3fa}.choice .label{font-size:19px;font-weight:700}.choice .detail{font-size:14px;color:var(--sub);margin-top:3px}.choice:disabled{border-color:var(--line);background:#f3f1ec;color:#9aa4ae}.choice .reason{font-size:13px;color:var(--warm);margin-top:3px}.choice.danger{border-color:var(--p0);background:#fdf3f2}.choice.danger:hover:not(:disabled){background:#fbe7e5}.choice.danger .detail{color:#a33}.warn{margin-top:6px;font-size:13px;font-weight:700;color:#a33;background:#fdf0ef;border-radius:8px;padding:3px 8px;display:inline-block}.hud{position:sticky;top:0;z-index:5;background:var(--bg);padding-top:8px}.hud-bar{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:baseline;background:var(--panel);border:2px solid var(--line);border-radius:var(--radius);padding:10px 14px}.hud .phase{font-size:21px;font-weight:800}.hud .chip{background:#eef2f6;border-radius:999px;padding:2px 12px;font-size:14px;font-weight:700}.hud .chip.warn{background:var(--warm);color:#fff;font-weight:800}.hud .todo{color:var(--warm);font-weight:700}.hud .goal{color:var(--ok);font-weight:700;font-size:14px;cursor:help}.board{height:auto;display:block;touch-action:manipulation}.board-outer{position:relative}.board-wrap{overflow:auto;max-height:62vh;padding-bottom:6px;cursor:grab}.board-wrap.held{cursor:grabbing;-webkit-user-select:none;user-select:none}.board-zoom{position:absolute;right:6px;top:6px;z-index:2;display:flex;align-items:center;gap:6px;background:#ffffffeb;border-radius:999px;padding:4px 8px}.board-zoom .small{min-width:44px;min-height:44px}.board .square.lit circle{filter:drop-shadow(0 0 6px var(--ok))}.board .square.lit{animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.72}}@media (prefers-reduced-motion: reduce){.board .square.lit{animation:none}}.board .token{transition:transform .45s cubic-bezier(.35,1.2,.5,1)}@media (prefers-reduced-motion: reduce){.board .token{transition:none}}.feeling-card{display:flex;gap:10px;align-items:flex-start;background:#f3efff;border:2px solid #d9cff5;border-left:6px solid #7a5cb5;border-radius:var(--radius);padding:12px 14px;margin-bottom:14px;font-style:italic;color:#4b3a72;animation:fade-in .5s ease}.feeling-card.dream{background:#eef6fa;border-color:#cfe3ee;border-left-color:#3f7f9e;color:#2f5a70}.feeling-icon{font-size:20px;font-style:normal}@keyframes fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1}}.phase-banner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#1b3a5cdb;color:#fff;font-size:40px;font-weight:800;letter-spacing:.08em;pointer-events:none;animation:banner 2.2s ease forwards}@keyframes banner{0%{opacity:0}15%{opacity:1}80%{opacity:1}to{opacity:0}}.turn-banner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:21;display:flex;gap:14px;align-items:center;justify-content:center;color:#fff;pointer-events:none;animation:banner 1.5s ease forwards}.turn-banner span{font-size:58px;font-weight:900;letter-spacing:.06em}.turn-banner small{font-size:26px;font-weight:700;opacity:.9}.gain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:22;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:banner 1.4s ease forwards}.gain-inner{background:#fffffff5;border:6px solid var(--line);border-radius:22px;padding:18px 34px;font-size:40px;font-weight:900;box-shadow:0 12px 40px #00000047;animation:pop .45s ease}.gain-money .gain-inner{color:#1c7a3f}.gain-lose .gain-inner{color:#b23b3b}.gain-ability .gain-inner{color:#1b3a5c}.gain-life .gain-inner{color:#8a5a1f}@keyframes pop{0%{transform:scale(.5)}60%{transform:scale(1.12)}to{transform:scale(1)}}.move{border:4px solid var(--line)}.move.confirm h2{font-size:26px}.move.confirm .big{display:flex;align-items:center;gap:8px;text-align:left}.move.confirm .big .what{display:grid}.move.confirm .big small{font-weight:400;font-size:13px;opacity:.8}.steps{display:grid;gap:8px;margin-top:8px}.step{display:grid;grid-template-columns:44px 40px 1fr auto;align-items:center;gap:10px;text-align:left;padding:12px 14px;border-radius:14px;border:3px solid var(--line);background:#fff;font-size:20px;cursor:pointer;min-height:56px}.step:disabled{opacity:.45;cursor:not-allowed}.step .arrow{font-size:30px;font-weight:900;color:var(--accent)}.step .face{font-size:26px}.step .what{display:grid}.step .what small{color:#6b6250;font-size:16px}.step.stop{border-color:var(--warm);background:#fff6ec}.step .stopmark{font-size:15px;font-weight:800;color:var(--warm)}@media (prefers-reduced-motion: reduce){.feeling-card,.phase-banner,.turn-banner,.gain,.gain-inner{animation:none}}.progress{display:flex;align-items:center;gap:10px;margin:6px 0 10px;font-size:13px}.progress-track{position:relative;flex:1;height:20px;border-radius:999px;background:linear-gradient(90deg,#e8e3d6,#ffe9c2);border:2px solid var(--line)}.progress-mark{position:absolute;top:-4px;width:24px;height:24px;border-radius:50%;color:#fff;font-weight:800;font-size:13px;text-align:center;line-height:24px;transform:translate(-12px);border:2px solid #fff;transition:left .4s ease}@media (prefers-reduced-motion: reduce){.progress-mark{transition:none}}.progress-left{position:absolute;left:50%;top:24px;transform:translate(-50%);font-size:11px;font-weight:800;color:var(--ink);background:#fffdf7;border-radius:8px;padding:0 3px;line-height:14px}.dice-tray{display:flex;align-items:center;gap:14px;border:3px solid var(--line);border-radius:var(--radius);padding:10px 14px;margin-top:10px;background:#fffdf7}.dice-faces{display:flex;gap:8px}.die{width:46px;height:46px;background:#fff;border:2px solid #b9b09a;border-radius:10px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:5px;box-shadow:0 2px #cfc7b3}.pip{width:8px;height:8px;border-radius:50%;margin:auto}.pip.on{background:var(--ink)}.dice-tray.rolling .die{animation:tumble .28s linear infinite}@keyframes tumble{0%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(8deg) translateY(-6px)}to{transform:rotate(-8deg) translateY(0)}}.dice-text{font-size:18px;font-weight:700}.dice-text .muted{font-weight:400}@media (prefers-reduced-motion: reduce){.dice-tray.rolling .die{animation:none}}.players{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}@media (min-width: 900px){.players{grid-template-columns:repeat(4,1fr)}}.pcard{border:2px solid var(--line);border-radius:var(--radius);background:#fff;padding:10px 12px}.pcard.turn{border-color:var(--accent);box-shadow:0 0 0 3px #cfe3f4}.pcard .pname{font-weight:800;display:flex;align-items:center;gap:6px}.dot{width:14px;height:14px;border-radius:50%;display:inline-block;flex:none}.dot.token{width:22px;height:22px;color:#fff;font-size:13px;font-weight:800;text-align:center;line-height:22px}.pcard dl{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:8px 0 0;font-size:14px}.pcard dt{color:var(--sub)}.pcard dd{margin:0}.log{max-height:260px;overflow-y:auto;font-size:15px}.log li{list-style:none;padding:4px 0;border-bottom:1px dashed var(--line)}.log .feeling{color:#7a5cb5;font-style:italic}.log .dream{color:#3f7f9e;font-style:italic}.log .system{color:var(--sub)}.log ul{margin:0;padding:0}details.more{margin-top:8px}details.more>summary{cursor:pointer;color:var(--accent);font-weight:700;font-size:15px;list-style:none}details.more>summary::-webkit-details-marker{display:none}details.more>summary:before{content:"▸ "}details.more[open]>summary:before{content:"▾ "}table.plain{width:100%;border-collapse:collapse;font-size:14px}table.plain th,table.plain td{text-align:left;padding:5px 8px;border-bottom:1px solid var(--line)}.grid2{display:grid;gap:12px;grid-template-columns:1fr}@media (min-width: 900px){.grid2{grid-template-columns:3fr 2fr}}.rank{font-size:22px;font-weight:800}.bar{height:12px;background:#e8e3d6;border-radius:999px;overflow:hidden}.bar>span{display:block;height:100%;background:var(--accent)}.error{color:#b03030;font-weight:700}.hud .whose{color:#fff;font-weight:800;border-radius:999px;padding:3px 14px;font-size:15px}ruby>rt{font-size:max(10px,.5em);opacity:.85}.sfc{display:flex;flex-direction:column;gap:6px}.topbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#1b3a5c;color:#fff;border-radius:12px;padding:8px 14px;border:3px solid #0e2440}.topbar .tb{font-size:16px;font-weight:700}.topbar .phase{font-size:22px;font-weight:900;letter-spacing:.04em}.topbar .warn{background:var(--warm);border-radius:999px;padding:2px 12px}.topbar .goal{color:#b9f0cd}.topbar .todo{margin-left:auto;color:#ffd9a8}.stage{position:relative}.cmd{margin-top:8px}.win{background:#12294a;color:#fff;border:4px solid #fff;border-radius:12px;box-shadow:0 0 0 4px #12294a,0 8px 24px #00000059;padding:10px 14px 12px}.win-title{font-size:19px;font-weight:900;margin-bottom:6px;color:#ffe6a8}.win-title.small{font-size:15px;margin-top:12px}.win-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.win-item{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;color:#fff;cursor:pointer;font-size:20px;font-weight:700;text-align:left;padding:10px 8px;min-height:56px;border-radius:8px}.win-item .cur{width:20px;color:#ffd34d}.win-item .ico{width:26px}.win-item.on{background:#ffffff29}.win-item:disabled{color:#8fa2b8;cursor:not-allowed}.win-item[data-locked]{color:#9db0c6}.win-item .lock{font-size:17px}.win-note.shout{color:#ffd34d;font-weight:800}.win-item.danger .txt{color:#ff9d9d}.win-note{margin-top:8px;border-top:2px solid rgba(255,255,255,.25);padding-top:6px;font-size:15px;color:#cfe0f2;min-height:21px}.error-win{background:#6b1f1f;font-size:17px;font-weight:700}.msg-body{font-size:20px;font-weight:700;line-height:1.6}.msg-body p{margin:2px 0}.msg-next{margin-top:8px;background:#ffd34d;color:#12294a;border:none;border-radius:10px;padding:8px 20px;font-size:19px;font-weight:900;cursor:pointer}.msg-next:disabled{background:#7d8794;color:#dfe5ea;cursor:not-allowed}.msg-next .tri{animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.statusbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--panel);border:3px solid var(--line);border-radius:12px;padding:8px 12px;font-size:17px;font-weight:700}.statusbar .who{color:#fff;border-radius:999px;padding:3px 14px;font-size:19px;font-weight:900}.statusbar .st{color:#3b3a33}.statusbar .bad{color:#b23b3b}.statusbar .menu-btn{margin-left:auto;background:#1b3a5c;color:#fff;border:none;border-radius:10px;padding:10px 22px;font-size:18px;font-weight:900;cursor:pointer}.menu-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#00000080;display:flex;align-items:center;justify-content:center;padding:16px}.menu{width:min(520px,100%)}.menu.wide{width:min(760px,100%)}.menu-body{max-height:62vh;overflow:auto}.menu-table{width:100%;border-collapse:collapse;font-size:17px}.menu-table th,.menu-table td{text-align:left;padding:5px 8px;border-bottom:1px solid rgba(255,255,255,.18)}.menu-table th{color:#ffe6a8;font-weight:700;white-space:nowrap}.menu-table tr.on{background:#ffffff1f}.menu-log{list-style:none;margin:0;padding:0;font-size:16px}.menu-log li{padding:4px 8px;border-left:5px solid transparent}.menu-log li.p0{border-color:var(--p0)}.menu-log li.p1{border-color:var(--p1)}.menu-log li.p2{border-color:var(--p2)}.menu-log li.p3{border-color:var(--p3)}.legend{list-style:none;display:flex;flex-wrap:wrap;gap:4px 12px;margin:0 0 6px;padding:0;font-size:14px;font-weight:700;color:#4a4335}.legend li{display:flex;align-items:center;gap:4px}.legend span{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:2px solid #a89d84;font-size:15px}.big:disabled{background:#b9c4cd;box-shadow:none;color:#eef2f6;cursor:not-allowed}.big:disabled:active{transform:none}.declares{list-style:none;margin:4px 0 10px;padding:0;font-size:16px}.declares li{padding:4px 8px;border-left:6px solid var(--line);margin-bottom:3px}.declares li.hit{border-color:var(--ok);background:#f0faf3}.declares li.miss{border-color:#c9c2b2;background:#f7f5ef}.declares span{margin-left:8px;font-weight:800}.pick{font:inherit;font-size:17px;font-weight:700;cursor:pointer;background:#fff;color:var(--ink);border:3px solid var(--line);border-radius:12px;padding:12px 18px;min-height:48px}.pick.on{background:var(--accent);color:#fff;border-color:var(--accent)}.jobline{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:6px;font-size:14px;font-weight:700;color:#4a4335}.lifeline{background:#f3efe4;border-left:6px solid var(--warm);border-radius:8px;padding:8px 12px;font-size:16px;font-weight:700;line-height:1.7}.feeling-tag{display:block;font-size:12px;font-weight:800;font-style:normal;letter-spacing:.04em;opacity:.75;margin-bottom:2px}.job-icon{margin-right:6px;font-size:20px}.map-pin.lit{border-color:var(--ok);border-width:3px;box-shadow:0 0 0 4px #3ca05a59}.map-pin.stop{border-color:var(--warm);border-width:3px}.map-pin rt{font-size:10px;opacity:.85}.area-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}