/* A brighter illustrated adventure frame around the live, articulated world. */
html #crRoot{--cr-cream:#fff7df;--cr-gold:#dfbd6f;--cr-ink:#f7f0dc}

html #crRoot .cr-field{background:#f2ebd7;color:#2d4654}

html #crRoot .cr-field-head{background:linear-gradient(115deg,#faf7e8,#e3eddf);border-color:#c9c9a7}

html #crRoot .cr-field-head h2{color:#334e5a}

html #crRoot .cr-field-head p,html #crRoot .cr-field-mission p{color:#557064}

html #crRoot .cr-field-viewport{position:relative;isolation:isolate;overflow:hidden;background:#c7dfde;border-color:#adbb98;min-height:410px}

html #crRoot #crFieldCanvas{display:block;width:100%;height:clamp(410px,57vw,610px);touch-action:none;outline:none}

html #crRoot .cr-field-footer{background:#f5efd9;border-color:#c9c6a7}
html #crRoot .cr-field-party .cr-party-card{color:var(--cr-ink)}

html #crRoot .cr-field-mission span{color:#9b7744}

html #crRoot .cr-field-mission small{color:#7c8c77}

html #crRoot .cr-field-pad button{color:#395751;background:linear-gradient(#fffbe9,#e7e5ca);border-color:#b3c4a7}

html #crRoot .cr-world-loading{position:absolute;z-index:5;inset:0;display:grid;place-items:center;color:#35544f;background:#e6efdc;font-size:.85rem;font-weight:800}

html #crRoot .cr-world-loading[hidden]{display:none}

html #crRoot .cr-field-viewport canvas.cr-world-minimap{position:absolute;inset:auto;top:13px;right:13px;z-index:2;width:120px;height:72px;border:4px solid #fff6df;border-radius:5px;box-shadow:0 3px 12px #294e5438;pointer-events:none}

html #crRoot .cr-field-compass{left:15px;right:auto;top:12px;color:#536d65;text-shadow:0 1px #fff7d9}

html #crRoot .cr-world-stick,html #crRoot .cr-world-run{position:absolute;z-index:3;bottom:18px;display:none;touch-action:none;user-select:none;-webkit-user-select:none}

html #crRoot .cr-world-stick{left:18px;width:104px;height:104px;border-radius:50%;border:2px solid #fff9e9a6;background:#ffffff28;box-shadow:inset 0 0 20px #456b5830}

html #crRoot .cr-world-stick span{position:absolute;inset:16px;border:1px solid #fff9e955;border-radius:50%}

html #crRoot .cr-world-stick i{position:absolute;left:50%;top:50%;width:45px;height:45px;transform:translate(-50%,-50%);border:2px solid #fff9e9c0;border-radius:50%;background:#f9f2d7c7;box-shadow:0 3px 8px #29463a30}

html #crRoot .cr-world-run{right:20px;width:66px;height:66px;border:2px solid #fff5d7bd;border-radius:50%;background:#f6e4ada6;color:#395b52;font-weight:900;box-shadow:0 3px 10px #335b4420}

html #crRoot .cr-world-run.is-held{background:#fff3c6}

html #crRoot .cr-selected-portrait img,html #crRoot .cr-title-hero{object-fit:contain!important;filter:drop-shadow(0 12px 16px #172d3b35)}

html #crRoot .cr-hero-card img{object-fit:contain!important;object-position:center 35%!important}

html #crRoot .cr-party-slot img,html #crRoot .cr-party-card img,html #crRoot .cr-loadout-hero img{object-fit:contain!important}

html #crRoot .cr-battle-hero img{object-fit:contain!important}
@media(max-width:700px),(pointer:coarse){

html #crRoot .cr-world-stick,html #crRoot .cr-world-run{display:block}

html #crRoot .cr-field-viewport canvas.cr-world-minimap{width:95px;height:57px;top:10px;right:10px}

html #crRoot .cr-field-viewport{min-height:410px}

html #crRoot #crFieldCanvas{height:450px}

html #crRoot .cr-field-pad{display:none}

html #crRoot .cr-field-footer{padding:12px}

html #crRoot .cr-field-mission small{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){

html #crRoot .cr-world-stick i{transition:none}}

html #crRoot .cr-topbar{background:linear-gradient(110deg,#fbf4df,#e3ead8);border-color:#c8bc91;color:#39584e}html #crRoot .cr-brand b{color:#335650}html #crRoot .cr-brand small{color:#819083}html #crRoot .cr-journey-meta{color:#65786b}html #crRoot .cr-journey-meta b{color:#3c6857}html #crRoot .cr-quick button,html #crRoot .cr-field-head .cr-secondary{background:#e8ead5;border-color:#b9c5a6;color:#3e6658}html #crRoot .cr-hero-card{background:linear-gradient(#e2ebd6,#b4c8b4)}


html #crRoot .cr-topbar{backdrop-filter:none}
html #crRoot #crFieldCanvas[data-compatibility="2d"]{height:auto;aspect-ratio:5/3}
@media(max-width:600px){html #crRoot .cr-field-head .cr-secondary{white-space:nowrap;padding:12px 14px;min-width:96px}}