#peru-root[hidden],#peru-paused[hidden]{display:none!important}#peru-root{position:absolute;inset:0;z-index:15;background:#173e49;color:#f5ead1;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 12px) 12px calc(env(safe-area-inset-bottom,0px) + 12px);font:14px/1.6 system-ui;gap:8px}#peru-root .peru-header{position:static;display:flex;flex-wrap:wrap;gap:6px;background:transparent;padding:0;flex-shrink:0}#peru-root .peru-header>div{flex:1 1 100%;display:flex;align-items:baseline;gap:10px}#peru-root h1{font-size:18px;margin:0;color:#f1dca5}#peru-root small{font-size:10px;color:#a9cfcc}#peru-root button{min-height:48px;min-width:44px;padding:10px 12px;font:13px/1.5 system-ui;white-space:pre-line;background:#2d5962;color:#f9edcf;border:1px solid #b2c9a6;touch-action:manipulation}#peru-root button[aria-pressed=true]{background:#b5cebb;color:#173e49;outline:2px solid #f3d287}#peru-root button:disabled{opacity:.5}#peru-root .peru-header button{flex:1;padding:6px;font-size:11px}.peru-scroll{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}#peru-canvas{display:block;width:100%!important;height:auto!important;aspect-ratio:36/23;image-rendering:pixelated;border:1px solid #8eaa9f;background:#adc5bc}#peru-step{font-size:11px;margin:0 0 6px;color:#aecfca}#peru-body{display:grid;gap:9px;padding-bottom:8px}#peru-body p{margin:3px 0}#peru-body .hint{font-size:12px;color:#b4d0ca}#peru-body .peru-translation{color:#bed5cc;font-size:13px}#peru-message{font-size:13px;color:#f1d68f;min-height:0}#peru-message:empty{display:none}.peru-pairs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.peru-pairs button{min-height:65px!important}#peru-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}#peru-controls:empty{display:none}.peru-pad{display:grid;grid-template-columns:repeat(3,50px);grid-template-rows:50px 50px;gap:5px}#peru-move-up{grid-column:2}#peru-move-left{grid-column:1;grid-row:2}#peru-move-down{grid-column:2;grid-row:2}#peru-move-right{grid-column:3;grid-row:2}.peru-pad button{font-size:22px!important;touch-action:none!important}#peru-paused{position:absolute;inset:0;background:#102e40ed;display:grid;place-items:center;padding:18px;z-index:2}#peru-paused article{width:100%;max-width:360px;background:#254c55;padding:20px;border:1px solid #d0ba82;border-radius:12px}#peru-paused button{display:block;width:100%;margin:10px 0}.peru-mode #dev-test-mode,.peru-mode #panel-navigation{display:none!important}@media(max-height:550px){#peru-canvas{max-height:28svh;object-fit:contain}.peru-pad{grid-template-columns:repeat(3,48px);grid-template-rows:48px 48px}#peru-root{font-size:13px}}@media(prefers-reduced-motion:reduce){#peru-root *{scroll-behavior:auto;transition:none}}
#peru-root[data-era=history] #peru-canvas{filter:sepia(.65) saturate(.6)}
.peru-mode #story-replay-exit{display:none!important}

#peru-root .peru-scripture-reference{font-size:22px;color:#f1dca5;margin:12px 0}#peru-root .peru-ending-label{font-size:12px;color:#b4d0ca}#peru-root .chapter-journal-part{border-top:1px solid #b4d0ca44;padding:10px 0}#peru-root .chapter-journal-part h3{font-size:14px;color:#f1dca5;margin:4px 0}#peru-root .chapter-journal-part small{font-size:11px;color:#b4d0ca}
