:root{--paper:#f4f1e9;--ink:#263e36;--muted:#646c61;--line:#d6d8cb;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #936047;outline-offset:3px}[hidden]{display:none!important}
.shell{max-width:1480px;width:calc(100% - 64px);height:100svh;margin:auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
header{padding:18px 0 14px}.brand{font:32px Georgia,serif;letter-spacing:-1.2px}header p{font-size:11px;color:var(--muted);margin:5px 0 0}
main{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto}#game-panel{min-height:0;background:#203a32;overflow:hidden;border-radius:3px}iframe,video{display:block;width:100%;height:100%;border:0}video{object-fit:contain}#game-panel:fullscreen{height:100%;border-radius:0}
.under-game{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:40px}.game-actions{grid-column:3;grid-row:1;justify-self:end;display:flex;gap:18px;align-items:center;white-space:nowrap;font-size:11px}.game-actions button{border:0;padding:7px 0;background:transparent;color:var(--ink);font-size:11px}.game-actions button,.game-actions a{display:inline-flex;align-items:center;gap:7px}.game-actions .external{margin:0}
.film-link{grid-column:2;grid-row:1;text-align:center}.film-link button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--muted);padding:8px 4px;font-size:11px;white-space:nowrap}.film-link button:hover{color:var(--ink);text-decoration:underline}.film-link span{font-size:10px;opacity:.7;margin-left:2px}
footer{text-align:center;border-top:1px solid var(--line);padding:12px 0 10px}footer nav{display:flex;align-items:flex-start;justify-content:center;gap:40px;margin:0 auto;max-width:860px}footer nav>.credit,footer nav>.creator-link{flex:1;min-width:0;max-width:230px}.creator-link{display:flex;flex-direction:column;align-items:center;gap:6px;justify-content:center;text-align:center}.link-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:#eceee3;transition:background .15s,border-color .15s}.link-icon .icon{width:17px;height:17px}.creator-link:hover .link-icon{background:#e0e6d5;border-color:#aab6a0}.creator-link:hover{text-decoration:none}.creator-link:hover strong{text-decoration:underline}.link-copy{min-width:0}footer strong{display:block;font-size:11px;font-weight:400;line-height:1.4;margin:0 0 2px}.credit .link-copy{display:flex;flex-direction:column-reverse;gap:2px}.credit strong{font-weight:600;font-size:12px;margin:0}.credit small,nav small{display:block;color:var(--muted);font-size:9px;line-height:1.4}.credit .link-icon .icon{width:15px;height:15px}.model-credit{display:block;margin-top:9px;color:var(--muted);font-size:9px;line-height:1.4}
.icon{width:17px;height:17px;flex:none;vertical-align:middle}.external{width:11px;height:11px;margin-left:3px;opacity:.65}
#film-dialog{width:min(1080px,calc(100% - 32px));max-height:calc(100svh - 32px);padding:0;border:0;border-radius:6px;background:var(--paper);color:var(--ink);overflow:auto}#film-dialog::backdrop{background:rgba(13,28,24,.8)}.film-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px}.film-heading h2{font:20px Georgia,serif;margin:0}.film-heading button{display:flex;align-items:center;gap:10px;border:0;background:none;color:var(--ink);font-size:12px;padding:8px}.film-heading button span{font-size:24px;line-height:1}#film-dialog video{height:auto;max-height:calc(100svh - 110px);background:#152a23}
.skip-link{position:fixed;top:10px;left:10px;z-index:10;padding:12px;background:var(--ink);color:white;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
body.game-expanded{overflow:hidden}
#game-panel.is-expanded{position:fixed;inset:0;z-index:1000;width:100%;height:100dvh;max-width:none;max-height:none;border-radius:0;padding:calc(52px + env(safe-area-inset-top,0px)) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:#182d26}
.exit-fullscreen{position:absolute;top:calc(4px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));min-height:44px;padding:0 14px;border:1px solid #ffffff40;border-radius:6px;background:#203a32;color:#fff;font-size:12px;z-index:1}
@media(max-width:850px){.shell{width:calc(100% - 32px)}.under-game{gap:8px}.game-actions{gap:12px}footer nav{gap:22px}}
@media(max-width:600px){.shell{width:calc(100% - 24px)}header{padding:12px 2px 10px}.brand{font-size:28px}header p{font-size:10px;margin-top:3px}.under-game{grid-template-columns:1fr auto;gap:0 8px;padding:5px 2px;min-height:0}.film-link{grid-column:1;grid-row:1;text-align:left}.film-link button{font-size:10px;padding:6px 0}.game-actions{grid-column:2;grid-row:1;font-size:10px}.game-actions button{font-size:10px;padding:6px 0}.game-actions a{display:none}footer{padding:10px 0 8px}footer nav{gap:10px}footer strong{font-size:10px}.credit strong{font-size:11px}footer nav small{font-size:8px}.link-icon{width:28px;height:28px}.creator-link{gap:5px}.model-credit{margin-top:8px;font-size:8px}.film-heading{padding:10px 12px;gap:10px}.film-heading h2{font-size:17px}}
@media(max-height:500px) and (min-width:600px){header{padding:7px 0;display:flex;align-items:center}.brand{font-size:25px}header>div{display:flex;align-items:baseline;gap:15px}header p{margin:0;font-size:10px}.under-game{min-height:32px}.film-link button,.game-actions button{padding:5px 0;font-size:10px}footer{padding:7px 0 6px}footer nav{gap:25px;max-width:820px}.creator-link{flex-direction:row;gap:8px}.model-credit{margin-top:5px;font-size:8px}.link-icon{width:27px;height:27px}footer strong{font-size:10px}.credit strong{font-size:11px}}