/* Original drawings: preserve the pen strokes and show only the five supplied expressions. */
#paperCompanion[hidden],#paperPanel[hidden]{display:none!important}
#paperCompanion{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));z-index:70;color:#e7e6d4;pointer-events:none;font:12px/1.5 system-ui,sans-serif}
#paperHead{width:88px;border:0;background:transparent;padding:0;cursor:pointer;pointer-events:auto;color:#dddac7;filter:drop-shadow(0 4px 6px #0009)}
#paperHead svg{display:block;margin:0 auto;width:84px;height:84px;overflow:visible}
#paperHead>span{display:block;font:700 9px/1.6 monospace;letter-spacing:.05em;background:#13242bd9;border:1px solid #8a9c8a66;padding:2px}
#paperPanel{pointer-events:auto;position:absolute;top:2px;left:100px;width:min(355px,calc(100vw - 132px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;touch-action:pan-y;border:1px solid #91a79a80;border-radius:4px;background:#101e25f5;box-shadow:0 10px 40px #0009;padding:18px}
#paperPanel h2{font-size:18px;margin:0 0 3px;letter-spacing:.02em;color:#f0ebd8}
#paperPanel .paperKicker{font:10px/1.5 monospace;color:#99b6b0;letter-spacing:.08em;margin-bottom:12px}
#paperPanel p{margin:8px 0;font-size:12px;line-height:1.65}
#paperAnswer{border-left:2px solid #c5caaa;background:#d8dfce08;padding:10px 12px;min-height:72px;color:#e0e9dc}
#paperTranscript{color:#99b7b9;overflow-wrap:anywhere;max-height:80px;overflow:auto}
#paperStatus{font:9px/1.5 monospace;color:#b7c792;min-height:14px}
#paperQuestion{display:block;width:100%;box-sizing:border-box;background:#081319;border:1px solid #526c73;border-radius:2px;color:#e1ece6;padding:11px 10px;font:14px system-ui;margin:10px 0;touch-action:manipulation}
#paperPanel button,#paperPanel select{border:1px solid #5c7377;background:#20323b;color:#dee9e0;padding:9px 10px;font:11px system-ui;cursor:pointer;border-radius:2px;min-height:36px}
#paperPanel button:hover{background:#334b50;border-color:#a1b7a0}#paperPanel button:focus-visible,#paperHead:focus-visible,#paperQuestion:focus-visible{outline:2px solid #d7cf9d;outline-offset:3px}
#paperPanel button:disabled{opacity:.55;cursor:default}.paperRow{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.paperRow>*{flex:1}
#paperPanel .paperFine{font-size:10px;color:#9bafac;line-height:1.5}
#paperVoiceChoice{max-width:100%;width:100%;margin:5px 0}#paperClose{width:100%;background:#b9c8a6!important;color:#17272a!important;font-weight:bold!important;margin-top:10px}
.paperOption{border:1px solid #768f8760;border-left:3px solid #b9b99a;background:#15282cdb;padding:12px;margin:12px 0;max-width:475px}.paperOption p{font-size:11px;line-height:1.55;color:#b5c6bd;margin:7px 0 0}.paperOption button{width:100%;text-align:left}
.paperPresent #hud .hudTop>div:first-child{margin-left:106px}.paperPresent #micHudStatus{top:192px!important}.paperPresent #batteryHud{top:230px}
@media(max-width:600px){#paperHead{width:68px}#paperHead svg{width:68px;height:68px}#paperHead>span{font-size:8px}.paperPresent #hud .hudTop>div:first-child{margin-left:79px}#paperPanel{left:0;top:93px;width:min(355px,calc(100vw - 60px));max-height:calc(100dvh - 150px);padding:14px}.paperPresent #hud .hudLogo{font-size:24px}.paperPresent #hud .hudSub{font-size:7px}.paperPresent #hud .collect{gap:7px}.paperPresent #hud .collectItem{width:94px}}
#paperQuestion{-webkit-user-select:text;user-select:text}
@media(max-width:600px){.paperPresent #hud .hudLogo,.paperPresent #hud .hudSub{display:none}.paperPresent #hud .collect{margin-top:4px}.paperPresent #hud .actionRow{display:grid;grid-template-columns:repeat(3,36px);gap:4px}.paperPresent #hud .actionRow .mini{width:36px;min-width:36px;height:36px;min-height:36px;font-size:16px}.paperPresent #machinePanel{top:107px}.paperPresent #micHudStatus{top:219px!important;font-size:9px}.paperPresent #batteryHud{top:247px;max-width:186px;font-size:10px}.paperPresent #batteryHint{display:none}}
@media(max-height:500px){#paperPanel{top:0;left:83px;max-height:calc(100dvh - 26px)}.paperPresent #micHudStatus{display:none}.paperPresent #batteryHud{top:112px;max-width:150px;padding:4px 6px}.paperPresent #batteryHint{display:none}}
/* No redrawing or facial stretching: each state is an unmodified original frame. */
.paperDrawing{display:none}
#paperFace[data-emotion="normal"] .paper-normal,#paperFace[data-emotion="talking"] .paper-talking,#paperFace[data-emotion="worried"] .paper-worried,#paperFace[data-emotion="worriedTalking"] .paper-worriedTalking,#paperFace[data-emotion="burned"] .paper-burned{display:inline}
#paperHead:disabled{cursor:default;opacity:1}

#paperAnswer{white-space:pre-line}#paperHistory{border-top:1px solid #59707870;padding-top:10px;margin-top:12px;color:#9eb8ae;font-size:10px}#paperHistory summary{cursor:pointer;padding:8px 0}#paperHistoryItems{max-height:180px;overflow:auto;overscroll-behavior:contain}#paperHistoryItems p{white-space:pre-line;overflow-wrap:anywhere;color:#c5d6ce;font-size:11px}

.storyPlaying.paperPresent #storyHud{left:112px;width:min(470px,calc(100vw - 138px))}
@media(max-width:700px){.storyPlaying.paperPresent #storyHud{left:94px;top:12px;width:calc(100vw - 110px)}}
@media(max-height:500px){.storyPlaying.paperPresent #storyHud{left:100px;max-width:45vw}}
.storyPlaying.paperPresent #storyHud{transform:none;box-sizing:border-box}