.iso-landscape-hint,.iso-fullscreen-toggle,.iso-fullscreen-help{--screen-bg:#10251bf2;--screen-ink:#efe0bc;--screen-copy:#c7c8b2;--screen-edge:#a58d5770;--screen-accent:#e4ce93;box-sizing:border-box;font-family:Inter,Arial,sans-serif}
.iso-landscape-hint{position:fixed;z-index:34;top:calc(clamp(176px,26dvh,236px) + env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));display:flex;align-items:flex-start;gap:13px;width:auto;max-width:360px;margin-inline:auto;padding:15px 16px 8px;border:1px solid var(--screen-edge);border-radius:3px 15px 3px 15px;background:var(--screen-bg);color:var(--screen-ink);box-shadow:0 8px 24px #03110938;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.iso-landscape-hint>svg{width:35px;height:30px;max-width:35px;flex:0 0 35px;color:var(--screen-accent);margin-top:2px;pointer-events:none}
.iso-landscape-hint>div{min-width:0}.iso-landscape-hint strong,.iso-fullscreen-help strong{font:400 16px/1.3 Georgia,serif;color:var(--screen-ink)}.iso-landscape-hint p,.iso-fullscreen-help p{margin:6px 0 5px;font:400 11px/1.5 Inter,Arial,sans-serif;color:var(--screen-copy);text-wrap:pretty}
.iso-landscape-actions{display:flex;align-items:center;flex-wrap:wrap;gap:0 18px}.iso-landscape-actions button,.iso-fullscreen-help button{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:7px 0;border:0;background:none;box-shadow:none;color:var(--screen-accent);font:400 11px/1.3 Inter,Arial,sans-serif;cursor:pointer;touch-action:manipulation}.iso-landscape-actions button[data-landscape-dismiss]{color:var(--screen-copy)}.iso-landscape-actions button:focus-visible,.iso-fullscreen-help button:focus-visible,.iso-fullscreen-toggle:focus-visible{outline:2px solid var(--screen-accent);outline-offset:3px}.iso-landscape-actions button:disabled,.iso-fullscreen-toggle:disabled{opacity:.6;cursor:progress}
.iso-fullscreen-toggle{position:fixed;z-index:34;left:calc(var(--iso-edge,25px) + 215px + env(safe-area-inset-left));bottom:calc(var(--iso-bottom,25px) - 4px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:7px 9px;border:0;border-radius:4px;background:radial-gradient(ellipse,#0b1f1799,transparent 74%);color:var(--screen-ink);font-size:10px;line-height:1.3;text-shadow:0 1px 3px #0008;cursor:pointer;touch-action:manipulation;pointer-events:auto}
.iso-fullscreen-toggle svg{width:21px;height:21px;flex:0 0 21px;pointer-events:none}.iso-fullscreen-toggle span{white-space:nowrap;pointer-events:none}
.iso-fullscreen-help{position:fixed;z-index:36;left:calc(18px + env(safe-area-inset-left));bottom:calc(76px + env(safe-area-inset-bottom));width:330px;max-width:calc(100vw - 36px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100dvh - 104px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;padding:17px 18px 8px;border:1px solid var(--screen-edge);border-radius:3px 15px 3px 15px;background:var(--screen-bg);color:var(--screen-ink);box-shadow:0 8px 24px #03110938;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.iso-landscape-hint[hidden],.iso-fullscreen-toggle[hidden],.iso-fullscreen-help[hidden],body:not(.is-exploring) :is(.iso-landscape-hint,.iso-fullscreen-toggle,.iso-fullscreen-help),body.is-panel-open :is(.iso-landscape-hint,.iso-fullscreen-toggle,.iso-fullscreen-help),body:has(dialog[open]) :is(.iso-landscape-hint,.iso-fullscreen-toggle,.iso-fullscreen-help),body:has(.iso-journal-menu[open]) :is(.iso-landscape-hint,.iso-fullscreen-toggle,.iso-fullscreen-help){display:none}
[data-theme="light"] :is(.iso-landscape-hint,.iso-fullscreen-toggle,.iso-fullscreen-help){--screen-bg:#f6f0e4f5;--screen-ink:#203c2e;--screen-copy:#485c49;--screen-edge:#76876570;--screen-accent:#48633b}
[data-theme="light"] .iso-fullscreen-toggle{background:radial-gradient(ellipse,#f6f0e4b3,transparent 74%);text-shadow:none}
@media(orientation:landscape),(min-width:901px){.iso-landscape-hint{display:none}}
@media(max-width:740px){.iso-fullscreen-toggle{left:calc(220px + env(safe-area-inset-left));padding:8px;font-size:9px}}
@media(orientation:portrait) and (max-width:480px){.iso-fullscreen-toggle{left:calc(216px + env(safe-area-inset-left))}.iso-fullscreen-toggle span{display:none}}
@media(orientation:landscape) and (max-height:540px){.iso-fullscreen-toggle{left:calc(202px + env(safe-area-inset-left));bottom:calc(4px + env(safe-area-inset-bottom));min-height:44px;font-size:9px}.iso-fullscreen-help{bottom:calc(56px + env(safe-area-inset-bottom));max-height:calc(100dvh - 74px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}