#eyeroom-filmography{position:fixed;inset:0;margin:auto;width:min(920px,calc(100% - 24px));max-width:calc(100% - 24px);height:min(880px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #d8b46a66;border-radius:26px;background:radial-gradient(ellipse at 0 0,#163526,#070b09 68%);color:#f5f2e9;overflow:hidden;box-sizing:border-box;font-family:inherit;box-shadow:0 25px 80px #000b}#eyeroom-filmography[open]{display:flex;flex-direction:column}#eyeroom-filmography::backdrop{background:#000c}#eyeroom-filmography>header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid #d8b46a33;background:#090f0de6}#eyeroom-filmography h2{margin:0;font-family:EyeroomPixel,monospace;font-size:clamp(16px,4vw,23px);color:#e9cb85}#eyeroom-filmography header button{flex:none;min-width:44px;min-height:44px;border:0;border-radius:50%;background:transparent;color:#e9cb85;font-size:26px}#eyeroom-filmography .fg-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:clamp(16px,3vw,30px);padding-bottom:max(24px,env(safe-area-inset-bottom));box-sizing:border-box}#eyeroom-filmography h3{font-size:clamp(22px,4vw,36px);line-height:1.2;margin:12px 0 20px}#eyeroom-filmography p{line-height:1.6;color:#c3cec7}#eyeroom-filmography button,#eyeroom-filmography a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}#eyeroom-filmography button{font-family:inherit;cursor:pointer}#eyeroom-filmography button:focus-visible,#eyeroom-filmography a:focus-visible{outline:3px solid #f5d891;outline-offset:3px}#eyeroom-filmography button:disabled{cursor:default;opacity:.65}#eyeroom-filmography .fg-primary{min-height:48px;border:1px solid #ead094;border-radius:999px;padding:12px 26px;background:linear-gradient(115deg,#efd18d,#b9914f);color:#0b100d;font-weight:800}#eyeroom-filmography .fg-kicker{font-size:11px;letter-spacing:.14em;color:#dcc28b}#eyeroom-filmography .fg-rules{display:grid;gap:9px;padding:20px;border:1px solid #c6a45e55;border-radius:20px;background:#0d1712;margin:22px 0}#eyeroom-filmography .fg-scoreline{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;font-size:13px;color:#e6d5af}#eyeroom-filmography .fg-clock{font-size:20px;font-variant-numeric:tabular-nums}#eyeroom-filmography .fg-urgent{color:#ffacac}#eyeroom-filmography progress{display:block;appearance:none;width:100%;height:5px;border:0;border-radius:20px;overflow:hidden;margin:14px 0 22px;background:#23332b}#eyeroom-filmography progress::-webkit-progress-bar{background:#23332b}#eyeroom-filmography progress::-webkit-progress-value{background:#dfbd70}#eyeroom-filmography progress::-moz-progress-bar{background:#dfbd70}#eyeroom-filmography .fg-question{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;align-items:center}#eyeroom-filmography .fg-portrait{height:clamp(240px,50dvh,500px);border-radius:20px;background:#070b09;overflow:hidden}#eyeroom-filmography .fg-portrait img{width:100%;height:100%;object-fit:contain;display:block}#eyeroom-filmography .fg-options{display:grid;gap:12px}#eyeroom-filmography .fg-options button{display:flex;gap:12px;align-items:center;text-align:left;min-height:58px;padding:12px 16px;border:1px solid #8d794a;border-radius:18px;background:linear-gradient(115deg,#182c20,#0b120e);color:#f3ead6;font-size:15px;line-height:1.4}#eyeroom-filmography .fg-options button:hover{border-color:#f0d69d}#eyeroom-filmography .fg-options button span{color:#d8b46a;font-size:12px;font-weight:800}#eyeroom-filmography .fg-credit{display:block;font-size:10px;line-height:1.5;color:#b5bcb7;margin-top:14px;overflow-wrap:anywhere}#eyeroom-filmography a{color:#e7ca88}#eyeroom-filmography .fg-result{text-align:center;padding:12px 0 22px}#eyeroom-filmography .fg-result strong{font-size:24px;color:#f8f0d9}#eyeroom-filmography .fg-medal{width:95px;height:110px;display:block;margin:0 auto;color:inherit}#eyeroom-filmography .fg-gold{color:#e9bf54}#eyeroom-filmography .fg-silver{color:#c9d1d7}#eyeroom-filmography .fg-bronze{color:#cc9059}#eyeroom-filmography .fg-review{margin-top:25px}#eyeroom-filmography summary{padding:12px 0;cursor:pointer;color:#e8ce96}#eyeroom-filmography .fg-review section{padding:15px 0;border-top:1px solid #c7ab6750}#eyeroom-filmography .fg-review p{margin:5px 0}#eyeroom-filmography .fg-correct{color:#8de2ae}#eyeroom-filmography .fg-wrong{color:#ffb1ac}@media(max-width:600px){#eyeroom-filmography{width:calc(100% - 12px);max-width:calc(100% - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);border-radius:22px}#eyeroom-filmography .fg-question{grid-template-columns:1fr;gap:12px}#eyeroom-filmography .fg-portrait{height:clamp(160px,29dvh,270px)}#eyeroom-filmography .fg-picks h3{font-size:21px;margin:0 0 12px}#eyeroom-filmography .fg-options{gap:9px}#eyeroom-filmography .fg-options button{min-height:48px;padding:10px 13px}#eyeroom-filmography .fg-body{padding:16px}#eyeroom-filmography progress{margin:10px 0 14px}}@media(orientation:landscape) and (max-height:550px){#eyeroom-filmography .fg-question{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px}#eyeroom-filmography .fg-portrait{height:calc(100dvh - 170px);min-height:135px}#eyeroom-filmography h3{font-size:20px;margin:0 0 10px}#eyeroom-filmography .fg-options{gap:7px}#eyeroom-filmography .fg-options button{min-height:44px;padding:8px 12px}#eyeroom-filmography header{padding:4px 14px}#eyeroom-filmography .fg-credit{font-size:9px}}
#eyeroom-filmography .fg-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}#eyeroom-filmography .fg-modes button{display:grid;gap:6px;padding:15px;border-radius:18px;border:1px solid #bea16566;background:linear-gradient(130deg,#152a20,#0b100e);color:#e9dec3;min-height:78px;text-align:left}#eyeroom-filmography .fg-modes button[aria-pressed=true]{border-color:#efcf87;background:linear-gradient(130deg,#314d35,#14251c);box-shadow:inset 0 0 0 1px #dfc17c}#eyeroom-filmography .fg-modes span{font-size:12px;color:#c0ccbf}#eyeroom-filmography .fg-modes strong{font-size:15px}#eyeroom-filmography .fg-diamond{color:#d8f5ff}#eyeroom-filmography .fg-result-actions{display:flex;flex-wrap:wrap;gap:10px}#eyeroom-filmography .fg-result-actions button{min-height:44px;border-radius:999px}#eyeroom-filmography img.fg-medal{width:110px;height:110px;object-fit:contain;background:transparent;border:0}#eyeroom-filmography [data-fg-status]{min-height:1.5em;font-size:13px}@media(max-width:380px){#eyeroom-filmography .fg-modes{gap:8px}#eyeroom-filmography .fg-modes button{padding:12px}#eyeroom-filmography .fg-modes strong{font-size:13px}}