@font-face{font-family:Caveat;src:url('./fonts/Caveat.ttf') format('truetype');font-weight:400 700;font-display:swap}
#game .jarda-dialog,#game .lift-dialog{width:min(400px,calc(100vw - 24px));max-height:92dvh;overflow:auto;box-sizing:border-box;padding:25px;text-align:center}
#game .jarda-dialog{border:8px solid #242925;border-radius:34px;background:linear-gradient(125deg,#42483e,#171d18);box-shadow:inset 0 0 0 2px #757966,0 25px 90px #000d}
.phone-speaker{height:8px;width:78px;margin:12px auto 18px;border-radius:9px;background:repeating-linear-gradient(90deg,#080c08 0 3px,#424b3e 3px 5px)}
#game .jarda-dialog h2{margin:8px 0;font-size:28px}
#game #jardaLine{background:#a5b18a;color:#182518;border:5px solid #111b12;border-radius:5px;padding:12px;font:15px/1.5 monospace;max-height:120px;overflow:auto;margin:12px 0;text-align:left}
#game #jardaVoiceStatus{display:block;margin:8px 0;font-size:12px}
#game .jarda-dialog form,#game .lift-dialog form{display:grid;gap:9px}
#game .jarda-dialog label,#game .lift-dialog label{font-size:14px}
#game #jardaCode,#game #liftCode{box-sizing:border-box;width:100%;height:58px;text-align:center;letter-spacing:.35em;padding:8px;font:700 32px/1 monospace;background:#a4b38c;color:#162310;border:4px solid #151d13;caret-color:transparent;border-radius:4px}
.tactile-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
#game .tactile-keypad button{min-height:51px;padding:8px;border-radius:9px;font:700 25px/1.1 Arial,sans-serif;color:#eee8d7;background:linear-gradient(#697063,#343c32);box-shadow:inset 0 1px #c5c8b0,0 4px #10170e;border:1px solid #8b927d;touch-action:manipulation}
#game .tactile-keypad button:active{transform:translateY(3px);box-shadow:inset 0 2px 5px #0008,0 1px #10170e}
#game #jardaError,#game #liftError{min-height:18px;margin:0;color:#ffd0a7;font-size:14px}
#game #jardaDone{width:100%;margin:12px 0;background:#6e322c}#game .jarda-dialog>small{font-size:12px;display:block}
#game .lift-dialog{border:7px ridge #74735c;background:repeating-linear-gradient(100deg,#bab88a08 0 1px,transparent 1px 5px),linear-gradient(135deg,#4c5040,#252b23);border-radius:6px}
#game .lift-dialog h2{font-size:29px;margin:16px 0 8px}#game .lift-dialog p{font-size:14px}
.direction-panel{background:#192119;border:1px solid #8c8869;padding:12px;margin:12px 0;display:grid;justify-items:center;gap:8px}
.direction-panel>span{font:12px var(--archive-font);letter-spacing:.1em}.direction-labels{display:flex;justify-content:space-between;width:100%;font-size:12px}
#game .direction-wheel{--turn:-45deg;position:relative;border-radius:50%;width:86px;height:86px;min-height:86px;background:radial-gradient(circle,#53594a 0 32%,#1c221c 34% 55%,#777e67 58% 62%,#242b21 66%);border:3px solid #969a7e;box-shadow:0 5px 8px #0008}
.direction-wheel span{position:absolute;left:37px;top:8px;width:7px;height:62px;background:#e2d4a5;border-radius:4px;transform:rotate(var(--turn));transition:transform .25s ease;box-shadow:2px 2px 4px #000}
#liftDirectionLabel{font:14px var(--display-font)}
#game .guestbook-dialog{width:min(980px,calc(100vw - 24px));max-height:92dvh;padding:12px;background:#422f22;border:3px solid #765338;border-radius:8px;box-shadow:0 30px 100px #000c;color:#392c21}
#game .guestbook-dialog>.close-dialog{float:none;display:block;margin:0 0 12px auto}
.book-spread{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:530px;border-radius:3px;overflow:hidden}
.book-page{box-sizing:border-box;padding:28px 30px;background:repeating-linear-gradient(0deg,transparent 0 31px,#aa987b35 31px 32px),#e6dcc0;min-width:0}
.book-history{background-color:#ded2b2;box-shadow:inset -22px 0 25px -24px #40250a;border-right:1px solid #9d8968}
.book-writing{box-shadow:inset 22px 0 25px -24px #40250a}
#game .guestbook-dialog h2{font:600 37px/1.1 Caveat,cursive;color:#463626;text-transform:none;margin:18px 0 24px;padding:0}
#game .guestbook-dialog .dialog-kicker,.book-date{color:#715b40;font:13px var(--archive-font)}
#game .guestbook-dialog form{gap:10px}
#game .guestbook-dialog label{font:14px var(--archive-font);color:#705b45;margin-top:14px}
#game .guestbook-dialog input,#game .guestbook-dialog textarea{background:transparent;border:0;border-bottom:1px solid #978365;border-radius:0;box-shadow:none;color:#243855;padding:3px 5px;font:500 29px/32px Caveat,cursive;letter-spacing:.015em;caret-color:#243855;resize:vertical}
#game .guestbook-dialog input::placeholder,#game .guestbook-dialog textarea::placeholder{color:#7e847c;opacity:.8}
#game .guestbook-dialog input:focus,#game .guestbook-dialog textarea:focus{outline:1px dashed #7b7762;outline-offset:4px}
#game .guestbook-dialog textarea{min-height:230px}
#game .guestbook-dialog article{border-color:#ab97734d;padding:12px 0}
#game .guestbook-dialog article strong,#game .guestbook-dialog article p{font:500 27px/1.2 Caveat,cursive;color:#243855;margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere}
#game .guestbook-dialog article time{font:12px var(--archive-font);color:#77644e}
#guestbookEntries{max-height:470px;overflow:auto;scrollbar-width:thin}
#game #guestbookStatus{font:500 24px/1.2 Caveat,cursive;color:#34503e}
#game .guestbook-dialog small{color:#715b40;font-size:13px}
@media(max-width:620px){.book-spread{grid-template-columns:1fr}.book-page{padding:22px}.book-writing{grid-row:1;box-shadow:inset 12px 0 15px -14px #40250a}.book-history{border-top:1px solid #9d8968;border-right:0}#guestbookEntries{max-height:300px}#game .guestbook-dialog{padding:8px}#game .jarda-dialog,#game .lift-dialog{padding:17px}.direction-panel{gap:5px;margin:8px 0;padding:9px}#game .lift-dialog h2{margin:10px 0}.tactile-keypad{gap:7px}#game .tactile-keypad button{min-height:47px}}
@media(prefers-reduced-motion:reduce){.direction-wheel span{transition:none}}

#game #jardaForm label,#game #liftForm label{margin:4px 0;font-size:13px}
#game #jardaVoiceStatus{margin:4px 0;min-height:16px}
#game .jarda-dialog>small{margin-top:5px;line-height:1.35}
#game .jarda-dialog{padding-top:13px;padding-bottom:13px}
#game #jardaLine{max-height:78px;margin:8px 0;padding:8px;font-size:14px;line-height:1.4}
#game .jarda-dialog h2{margin:5px 0}.phone-speaker{margin:7px auto 10px}
.direction-wheel span::before{content:'';position:absolute;top:1px;left:0;width:7px;height:12px;border-radius:3px;background:#d65d38}
@media(min-width:620px){#game .lift-dialog{width:560px}#game .lift-dialog[open]{display:grid;grid-template-columns:170px 1fr;column-gap:22px}#game .lift-dialog>.close-dialog,#game .lift-dialog>.dialog-kicker,#game .lift-dialog>h2,#game .lift-dialog>p{grid-column:1/-1}#game .lift-dialog>.close-dialog{justify-self:end}#game .lift-dialog .direction-panel{grid-column:1;align-self:start;margin-top:28px}#game .lift-dialog form{grid-column:2}#game .lift-dialog .direction-labels{font-size:10px;gap:5px}}
@media(max-height:760px){#game .jarda-dialog .tactile-keypad button{min-height:44px}#game .jarda-dialog .tactile-keypad{gap:6px}#game #jardaDone{margin:7px 0}#game .jarda-dialog{padding:12px 18px}#game .jarda-dialog h2{font-size:24px}#game #jardaLine{max-height:64px}}

#inspectClue{position:absolute;left:50%;bottom:27%;transform:translateX(-50%);max-width:calc(100vw - 32px);z-index:15;padding:14px 20px;font-size:14px;white-space:normal}
#game .clue-dialog{width:min(560px,calc(100vw - 28px));box-sizing:border-box;background:#c8bfa0;color:#322e23;border:7px solid #55523e;max-height:85dvh;overflow:auto}
#game .clue-dialog h2{color:#3d3727;font-size:28px;clear:both}
#game .clue-dialog .dialog-kicker{color:#62553b}
#game .clue-dialog p{color:#332f24;font:19px/1.8 var(--archive-font);white-space:pre-wrap}