/* Compact phone-first refinement of the existing game surfaces. */
.eyd-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:var(--ink-2);margin:2px 0 7px}
.eyd-help{border:0;background:transparent;color:var(--neoes-2);font:700 12px inherit;padding:7px 3px;min-height:32px;cursor:pointer}
.eyd-rules{font-size:12px;line-height:1.5;color:var(--ink);padding:9px 10px;border:1px solid var(--line);border-radius:8px;margin-bottom:7px;background:var(--card)}
.eyd-rules[hidden]{display:none}
.eyd-rule{font-weight:800;padding:1px 3px;border-radius:3px;color:#fff}
.eyd-rule.hit{background:#387a59}.eyd-rule.near{background:#9b7723}
.eyd-grid{overflow:visible;align-content:center;flex:1 1 270px;min-height:185px}
.eyd-cell.hit,.eyd-key.hit{background:#387a59;border-color:#387a59}
.eyd-cell.near,.eyd-key.near{background:#9b7723;border-color:#9b7723}
.eyd-cell.miss,.eyd-key.miss{background:#5e6b76;border-color:#5e6b76;opacity:1}
.eyd-key{min-width:0;max-width:38px;height:48px;font-size:16px;font-weight:800;touch-action:manipulation}
.eyd-key.wide{max-width:58px;font-size:10px}.eyd-krow{gap:4px;margin-bottom:5px}
.eyd-key:focus-visible,.eyd-help:focus-visible,.trv-opt:focus-visible{outline:3px solid var(--neoes-3);outline-offset:2px}
.eyd-legacy-practice{margin:0 0 5px;font-size:12px;padding:5px 8px}
.eyd-answer.eyd-unavailable{font-family:inherit;font-size:15px;letter-spacing:0;line-height:1.4}
.eyd-clockline{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:11px;color:var(--ink-2);margin:0 0 5px}.eyd-clockline b{font-variant-numeric:tabular-nums;font-size:14px;color:var(--ink)}
.eyd-ready{font-size:12px;text-align:center;color:var(--ink);flex:0 0 auto}.eyd-ready p{margin:3px 0 7px}.eyd-ready:empty{display:none}.eyd-ready .ar-navbtn{min-height:44px;width:100%;margin-bottom:6px}
.eyd-msg{min-height:19px;line-height:19px;color:var(--ink)}
.eyd-reveal{animation:eyd-turn .3s both;animation-delay:var(--reveal-delay,0ms)}
@keyframes eyd-turn{0%{transform:rotateX(70deg);filter:brightness(1.6)}100%{transform:rotateX(0);filter:brightness(1)}}
.trv{overflow-y:auto;display:block}.trv-top{display:flex}.trv-rule{color:var(--ink-2);font-size:11px;margin:8px 0}
.trv-track{display:flex;gap:6px}.trv-dot{height:25px;flex:1;display:grid;place-items:center;border-radius:5px;background:var(--neoes-4);color:var(--neoes-1);font-size:12px;font-weight:800}
.trv-dot.current{box-shadow:inset 0 -3px var(--neoes-2)}.trv-dot.correct{background:#387a59;color:#fff}.trv-dot.incorrect{background:#7c5260;color:#fff}
.trv-q{font-size:18px;text-align:left;line-height:1.42;margin:15px 0;min-height:0}
.trv-opts{overflow:visible;display:flex;gap:8px}.trv-opt{display:flex;align-items:center;gap:10px;min-height:54px;font-size:14px;line-height:1.35;box-shadow:none;touch-action:manipulation}
.trv-letter{display:grid;place-items:center;flex:0 0 24px;height:24px;border:1px solid currentColor;border-radius:5px;font-size:11px;opacity:.8}
.trv-opt:disabled{opacity:1}.trv-opt.right{background:#387a59;border-color:#387a59}.trv-opt.wrong{background:#8b4256;border-color:#8b4256}
.trv-feedback:empty{display:none}.trv-feedback{margin-top:12px;border-top:1px solid var(--line);padding:10px 0}
.trv-feedback-title{font-size:14px;font-weight:800;color:var(--ink)}.trv-feedback p,.trv-review p{font-size:13px;line-height:1.48;color:var(--ink-2);margin:5px 0 10px}
.trv-next{width:100%;min-height:44px;margin:0}.trv-result{padding:15px 0 8px}.trv-review{font-size:13px;margin:8px 0 16px;color:var(--ink)}
.trv-review summary{cursor:pointer;font-weight:700;padding:10px 0}.trv-review-item{border-top:1px solid var(--line);padding:10px 0}.trv-review-item b{display:block;line-height:1.4;margin-bottom:5px}
.trv-sources{font-size:11px}.trv-sources summary{color:var(--ink-2);padding:2px 0 5px;font-weight:600}.trv-sources a{display:block;color:var(--neoes-2);line-height:1.45;margin:3px 0;overflow-wrap:anywhere}html.dark .trv-sources a{color:#9dd3ee}
html.dark .eyd-help{color:#9dd3ee}html.dark .trv-dot{background:#22405c;color:#dce6f2}html.dark .trv-dot.correct{background:#387a59;color:#fff}html.dark .trv-dot.incorrect{background:#7c5260;color:#fff}
@media(max-height:700px){.eyd-grid{min-height:150px;flex-basis:190px}.eyd-key{height:44px}.eyd-tools{margin-bottom:3px}}
@media(prefers-reduced-motion:reduce){.eyd-reveal{animation:none}.trv-opt:active{transform:none}}

/* Fullscreen EyeDLE. Append after the compact word/trivia refinements. */
.gs-portal:has(.eyd-immersive){background:#082a2b url('game-art/eyedle-observatory.png') center/cover}
.gs-host:has(>.eyd-immersive){display:block;box-sizing:border-box;padding:0}
.eyd-stage-header{position:relative;top:auto;flex:none;padding:0;background:transparent;box-shadow:none;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;margin:0 0 10px}
.eyd-stage-brand{text-align:center;min-width:0;line-height:1.1}.eyd-stage-brand b{display:block;font-size:25px;letter-spacing:1.2px}.eyd-stage-sub{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:3px}.eyd-stage-logo{display:block;width:53px;height:auto;flex:none}.eyd-stage-mode{font-size:10px;letter-spacing:1px;text-transform:uppercase}
.eyd-orb{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:9px;border:1px solid #abebe580;border-radius:50%;background:linear-gradient(145deg,#438f94,#23535e);color:#f3fffb;box-shadow:inset 0 2px 0 #efffff40,0 3px 0 #041d26,0 5px 12px #0003;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.eyd-orb svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.eyd-info{font:900 24px Georgia,serif}.eyd-orb:active{transform:translateY(2px);box-shadow:inset 0 2px 0 #efffff40,0 1px 0 #041d26}
.eyd-playarea{display:flex;flex:1;flex-direction:column;min-height:0}.eyd-help-layer[hidden]{display:none}
.eyd-help-layer{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:16px;background:#061d25e8;backdrop-filter:blur(5px)}
.eyd-help-panel{box-sizing:border-box;max-width:400px;width:100%;max-height:100%;overflow:auto;padding:20px;border:1px solid #8ddece80;border-radius:24px;background:linear-gradient(#224d56,#102b38);color:#e8fcf6;box-shadow:0 16px 45px #0006}.eyd-help-panel:focus{outline:none}
.eyd-help-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.eyd-help-top h2{font-size:23px;margin:0;color:#fff0c2}.eyd-help-panel p{font-size:14px;line-height:1.65;margin:17px 0}.eyd-help-panel .eyd-rule{padding:3px 5px;display:inline-block;line-height:1.5;margin:3px 4px 3px 0}.eyd-help-panel .eyd-rule.miss{background:#536a74}
.eyd-answer-info{border-top:1px solid #8ddece80;margin-top:18px;padding-top:14px}.eyd-answer-info h3{font-size:16px;color:#fff0c2;margin:0}.eyd-answer-info p{margin:7px 0 0}
.eyd-orb:focus-visible,.eyd-immersive button:focus-visible{outline:3px solid #ffeaa5;outline-offset:3px}
.eyd-immersive{--eyd-stage-ink:#f0fffa;--eyd-stage-muted:#d1eae7;position:relative;isolation:isolate;box-sizing:border-box;width:100%;max-width:470px;height:100%;min-height:540px;margin:0 auto;padding:9px 14px 12px;background:linear-gradient(180deg,#03202994,#082c3278 48%,#06232ede);color:var(--eyd-stage-ink)}
.eyd-immersive *{box-sizing:border-box}.eyd-immersive .eyd-stage-brand b{font-family:'Cinzel',serif;color:#f7efcb;text-shadow:0 2px 4px #05202f}.eyd-immersive .eyd-stage-brand span{color:var(--eyd-stage-muted)}
.eyd-immersive .eyd-clockline{flex:none;min-height:27px;margin:0 3px 5px;font-size:12px;color:var(--eyd-stage-muted)}.eyd-immersive .eyd-hint{color:var(--eyd-stage-muted);font-size:12px}.eyd-immersive .eyd-clockline b{font-size:17px;color:#fff2c8;font-weight:800;letter-spacing:.5px;font-variant-numeric:tabular-nums}
.eyd-immersive .eyd-grid{flex:1 1 290px;min-height:0;gap:5px;overflow:visible;margin:2px 0 5px;align-content:center}
.eyd-immersive .eyd-cell{border:1px solid #efffff;border-bottom:3px solid #9dacb6;border-radius:9px;background:linear-gradient(145deg,#fcfff9,#dbeae7);color:#133642;box-shadow:inset 0 1px 0 #fff,0 3px 4px #03212860;opacity:1;font-size:calc(var(--cell,44px) * .49)}
.eyd-immersive .eyd-cell.filled{border-color:#ffedbb;border-bottom-color:#819da5;background:linear-gradient(145deg,#ffffe3,#e8f1dd)}
.eyd-immersive .eyd-cell.hit,.eyd-immersive .eyd-key.hit{background:#387a59;color:#fff;border-color:#70ba95;border-bottom-color:#265642;opacity:1}
.eyd-immersive .eyd-cell.near,.eyd-immersive .eyd-key.near{background:#9b7723;color:#fff;border-color:#d1b56e;border-bottom-color:#745716;opacity:1}
.eyd-immersive .eyd-cell.miss,.eyd-immersive .eyd-key.miss{background:#526872;color:#fff;border-color:#83959e;border-bottom-color:#354b56;opacity:1}
.eyd-immersive .eyd-msg{flex:none;min-height:24px;line-height:24px;margin:4px 0;color:#effbf4;font-size:12px;font-weight:600}
.eyd-msg.eyd-celebrate,.eyd-immersive .eyd-msg.eyd-celebrate{min-height:35px;line-height:1.15;margin:6px 0;color:#fff2bd;font-size:22px;font-weight:900}.eyd-victory{display:flex;align-items:center;justify-content:center;gap:8px}.eyd-victory-eye{width:35px;height:25px;fill:none;stroke:#a7ece1;stroke-width:2}.eyd-victory-eye:last-child{transform:scaleX(-1)}.eyd-victory-iris{fill:#62aeb6;stroke:#e6fbf1;stroke-width:1}.eyd-victory-pupil{fill:#153944;stroke:none}.eyd-victory-shine{fill:#fff9d2;stroke:none}
.eyd-immersive .eyd-keys{flex:none;margin:0 auto;width:100%;max-width:432px;padding:3px 0 0}.eyd-immersive .eyd-krow{gap:4px;margin-bottom:6px}
.eyd-immersive .eyd-key{flex:1 1 0;min-width:0;max-width:40px;height:48px;border:1px solid #deefee;border-bottom:3px solid #829da5;border-radius:8px;background:linear-gradient(145deg,#f6fffa,#c9e0dd);color:#183c46;font-family:inherit;font-weight:800;font-size:16px;box-shadow:0 2px 3px #001e3066;touch-action:manipulation}
.eyd-immersive .eyd-key.wide{flex:1.6 1 0;max-width:64px;font-size:10px;letter-spacing:.15px;background:linear-gradient(#64b4ae,#397b86);color:#fff;border-color:#a1e3db;border-bottom-color:#275969}.eyd-immersive .eyd-key:active{transform:translateY(1px);filter:brightness(1.12)}
.eyd-immersive .ar-navbtn{font-family:inherit;font-size:14px;font-weight:800;color:#103e42;background:linear-gradient(145deg,#e5f6b1,#83d4b0);border:1px solid #d2f1bc;border-radius:14px;min-height:46px;box-shadow:inset 0 1px 0 #fff7,0 3px 0 #285e5c;padding:10px 15px;cursor:pointer;touch-action:manipulation}
.eyd-immersive .eyd-ready:empty{display:none}.eyd-immersive .eyd-ready{margin:0;color:#e9fbf3}.eyd-immersive .eyd-ready .ar-navbtn{margin:3px 0 7px}
.eyd-immersive .eyd-legacy-practice{align-self:center;font-size:11px;min-height:36px;padding:6px 10px;margin:0 0 4px}
.eyd-immersive .eyd-after{color:#e9fbf3}.eyd-immersive .eyd-result{padding:5px 2px 7px}.eyd-immersive .eyd-answer{font-size:27px;color:#ffedc3}.eyd-immersive .eyd-answer.eyd-unavailable{font-size:16px;letter-spacing:0}
.eyd-result .eyd-scoreline{font-size:14px;line-height:1.5;margin:8px 0 10px}.eyd-result .eyd-scoreline b{font-size:28px;font-variant-numeric:tabular-nums}.eyd-immersive .eyd-result .eyd-scoreline{color:#ddf1e9}.eyd-immersive .eyd-result .eyd-scoreline b{color:#eaf6b5}
.eyd-immersive .eyd-bq{color:#fff0c2}.eyd-immersive .eyd-bopt{color:#153d47;background:#e5f4ed;min-height:44px}.eyd-immersive .eyd-bopt.right{background:#387a59;color:#fff}.eyd-immersive .eyd-bopt.wrong{background:#8b4256;color:#fff}
html.dark .eyd-immersive .eyd-cell:not(.hit):not(.near):not(.miss){color:#f0fff9;background:linear-gradient(145deg,#264e58,#173640);border-color:#5f8992;border-bottom-color:#0c2732}
html.dark .eyd-immersive .eyd-cell.filled{border-color:#d2dba4;background:linear-gradient(145deg,#385963,#24424c)}
html.dark .eyd-immersive .eyd-key:not(.hit):not(.near):not(.miss):not(.wide){color:#f0fffb;background:linear-gradient(145deg,#446b75,#294955);border-color:#79959d;border-bottom-color:#19303b}
@media(max-height:700px){.eyd-immersive{padding-top:5px;padding-bottom:8px}.eyd-immersive .eyd-stage-header{margin-bottom:5px;min-height:48px}.eyd-immersive .eyd-grid{flex-basis:250px}.eyd-immersive .eyd-key{height:44px}.eyd-immersive .eyd-msg{margin:2px 0;min-height:21px;line-height:21px}.eyd-immersive .eyd-krow{margin-bottom:5px}.eyd-immersive .eyd-learn{margin:5px 0}.eyd-help-panel{padding:16px}}
@media(max-width:365px){.eyd-immersive{padding-left:10px;padding-right:10px}.eyd-immersive .eyd-krow{gap:3px}.eyd-immersive .eyd-key{font-size:15px}.eyd-immersive .eyd-key.wide{font-size:9px}}
@media(prefers-reduced-motion:reduce){.eyd-immersive .eyd-reveal{animation:none}.eyd-immersive button{transition:none}}

/* Compact daily result feedback. The score remains in its existing score line. */
.ar-daily-finish{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;column-gap:8px;row-gap:3px;margin:7px 0 10px;font-size:13px;line-height:1.45;color:var(--ink)}
.ar-daily-finish b{font-weight:800}.ar-daily-finish span{font-size:11px;color:var(--ink-2)}
.ar-play-fun{display:block;min-height:44px;margin:5px auto 10px;touch-action:manipulation}
.eyd-immersive .ar-daily-finish{color:#edf8bd;margin:6px 0 8px}.eyd-immersive .ar-daily-finish span{color:#d1eae7}
.eyd-immersive .ar-play-fun{min-height:44px;margin:4px auto 9px}
@media(max-height:700px){.eyd-immersive .ar-daily-finish{margin:3px 0 5px;font-size:12px}.eyd-immersive .ar-play-fun{margin:3px auto 7px}}

/* Approved October 4 observatory. Scoped to current local 5×6 geometry;
   letters, mark states and hit targets are live above the empty AI artwork. */
.gs-portal:has(.eyd-observatory){background:#081725}
.gs-host:has(>.eyd-observatory){overflow:hidden}
.eyd.eyd-observatory{container-type:size;display:flex;flex-direction:column;max-width:470px;min-height:0;height:100%;padding:0;overflow:hidden;background:#081725 url('game-art/eyedle-observatory-frame-v1-field.webp') repeat;color:#f2e2bf}
.eyd-observatory>.eyd-stage-header{position:relative;display:block;flex:0 0 auto;height:27.43cqw;min-height:84px;max-height:129px;margin:0;padding:0;background:url('game-art/eyedle-observatory-frame-v1-header.webp') center bottom/100% auto no-repeat}
.eyd-observatory .eyd-stage-brand,.eyd-observatory .eyd-hint{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.eyd-observatory>.eyd-stage-header .eyd-orb{position:absolute;bottom:8%;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:none;color:#efdfbd;display:grid;place-items:center}
.eyd-observatory>.eyd-stage-header .eyd-orb[hidden]{display:none}
.eyd-observatory>.eyd-stage-header .eyd-orb img{display:block;width:clamp(38px,10.8cqw,46px);height:auto;max-width:100%;pointer-events:none}
.eyd-observatory>.eyd-stage-header .eyd-back{left:calc(12.66% - 22px)}
.eyd-observatory>.eyd-stage-header .eyd-play-control{right:calc(48px + clamp(0px,calc(24cqw - 86.4px),8px))}
.eyd-observatory>.eyd-stage-header .eyd-info{right:clamp(0px,calc(24cqw - 86.4px),8px)}
.eyd-observatory>.eyd-stage-header .eyd-orb:active{transform:none;filter:brightness(1.18)}
.eyd-observatory .eyd-playarea{position:relative;isolation:isolate;flex:1 1 auto;min-height:0;padding:0;overflow:hidden}
.eyd-observatory .eyd-playarea::before,.eyd-observatory .eyd-playarea::after{content:"";position:absolute;z-index:0;top:10.2cqw;bottom:calc(clamp(156px,46.66cqw,220px) + 20px);width:11.6%;pointer-events:none;background-position:center top;background-size:100% 100%;background-repeat:no-repeat}
.eyd-observatory .eyd-playarea::before{left:0;background-image:url('game-art/eyedle-observatory-frame-v1-left-rail.webp')}.eyd-observatory .eyd-playarea::after{right:0;background-image:url('game-art/eyedle-observatory-frame-v1-right-rail.webp')}
.eyd-observatory.eyd-concealed .eyd-playarea::before,.eyd-observatory.eyd-concealed .eyd-playarea::after{display:none}
.eyd-observatory .eyd-field-logo{position:absolute;z-index:-1;top:48%;left:50%;transform:translate(-50%,-50%);width:46%;max-width:185px;height:auto;opacity:.09;filter:grayscale(1) sepia(1);mix-blend-mode:screen;pointer-events:none}
.eyd-observatory .eyd-clockline{position:relative;z-index:1;display:block;flex:0 0 auto;height:10.2cqw;min-height:35px;max-height:48px;margin:0;padding:0;background:url('game-art/eyedle-observatory-frame-v1-hud.webp') center/100% 100% no-repeat}
.eyd-observatory .eyd-clockline b{position:absolute;left:64%;right:21%;top:50%;transform:translateY(-50%);font-family:Georgia,serif;font-size:clamp(15px,4.7cqw,20px);font-weight:400;line-height:1;text-align:center;color:#efcca0;letter-spacing:.3px}
.eyd-observatory .eyd-grid{position:relative;z-index:1;width:77%;flex:1 1 290px;min-height:0;gap:5px;overflow:visible;margin:8px auto 4px;align-content:center;justify-content:center}
.eyd-observatory .eyd-grid[hidden],.eyd-observatory .eyd-keys[hidden]{display:none}
.eyd-observatory .eyd-grid .eyd-cell,html.dark .eyd-observatory .eyd-cell:not(.hit):not(.near):not(.miss),html.dark .eyd-observatory .eyd-cell.filled{position:relative;isolation:isolate;border:0;border-radius:0;box-shadow:none;background:#081725 url('game-art/eyedle-observatory-frame-v1-tile.webp') center/100% 100% no-repeat;color:#f2e5c9;font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:calc(var(--cell,44px) * .55);text-shadow:0 1px 2px #000;opacity:1}
.eyd-observatory .eyd-cell::before,.eyd-observatory .eyd-key::before{content:"";position:absolute;z-index:0;inset:7%;border-radius:3px;pointer-events:none}
.eyd-observatory .eyd-cell>span,.eyd-observatory .eyd-key>span{position:relative;z-index:1;pointer-events:none}
.eyd-observatory .eyd-cell.filled::before{background:#ddc88e12}
.eyd-observatory .eyd-cell.hit::before,.eyd-observatory .eyd-key.hit::before{background:#285b36e6}
.eyd-observatory .eyd-cell.near::before,.eyd-observatory .eyd-key.near::before{background:#946b18e8}
.eyd-observatory .eyd-cell.miss::before,.eyd-observatory .eyd-key.miss::before{background:#47515dd9}
.eyd-observatory .eyd-msg{position:relative;z-index:1;flex:0 0 auto;min-height:20px;line-height:20px;margin:0 8px;color:#e5d1ae;font-size:12px}
.eyd-observatory .eyd-msg.eyd-celebrate{min-height:30px;line-height:1.1;margin:4px 0;font-size:22px}
.eyd-observatory .eyd-keys{position:relative;z-index:1;width:100%;max-width:none;height:clamp(156px,46.66cqw,220px);flex:0 0 clamp(156px,46.66cqw,220px);margin:0;padding:0;background:url('game-art/eyedle-observatory-frame-v1-keyboard.webp') center/100% 100% no-repeat}
.eyd-observatory .eyd-keys:empty{display:none}
.eyd-observatory .eyd-krow{display:contents;margin:0}
.eyd-observatory .eyd-keys .eyd-key,.eyd-observatory .eyd-key.wide,html.dark .eyd-observatory .eyd-key:not(.hit):not(.near):not(.miss):not(.wide){position:absolute;display:grid;place-items:center;min-width:0;max-width:none;min-height:44px;margin:0;padding:0;overflow:hidden;border:0;border-radius:0;box-shadow:none;background:none;color:#f1e2c6;font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:clamp(16px,4.6cqw,20px);text-shadow:0 1px 2px #000;opacity:1}
.eyd-observatory .eyd-key[data-k="ENTER"]{font-size:11px;letter-spacing:0}
.eyd-observatory .eyd-key[data-k="BSP"]>span{color:transparent;text-shadow:none}
.eyd-observatory .eyd-key:active{transform:none;filter:none}.eyd-observatory .eyd-key:active::before{background:#dbb6694d}
.eyd-observatory .eyd-ready:not(:empty){position:absolute;z-index:3;inset:45px 0 0;display:grid;place-content:center;flex:none;width:100%;height:auto;margin:0;padding:14px;background:transparent;color:#efd5a6}
.eyd-observatory .eyd-ready p{font-size:14px;line-height:1.55;margin:0 20px;text-shadow:0 1px 2px #000}
.eyd-observatory .eyd-ready .game-entry-playimg{width:min(70cqw,300px);max-height:70%;margin:0 auto}
.eyd-observatory .eyd-after{position:relative;z-index:1;max-height:31cqh;flex:0 0 auto;overflow:auto;padding:0 14px;text-align:center;color:#ead5ae}
.eyd-observatory .eyd-answer,.eyd-observatory .eyd-scoreline b{color:#f4dcaa}.eyd-observatory .eyd-result .eyd-scoreline{color:#dfcda9}
.eyd-observatory .ar-navbtn{min-height:44px;border:5px solid transparent;border-image:url('game-art/eyedle-observatory-frame-v1-key.webp') 12 fill stretch;color:#f2deb9;background:#122234;box-shadow:none;border-radius:0;padding:8px 14px}
.eyd-observatory .eyd-frame-foot{position:relative;flex:0 0 auto;width:100%;height:min(26.73cqw,12cqh);min-height:45px;max-height:110px;background:url('game-art/eyedle-observatory-frame-v1-footer.webp') center bottom/100% auto no-repeat;pointer-events:none}
.eyd-observatory .eyd-sound{position:absolute;left:3.5%;bottom:1px;width:44px;height:44px;min-width:44px;min-height:44px;display:grid;place-items:center;margin:0;padding:0;border:0;border-radius:50%;background:none;box-shadow:none;pointer-events:auto;touch-action:manipulation}
.eyd-observatory .eyd-sound img{width:40px;height:40px;object-fit:contain;pointer-events:none}.eyd-observatory .eyd-sound:focus-visible{outline:2px solid #f3d393;outline-offset:1px}
.eyd-observatory .eyd-sound[data-audio-mode="off"]::after{content:"";position:absolute;left:11px;top:21px;width:24px;height:2px;background:#f1d1a3;transform:rotate(-45deg);box-shadow:0 1px 2px #081725}
.eyd-observatory .eyd-audio-mark{position:absolute;right:2px;bottom:3px;width:7px;height:7px;border-radius:50%;background:#dcb976;border:1px solid #183047;opacity:0}.eyd-observatory .eyd-sound[data-audio-mode="music"] .eyd-audio-mark{opacity:1}
.eyd-observatory .eyd-help-layer{background:#05101ff5}.eyd-observatory .eyd-help-panel{background:#102035 url('game-art/eyedle-observatory-frame-v1-field.webp') repeat;border-color:#aa8557;color:#e6d6b8;border-radius:15px}
.eyd-observatory .eyd-help-top h2,.eyd-observatory .eyd-answer-info h3{color:#f0d6a7}
@container(max-height:700px){.eyd-observatory>.eyd-stage-header{height:84px;min-height:84px}.eyd-observatory .eyd-frame-foot{height:46px;min-height:46px}.eyd-observatory .eyd-keys{height:156px;flex-basis:156px}.eyd-observatory .eyd-grid{margin-top:4px;margin-bottom:2px}.eyd-observatory .eyd-playarea::before,.eyd-observatory .eyd-playarea::after{bottom:176px}}