*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eae0cf;background:#020b0c}button,select{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.screen{min-height:100svh;position:relative;overflow:hidden;background:linear-gradient(#0c0d0f85,#0c0d0fc2),radial-gradient(circle at 25% 20%,#35414a,transparent 34%),linear-gradient(135deg,#101418,#251f24 55%,#172327)}.shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#04050861;pointer-events:none}.panel,.story-panel,.tab-panel{position:relative;z-index:1;margin:0 auto;width:min(100% - 28px,720px);background:#0f1216d1;border:1px solid rgba(255,255,255,.14);border-radius:8px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.start-screen{display:grid;place-items:center;padding:20px 0;position:relative;overflow:hidden;background:linear-gradient(180deg,#12110e3d,#0a0e0fe0),radial-gradient(ellipse at 50% 8%,rgba(173,123,56,.28),transparent 46%),linear-gradient(135deg,#2b1f0e,#020f11 46%,#18030d)}.start-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(233,211,164,.035) 1px,transparent 1px),linear-gradient(0deg,rgba(233,211,164,.025) 1px,transparent 1px),repeating-linear-gradient(118deg,transparent 0 36px,rgba(12,41,39,.18) 37px,transparent 39px);background-size:72px 72px,72px 72px,auto;mix-blend-mode:soft-light}.start-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,9,11,.72),transparent 18%,transparent 82%,rgba(5,9,11,.72)),linear-gradient(0deg,rgba(4,7,8,.76),transparent 24%,transparent 76%,rgba(4,7,8,.82))}.start-fog{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 18% 28%,rgba(86,120,93,.16) 0%,transparent 46%),radial-gradient(ellipse at 74% 66%,rgba(128,50,62,.13) 0%,transparent 42%),radial-gradient(ellipse at 50% 82%,rgba(189,147,75,.1) 0%,transparent 48%);animation:fogDrift 20s ease-in-out infinite}.start-fog-2{animation-delay:-10s;animation-duration:25s;opacity:.7}.start-ward-map{position:absolute;width:min(76vmin,620px);aspect-ratio:1;pointer-events:none;z-index:0;border-radius:50%;opacity:.26;background:repeating-conic-gradient(from 18deg,rgba(216,184,119,.28) 0deg 1deg,transparent 1deg 18deg),radial-gradient(circle,transparent 0 30%,rgba(216,184,119,.28) 30.3% 30.8%,transparent 31.2% 47%,rgba(65,132,112,.25) 47.3% 48%,transparent 48.3% 63%,rgba(216,184,119,.2) 63.3% 64%,transparent 64.5%);transform:translateY(-3%) rotate(-9deg);filter:sepia(.3)}@keyframes fogDrift{0%,to{transform:translate(0) scale(1)}25%{transform:translate(2%,-1%) scale(1.02)}50%{transform:translate(-1%,1.5%) scale(.98)}75%{transform:translate(1.5%,-.5%) scale(1.01)}}.start-runes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.rune{position:absolute;font-size:42px;color:#d5b97e29;font-family:Georgia,serif}.rune-tl{top:18px;left:22px}.rune-tr{top:18px;right:22px}.rune-bl{bottom:18px;left:22px}.rune-br{bottom:18px;right:22px}.gaslamp-glow{position:absolute;width:220px;height:60vh;border-radius:0;pointer-events:none;z-index:0;filter:blur(26px);opacity:.68}.gaslamp-left{top:-8%;left:-70px;transform:rotate(-14deg);background:linear-gradient(90deg,rgba(212,151,65,.18),rgba(212,151,65,.06),transparent)}.gaslamp-right{top:-5%;right:-92px;transform:rotate(12deg);background:linear-gradient(270deg,rgba(66,133,117,.16),rgba(66,133,117,.05),transparent)}.start-panel{padding:26px 22px;display:grid;gap:16px;position:relative;z-index:1;background:linear-gradient(180deg,#34281eeb,#191f1ef0),repeating-linear-gradient(96deg,rgba(238,211,163,.035) 0 2px,transparent 2px 8px);border:1px solid rgba(213,181,117,.32);border-radius:10px;box-shadow:0 24px 70px #0308097a,0 0 0 1px #0c2d2838,inset 0 1px #efdab114}.start-panel:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(213,181,117,.16);border-radius:6px;pointer-events:none}.start-header{text-align:center;display:grid;gap:6px}.start-subtitle{margin:0;font-size:11px;color:#b9aa7e;letter-spacing:.15em;text-transform:uppercase}.start-title{margin:0;font-size:32px;font-weight:900;font-family:Georgia,Times New Roman,serif;color:#e2c792;text-shadow:0 2px 20px rgba(9,38,34,.44),0 0 24px rgba(191,134,62,.16);letter-spacing:.04em}.start-epigraph{margin:0;font-size:12px;color:#a29780;font-style:italic;line-height:1.5}.start-form{display:grid;gap:12px}.visual-picker,.compact-picker{position:relative;display:grid;gap:8px}.picker-trigger,.compact-trigger{position:relative;width:100%;border:1px solid rgba(207,174,109,.28);border-radius:8px;color:#e7ddca;background:linear-gradient(135deg,#ebc77e14,#2f72601a),#0f17166b;padding:12px;text-align:left;cursor:pointer;font:inherit;transition:border-color .18s,box-shadow .18s,transform .18s}.picker-trigger:after,.compact-trigger:after{content:"";position:absolute;right:18px;top:31px;width:9px;height:9px;border-right:2px solid rgba(221,185,112,.88);border-bottom:2px solid rgba(221,185,112,.88);transform:rotate(45deg);transition:transform .18s}.picker-trigger[aria-expanded=true]:after,.compact-trigger[aria-expanded=true]:after{transform:rotate(225deg) translate(-2px,-2px)}.picker-trigger:hover,.compact-trigger:hover{border-color:#57ad8880;box-shadow:0 0 0 3px #32786424}.picker-trigger-main{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:12px;align-items:center;margin-top:8px}.picker-trigger-main strong,.compact-trigger-main strong,.option-copy strong,.compact-option strong{display:block;color:#eddcbb;font-size:18px;line-height:1.2}.picker-trigger-main small,.compact-trigger-main small,.option-copy small,.compact-option small{display:block;margin-top:5px;color:#aea48c;font-size:12px;line-height:1.45}.picker-trigger-main img{width:96px;height:70px;object-fit:cover;border-radius:6px;border:1px solid rgba(224,191,120,.16);filter:grayscale(.82) sepia(.3) contrast(1.2) brightness(.72)}.picker-grid{display:grid;gap:10px;padding:10px;border-radius:8px;border:1px solid rgba(207,174,109,.18);background:linear-gradient(180deg,#261f18e0,#0b1817eb),repeating-linear-gradient(96deg,rgba(238,211,163,.03) 0 2px,transparent 2px 9px);box-shadow:inset 0 1px #eed3a30d}.visual-grid,.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-option{position:relative;min-height:144px;overflow:hidden;padding:12px;border:1px solid rgba(214,176,101,.2);border-radius:8px;text-align:left;cursor:pointer;font:inherit;color:#e7ddca;background:#0d1716b8;transition:transform .16s,border-color .16s,box-shadow .16s}.visual-option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--option-bg, linear-gradient(135deg, rgba(65, 132, 112, .24), rgba(110, 70, 42, .2)))}.visual-option:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 72% 30%,transparent 0 22%,rgba(3,8,8,.44) 56%),linear-gradient(90deg,#040808e6,#0408083d 68%,#04080814)}.visual-option img{position:absolute;right:-8px;bottom:-10px;width:58%;height:122%;object-fit:cover;filter:grayscale(.92) sepia(.34) contrast(1.28) brightness(.66);opacity:.82;transform:scale(1.04)}.district-option img{right:-18px;width:68%;filter:grayscale(.78) sepia(.3) contrast(1.2) brightness(.7)}.option-copy{position:relative;z-index:1;display:block;max-width:66%}.visual-option.selected,.compact-option.selected{border-color:#e8c67eb8;box-shadow:0 0 0 2px #52a8842e,0 12px 26px #0008083d}.visual-option:hover,.compact-option:hover{transform:translateY(-1px);border-color:#58ae898a}.compact-trigger-main,.compact-option{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;margin-top:8px}.compact-option{min-height:86px;margin:0;padding:11px;border:1px solid rgba(207,174,109,.18);border-radius:8px;text-align:left;cursor:pointer;font:inherit;color:#e7ddca;background:var(--option-bg, rgba(13, 23, 22, .72));transition:transform .16s,border-color .16s,box-shadow .16s}.option-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:6px;color:#e7cea1;background:#060e0e52;border:1px solid rgba(225,190,117,.18);font-weight:800}.option-icon svg{width:22px;height:22px;display:block;filter:drop-shadow(0 1px 6px rgba(5,12,12,.45))}.option-bookshop{--option-bg: linear-gradient(135deg, rgba(116, 89, 46, .42), rgba(18, 68, 58, .34))}.option-press{--option-bg: linear-gradient(135deg, rgba(82, 85, 76, .38), rgba(20, 76, 72, .34))}.option-dockhand{--option-bg: linear-gradient(135deg, rgba(24, 88, 83, .46), rgba(60, 42, 28, .28))}.option-law{--option-bg: linear-gradient(135deg, rgba(130, 91, 40, .42), rgba(62, 26, 36, .28))}.option-clinic{--option-bg: linear-gradient(135deg, rgba(44, 102, 79, .4), rgba(95, 84, 55, .26))}.option-soldier{--option-bg: linear-gradient(135deg, rgba(92, 65, 44, .42), rgba(86, 34, 34, .32))}.option-bridge{--option-bg: linear-gradient(135deg, rgba(60, 92, 83, .44), rgba(113, 86, 43, .24))}.option-east{--option-bg: linear-gradient(135deg, rgba(87, 35, 39, .44), rgba(38, 58, 50, .28))}.option-queens{--option-bg: linear-gradient(135deg, rgba(140, 103, 44, .42), rgba(42, 69, 60, .24))}.option-docks{--option-bg: linear-gradient(135deg, rgba(18, 91, 87, .48), rgba(28, 46, 58, .3))}.option-cherwood{--option-bg: linear-gradient(135deg, rgba(111, 78, 43, .38), rgba(31, 80, 68, .25))}.option-script{--option-bg: linear-gradient(135deg, rgba(106, 80, 43, .4), rgba(26, 76, 65, .24))}.option-watch{--option-bg: linear-gradient(135deg, rgba(48, 82, 84, .42), rgba(80, 46, 72, .22))}.option-street{--option-bg: linear-gradient(135deg, rgba(84, 42, 38, .42), rgba(29, 68, 59, .24))}.option-medicine{--option-bg: linear-gradient(135deg, rgba(34, 101, 72, .42), rgba(101, 85, 50, .22))}.option-combat{--option-bg: linear-gradient(135deg, rgba(101, 47, 42, .42), rgba(84, 72, 44, .22))}.option-spirit{--option-bg: linear-gradient(135deg, rgba(40, 88, 82, .42), rgba(57, 44, 88, .28))}.option-cautious{--option-bg: linear-gradient(135deg, rgba(57, 88, 70, .42), rgba(91, 78, 45, .22))}.option-reckless{--option-bg: linear-gradient(135deg, rgba(116, 54, 37, .46), rgba(84, 45, 38, .24))}.option-smooth{--option-bg: linear-gradient(135deg, rgba(119, 89, 43, .42), rgba(46, 86, 74, .22))}.option-stubborn{--option-bg: linear-gradient(135deg, rgba(82, 44, 57, .42), rgba(33, 82, 73, .24))}.start-pick-card{position:relative;display:grid;gap:10px;padding:11px;border:1px solid rgba(203,164,94,.18);border-radius:8px;background:linear-gradient(135deg,#efcf900e,#30695916),#0912123d}.pick-card-visual{grid-template-columns:minmax(0,1fr) 132px;align-items:stretch}.choice-silhouette{position:relative;min-height:112px;margin:0;overflow:hidden;border-radius:7px;border:1px solid rgba(220,188,121,.18);background:linear-gradient(180deg,#0710101f,#050909c7),#001914}.choice-silhouette img{display:block;width:100%;height:100%;min-height:112px;object-fit:cover;filter:grayscale(.95) sepia(.42) contrast(1.25) brightness(.62);mix-blend-mode:luminosity;transform:scale(1.03)}.choice-silhouette:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 24%,rgba(4,8,8,.72)),radial-gradient(ellipse at 50% 25%,transparent 0 36%,rgba(14,50,45,.48) 72%);pointer-events:none}.choice-silhouette figcaption{position:absolute;z-index:1;left:8px;right:8px;bottom:7px;margin:0;color:#cec3aa;font-size:11px;line-height:1.35;text-shadow:0 1px 8px rgba(0,0,0,.7)}.district-silhouette img{filter:grayscale(.75) sepia(.36) contrast(1.2) brightness(.7)}.pick-note{margin:0;min-height:30px;padding:8px 10px;border-radius:6px;color:#bbb099;background:#060e0e47;border:1px solid rgba(92,174,143,.18);font-size:12px;line-height:1.45}.start-label{display:grid;gap:6px}.label-text{font-size:12px;color:#b4aa8f;letter-spacing:.06em;font-weight:600}.start-label select{width:100%;min-height:46px;border-radius:8px;border:1px solid rgba(207,174,109,.34);color:#e7ddca;background-color:#2c1f0d;padding:0 12px;font-size:15px;transition:border-color .2s}.start-label select:focus{outline:none;border-color:#5cae8f9e;box-shadow:0 0 0 3px #45857338,0 0 18px #be833f24}.start-btn{margin-top:4px;font-size:17px;font-weight:700;letter-spacing:.06em;color:#140e06;background:linear-gradient(135deg,#d9af75,#b36f58);box-shadow:0 12px 34px #5f301b52,0 0 0 1px #f9da992e inset;transition:box-shadow .2s,transform .15s}@media(max-width:520px){.visual-grid,.compact-grid{grid-template-columns:1fr}.picker-trigger-main{grid-template-columns:minmax(0,1fr) 82px}.picker-trigger-main img{width:82px;height:62px}.visual-option{min-height:72px;padding:9px 10px}.visual-option img{right:-4px;bottom:-6px;width:50%;height:112%}.district-option img{right:-10px;width:58%}.option-copy{max-width:62%}.option-copy strong{font-size:16px}.option-copy small{margin-top:3px;font-size:11px;line-height:1.35}.compact-option{min-height:58px;padding:8px 10px;grid-template-columns:34px minmax(0,1fr)}.compact-trigger-main{grid-template-columns:34px minmax(0,1fr)}.option-icon{width:34px;height:34px;font-size:14px}.pick-card-visual{grid-template-columns:1fr}.choice-silhouette,.choice-silhouette img{min-height:96px}}.start-btn:not(:disabled):hover{box-shadow:0 16px 42px #5f301b61,0 0 28px #428b7638;transform:translateY(-1px)}.legacy-banner{padding:12px 14px;border-radius:8px;background:#785aa01a;border:1px solid rgba(160,130,200,.25);display:flex;gap:10px;align-items:flex-start}.legacy-banner-icon{font-size:20px;color:#a080c0;flex-shrink:0;margin-top:1px}.legacy-banner-title{margin:0 0 6px;font-size:13px;font-weight:700;color:#b8a0d0}.legacy-banner-tags{display:flex;flex-wrap:wrap;gap:5px}.eyebrow{margin:0;color:#b9c7c5;font-size:12px;letter-spacing:0}h1{margin:0;font-size:28px;line-height:1.15}h2{margin:0 0 12px;font-size:18px}h3{margin:0 0 8px;font-size:14px;color:#b9c7c5}label{display:grid;gap:8px;color:#d8d4ca}select{width:100%;min-height:44px;border-radius:8px;border:1px solid rgba(207,174,109,.34);color:#e7ddca;background-color:#2c1f0d;padding:0 32px 0 12px;font-size:15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(135deg,#42857529,#87374114),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23d8bd83' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:0 0,right 12px center;background-size:auto,12px 8px;cursor:pointer}select:focus{outline:none;border-color:#5cae8f9e;box-shadow:0 0 0 3px #45857338,0 0 18px #be833f24}option{color:#eae0ce;background-color:#33230f}.primary{border:0;border-radius:8px;color:#151719;background:#d6c49a;min-height:48px;padding:12px 14px}.top-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(7,1fr);gap:1px;padding:6px 4px;background:#00000070;font-size:11px;text-align:center}.top-stats span{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 2px}.top-stats strong{font-size:15px;font-weight:700}.stat-danger strong{color:#e8836e}.stat-pollution strong{color:#b98ed9}.stat-sanity strong{color:#7eb8da}.stat-health strong{color:#8cc78c}.stat-money strong{color:#d6c49a}.stat-contacts strong{color:#c7b89e}.stat-occult strong{color:#c8a2d9}.story-panel{margin-top:18px;padding:18px;display:grid;gap:14px}.story-panel p{margin:0;line-height:1.8;color:#eee7d9}.illustration-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:4px 0}.illustration-item{margin:0;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#0000004d}.illustration-item img{display:block;width:100%;height:auto;max-height:200px;object-fit:cover}.illustration-item figcaption{padding:4px 8px;font-size:.72rem;color:#8a8098;text-align:center;background:#0000004d}.illustration-pathway img{max-height:120px;object-fit:contain;padding:8px}.illustration-sequence img{max-height:200px;object-fit:cover}.illustration-event img{max-height:160px;object-fit:cover}.event-illustration{margin:0;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.event-illustration img{display:block;width:100%;height:auto;max-height:240px;object-fit:cover}.narrative-body{padding:10px 14px;background:#ffffff0f;border-left:3px solid #b98ed9;border-radius:4px;font-style:italic;color:#d4cde0!important}.result-card{display:grid;gap:12px;padding:14px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(214,196,154,.22)}.result-summary,.next-direction{margin:0;line-height:1.7}.result-summary{color:#eee7d9}.next-direction{padding:10px 12px;border-radius:6px;color:#d6c49a;background:#d6c49a1a}.result-section{display:grid;gap:7px}.change-list,.reward-list{display:flex;flex-wrap:wrap;gap:7px}.change-list span,.reward-list span{padding:4px 9px;border-radius:12px;font-size:12px;font-weight:700}.change-pos{color:#dff4df;background:#8cc78c2e}.change-neg{color:#ffd7ce;background:#e8836e2e}.reward-list span{color:#f0d7ff;background:#b98ed933}.choices{display:grid;gap:10px}.choice-btn{display:grid;gap:6px;text-align:left;border:0;border-radius:8px;color:#151719;background:#d6c49af0;min-height:48px;padding:12px 14px;transition:background .15s}.choice-btn:not(:disabled):hover{background:#d6c49a}.choice-label{font-weight:600}.choice-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dice-badge{display:inline-block;padding:2px 8px;border-radius:12px;background:#00000040;color:#eee7d9;font-size:12px;font-weight:600}.risk-hint{color:#4f4433;font-size:13px}.last-roll-banner{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:6px;font-size:14px;flex-wrap:wrap}.last-roll-banner.outcome-criticalSuccess{background:#d4af3733;border:1px solid rgba(212,175,55,.4)}.last-roll-banner.outcome-success{background:#8cc78c26;border:1px solid rgba(140,199,140,.3)}.last-roll-banner.outcome-failure{background:#e8836e26;border:1px solid rgba(232,131,110,.3)}.last-roll-banner.outcome-criticalFailure{background:#b4282833;border:1px solid rgba(180,40,40,.4)}.last-roll-num{font-family:Courier New,monospace;font-weight:700}.last-roll-label{font-weight:700;margin-left:auto}.dice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 42%,rgba(24,75,65,.22),transparent 48%),linear-gradient(#05090ad1,#070808f0);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .15s ease}.dice-card{text-align:center;padding:28px 32px;border-radius:12px;background:linear-gradient(180deg,#2d261bf5,#0d1c1bfa),repeating-linear-gradient(112deg,rgba(227,194,126,.035) 0 2px,transparent 2px 9px);border:1px solid rgba(201,159,87,.32);min-width:280px;box-shadow:0 26px 82px #00090b99,0 0 42px #267a6224,inset 0 1px #ecd5a512}.dice-card.rolling{border-color:#549c7f61}.dice-card.outcome-criticalSuccess{border-color:#dfb86694;box-shadow:0 0 50px #c3823438,0 0 120px #36977324}.dice-card.outcome-success{border-color:#53a17e73}.dice-card.outcome-failure{border-color:#9a4e417a}.dice-card.outcome-criticalFailure{border-color:#94273094;box-shadow:0 0 50px #74182057,0 0 120px #1a5e512e}.dice-canvas-wrap{display:grid;gap:14px;justify-items:center}.d20-canvas{display:block;margin:0 auto;border-radius:10px}.dice-label{color:#a79f80;font-size:15px;margin:0;letter-spacing:.05em}.dice-result{display:grid;gap:0;justify-items:center}.d20-result{margin-bottom:8px}.result-reveal{opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}.result-reveal.visible{opacity:1;transform:translateY(0)}.result-number-wrap{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:4px}.result-number{font-size:72px;font-weight:900;font-family:Georgia,Times New Roman,serif;line-height:1;text-shadow:0 0 20px currentColor;transition:text-shadow .3s}.result-number.outcome-criticalSuccess{color:#eabc6c;text-shadow:0 0 30px rgba(226,182,86,.72),0 0 60px rgba(52,161,116,.26)}.result-number.outcome-success{color:#6fb78e;text-shadow:0 0 22px rgba(82,181,132,.58)}.result-number.outcome-failure{color:#cd8366;text-shadow:0 0 20px rgba(187,104,72,.58)}.result-number.outcome-criticalFailure{color:#b14e49;text-shadow:0 0 30px rgba(157,45,50,.78),0 0 60px rgba(34,122,99,.28)}.result-number.crit-pulse{animation:critPulse 1.2s ease-in-out infinite}.result-modifier{font-size:22px;color:#a69a80;font-family:Georgia,serif}.result-total-line{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}.result-total{font-size:22px;font-weight:700;color:#d7bd90;font-family:Georgia,serif}.result-vs{color:#9a927a;font-size:14px}.result-outcome{font-size:26px;font-weight:900;margin-bottom:6px;letter-spacing:.08em}.result-outcome.outcome-criticalSuccess{color:#eabc6c}.result-outcome.outcome-success{color:#6fb78e}.result-outcome.outcome-failure{color:#cd8366}.result-outcome.outcome-criticalFailure{color:#b14e49}.result-flavor{color:#8f856e;font-size:13px;margin:0 0 14px;font-style:italic}.dismiss-hint{color:#6c624d;font-size:12px;margin:0}@keyframes critPulse{0%,to{text-shadow:0 0 20px currentColor}50%{text-shadow:0 0 40px currentColor,0 0 80px currentColor}}.bottom-tabs{position:fixed;z-index:2;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);background:#090b0eeb;border-top:1px solid rgba(255,255,255,.12)}.bottom-tabs button{min-height:54px;border:0;color:#8b8578;background:transparent;font-size:13px;transition:color .15s}.bottom-tabs button.tab-active{color:#d6c49a;box-shadow:inset 0 -2px #d6c49a}.tab-panel{margin-top:18px;padding:18px}.stat-list{display:grid;gap:10px}.stat-row{display:grid;gap:4px}.stat-header{display:flex;justify-content:space-between;align-items:baseline}.stat-label{font-weight:600;font-size:14px}.stat-value{font-size:18px;font-weight:700}.stat-value.neg{color:#e8836e}.stat-desc{font-size:12px;color:#8b8578}.stat-bar-track{height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.stat-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#7eb8da,#8cc78c);transition:width .4s ease}.identity-weight{display:grid;gap:10px;margin-bottom:16px;padding:12px;border:1px solid rgba(214,196,154,.18);border-radius:8px;background:#070a0c61}.title-card{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.title-card span{color:#b9c7c5;font-size:12px}.title-card strong{color:#d6c49a;font-size:18px}.ability-list{display:flex;flex-wrap:wrap;gap:6px}.ability-list span{padding:4px 9px;border-radius:999px;background:#7eb8da29;color:#dcecff;font-size:12px;font-weight:700}.rumor-list{display:grid;gap:6px}.rumor-list p{margin:0;color:#d8d4ca;font-size:13px;line-height:1.5}.inventory-section+.inventory-section{margin-top:18px}.item-grid{display:grid;gap:10px}.item-card{position:relative;padding:12px 14px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.item-name{font-weight:600;font-size:14px}.item-qty{position:absolute;top:10px;right:12px;background:#d6c49a;color:#151719;padding:1px 7px;border-radius:10px;font-size:12px;font-weight:700}.item-desc{margin-top:4px;font-size:12px;color:#b9c7c5}.lead-list{display:grid;gap:10px}.lead-card{display:grid;gap:10px;padding:12px 14px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.lead-card.fit-high{border-color:#8cc78c66}.lead-card.fit-medium{border-color:#d6c49a61}.lead-card.fit-low{border-color:#e8836e57}.lead-card.fit-conflict{border-color:#b4282880}.lead-header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.lead-title{font-weight:700;font-size:15px}.lead-pathway{margin-top:2px;color:#b9c7c5;font-size:12px}.fit-badge{flex:0 0 auto;padding:3px 8px;border-radius:10px;color:#151719;background:#d6c49a;font-size:12px;font-weight:700}.lead-meta{display:flex;flex-wrap:wrap;gap:6px;color:#b9c7c5;font-size:12px}.lead-meta span{padding:2px 7px;border-radius:10px;background:#ffffff12}.lead-meta .polluted-mark{color:#f0d7ff;background:#b98ed93d}.lead-notes,.lead-fit-message{margin:0;color:#d8d4ca;font-size:13px;line-height:1.55}.lead-risk{display:flex;justify-content:space-between;align-items:center;min-height:28px;padding:6px 9px;border-radius:6px;background:#0003;color:#b9c7c5;font-size:12px}.lead-risk strong{color:#e8836e;font-size:15px}.lead-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.lead-actions button{min-height:36px;border:1px solid rgba(214,196,154,.28);border-radius:6px;background:#d6c49a1a;color:#f1e9d2;font-weight:700}.lead-actions button:not(:disabled):hover{background:#d6c49a2e;transform:translateY(-1px)}.tag-section{margin-bottom:14px}.tag-list{display:flex;gap:6px;flex-wrap:wrap}.tag-badge{display:inline-block;padding:3px 10px;border-radius:12px;background:#c8a2d933;color:#c8a2d9;font-size:12px;font-weight:600}.log-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.log-entry{padding:10px 12px;border-radius:6px;background:#ffffff0a;border-left:2px solid rgba(255,255,255,.1)}.log-turn{font-size:11px;color:#8b8578}.log-title{font-weight:600;margin-top:2px}.log-choice{color:#d6c49a;font-size:13px;margin-top:2px}.log-dice{font-size:12px;margin-top:3px;font-family:Courier New,monospace}.log-dice.outcome-criticalSuccess{color:#d4af37}.log-dice.outcome-success{color:#8cc78c}.log-dice.outcome-failure{color:#e8836e}.log-dice.outcome-criticalFailure{color:#b42828}.log-outcome{font-size:12px;color:#b9c7c5;margin-top:2px}.empty-hint{color:#8b8578;font-size:13px;text-align:center;padding:24px 0}.bg-bookshop-fog{background:linear-gradient(#0c0d0f73,#0c0d0fb8),url(/images/backgrounds/bookshop-fog.png) center/cover no-repeat}.bg-dock-fog{background:linear-gradient(#0c0d0f73,#0c0d0fb8),url(/images/backgrounds/dock-fog.png) center/cover no-repeat}.game-screen{padding-bottom:70px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ending-panel{margin-top:18px;padding:18px;display:grid;gap:16px}.ending-illustration{border-radius:8px;overflow:hidden;border:1px solid rgba(214,196,154,.2)}.ending-illustration img{display:block;width:100%;height:auto;max-height:200px;object-fit:cover}.ending-narrative{padding:14px;border-radius:8px;background:#d6c49a14;border:1px solid rgba(214,196,154,.18)}.ending-narrative p{margin:0;line-height:1.85;color:#eee7d9;font-size:15px}.ending-stats h3{margin:0 0 10px}.ending-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ending-stat{display:grid;gap:2px;padding:12px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);text-align:center}.ending-stat strong{font-size:24px;color:#d6c49a}.ending-stat span{font-size:12px;color:#8b8578}.legacy-section{display:grid;gap:10px;padding:14px;border-radius:8px;background:#b98ed90f;border:1px solid rgba(185,142,217,.2)}.legacy-section h3{color:#c8a2d9;margin:0}.legacy-intro{margin:0;font-size:13px;color:#b9c7c5}.legacy-group{display:grid;grid-template-columns:48px 1fr;gap:8px;align-items:start}.legacy-label{font-size:12px;color:#8b8578;padding-top:4px}.legacy-tags{display:flex;flex-wrap:wrap;gap:5px}.legacy-tag{padding:3px 8px;border-radius:10px;font-size:12px;font-weight:600}.legacy-tag.item-tag{color:#d6c49a;background:#d6c49a26}.legacy-tag.clue-tag{color:#c8a2d9;background:#c8a2d926}.legacy-tag.trait-tag{color:#8cc78c;background:#8cc78c1f}.legacy-tag.awakening-tag{color:#e8836e;background:#e8836e26;font-size:13px}.new-run-btn{margin-top:6px;width:100%;font-size:16px;font-weight:700}.epic-events-section{display:grid;gap:8px}.epic-events-section h3{margin:0;color:#c8a2d9}.epic-event-list{margin:0;padding:0;list-style:none;display:grid;gap:5px}.epic-event-item{padding:7px 10px;border-radius:6px;background:#c8a2d90f;border-left:2px solid rgba(200,162,217,.25);font-size:13px;color:#d4cde0;line-height:1.5}.epic-more{margin:0;font-size:12px;color:#6b5e82;font-style:italic}@media(max-width:819px){.top-stats{grid-template-columns:repeat(4,1fr)}.top-stats span:nth-child(n+5){border-top:1px solid rgba(255,255,255,.06)}}@media(min-width:820px){.game-screen{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;padding:24px;align-items:start}.top-stats{grid-column:2;grid-row:1;grid-template-columns:1fr;border-radius:8px;font-size:12px}.top-stats span{flex-direction:row;justify-content:space-between}.story-panel,.tab-panel{grid-column:1;grid-row:1;margin-top:0}.bottom-tabs{position:relative;grid-column:2;grid-row:1;align-self:end;border-radius:8px;overflow:hidden}}