.earnport-entry{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;color:#eef4ee;background:var(--entry-dark,#152630);font:16px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:auto;box-sizing:border-box}
.earnport-entry::backdrop{background:#06121cf2}
.earnport-entry *{box-sizing:border-box}
.earnport-entry a{color:inherit}
.earnport-entry button{font:inherit;cursor:pointer}
.earnport-entry button:focus-visible,.earnport-entry a:focus-visible,.earnport-entry input:focus-visible{outline:3px solid var(--entry-accent);outline-offset:3px}
.entry-shell{min-height:100%;background:radial-gradient(circle at 8% 10%,color-mix(in srgb,var(--entry-accent) 13%,transparent),transparent 30%),linear-gradient(145deg,var(--entry-dark),#101b23 75%);padding:0 max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}
.entry-topbar{max-width:1250px;margin:auto;min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #ffffff27}
.entry-topbar #entry-back{text-decoration:none;font-size:.87rem;font-weight:700;white-space:nowrap}
.entry-brand{display:flex;align-items:center;gap:8px;font-size:.73rem;font-weight:800;letter-spacing:.2em;color:#d8e8e9}
.entry-languages{display:flex;gap:4px;padding:4px;border:1px solid #ffffff31;border-radius:999px}
.entry-languages button{border:0;background:transparent;color:#e4ecef;padding:5px 9px;border-radius:999px;font-size:.72rem;font-weight:800}
.entry-languages button[aria-pressed=true]{background:var(--entry-accent);color:#122126}
.entry-grid{max-width:1250px;margin:clamp(18px,4vw,52px) auto 0;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(350px,.94fr);gap:clamp(24px,4vw,56px);align-items:start}
.entry-identity,.entry-panel{min-width:0}
.entry-art{height:clamp(260px,34vw,460px);position:relative;overflow:hidden;border-radius:22px;border:1px solid #ffffff30;background:#0e1c27;box-shadow:0 25px 90px #050c1399}
.entry-art:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#0b1820d9)}
.entry-art img{width:100%;height:100%;object-fit:cover;display:block}
.entry-art-tag{position:absolute;z-index:1;left:24px;bottom:22px;border:1px solid var(--entry-accent);background:#0b1925ca;color:var(--entry-accent);padding:8px 11px;border-radius:999px;font-weight:900;letter-spacing:.16em;font-size:.7rem}
.entry-hero{padding:clamp(20px,3vw,32px) 4px 0}
.entry-kicker,.entry-step{margin:0;color:var(--entry-accent);font-size:.7rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
.entry-hero h1{font-size:clamp(2.5rem,5vw,5.25rem);line-height:1.02;letter-spacing:-.055em;margin:11px 0 20px;text-wrap:balance}
.entry-hero #entry-description{font-size:clamp(1rem,1.6vw,1.22rem);line-height:1.55;max-width:55ch;margin:0 0 15px}
.entry-detail{color:#acc0c3;font-size:.88rem;margin:0}
.entry-panel{border:1px solid #ffffff29;background:#11202bcc;border-radius:22px;padding:clamp(22px,3vw,34px);box-shadow:0 18px 55px #020c1680}
.entry-panel h2{margin:5px 0 12px;font-size:1.35rem;letter-spacing:-.025em}
.entry-score-note,.entry-actions p{color:#b9c9cc;font-size:.83rem;line-height:1.55}
.entry-scores{padding-top:0}
.entry-score-head{display:flex;align-items:end;justify-content:space-between;gap:12px}
.entry-score-head h2{margin:5px 0 0}
#entry-score-refresh,#entry-remove-score{background:none;border:0;color:var(--entry-accent);font-size:.75rem;font-weight:800;padding:7px 0;text-decoration:underline;text-underline-offset:3px}
.entry-score-note{margin:9px 0 13px}
#entry-leaderboard{min-height:80px}
.entry-score-empty{border:1px dashed #ffffff37;border-radius:10px;padding:16px;color:#c4d1d4;font-size:.85rem}
.entry-table{width:100%;border-collapse:collapse;font-size:.82rem}
.entry-table th{text-align:left;color:#a7bec4;font-weight:700}.entry-table th,.entry-table td{padding:9px 5px;border-bottom:1px solid #ffffff1f}.entry-table th:last-child,.entry-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}
#entry-publish-row{margin-top:13px;font-size:.8rem}#entry-publish-row[hidden]{display:none}#entry-publish-row label{display:flex;align-items:flex-start;gap:8px;cursor:pointer}#entry-publish{accent-color:var(--entry-accent);margin-top:3px}
.entry-actions{border-top:1px solid #ffffff28;margin-top:23px;padding-top:22px}
.entry-primary{min-height:54px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-radius:10px;border:0;text-decoration:none;background:var(--entry-accent);color:#102126!important;font-weight:900!important;box-shadow:0 9px 30px color-mix(in srgb,var(--entry-accent) 20%,transparent)}
.entry-primary:hover{filter:brightness(1.1)}.entry-actions p{margin:12px 0 0}.entry-actions .entry-unavailable{color:#f4d4a8;font-weight:800}
@media(max-width:800px){.entry-grid{grid-template-columns:1fr;gap:20px}.entry-art{height:clamp(215px,50vw,360px)}.entry-hero h1{font-size:clamp(2.35rem,9vw,4rem)}.entry-panel{padding:22px}.entry-topbar{min-height:64px}}
@media(max-width:430px){.entry-brand{display:none}.entry-art{height:210px}.entry-hero{padding-top:20px}.entry-panel{padding:18px}.entry-score-head{align-items:start}#entry-score-refresh{max-width:76px;text-align:right}.entry-shell{padding-left:14px;padding-right:14px}}

/* One spatial rhythm across games: briefing, focal art and action, then scores and controls. */
.entry-grid{grid-template-columns:minmax(220px,.78fr) minmax(400px,1.58fr) minmax(285px,.9fr);grid-template-areas:"left center right";gap:18px;align-items:stretch;margin-top:26px}
.entry-left{grid-area:left}.entry-center{grid-area:center}.entry-right{grid-area:right}
.entry-left,.entry-right{display:flex;flex-direction:column;gap:18px;min-width:0}
.entry-card{border:1px solid #ffffff29;background:#11202bcc;border-radius:18px;padding:22px;box-shadow:0 18px 55px #020c164d;min-width:0}
.entry-hero{padding:24px}.entry-hero h1{font-size:clamp(2.15rem,3.1vw,4.05rem);line-height:1.02;margin:12px 0 19px}.entry-hero #entry-description{font-size:.96rem;line-height:1.55}.entry-hero .entry-detail{font-size:.78rem;line-height:1.5}
.entry-personal{margin-top:auto}.entry-personal h2,.entry-howto h2{margin:7px 0 12px;font-size:1.12rem}.entry-personal strong{display:block;color:var(--entry-accent);font-size:2.3rem;font-variant-numeric:tabular-nums;letter-spacing:.02em}.entry-personal p:last-child{font-size:.75rem;color:#adc3c6;margin-bottom:0}
.entry-personal strong:not([data-has-best]){font-size:1.18rem;line-height:1.3;margin:16px 0}
.entry-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.entry-center .entry-art{height:min(70vh,690px);min-height:540px;border-radius:18px}.entry-center .entry-art:after{inset:40% 0 0;background:linear-gradient(transparent,#091821ec)}.entry-center .entry-art img{object-position:center}
.entry-center .entry-art-tag{left:22px;top:20px;bottom:auto}
.entry-art-actions{position:absolute;z-index:2;bottom:23px;left:22px;right:22px}.entry-art-actions p{font-size:.78rem;color:#d5e2e2;text-align:center;text-shadow:0 1px 6px #06131f;margin:12px 0 0}.entry-art-actions .entry-unavailable{color:#f6d6a6;font-weight:900}
.entry-settings{display:block;margin:10px auto 0;padding:7px 12px;border:1px solid #ffffff8a;border-radius:8px;background:#07131bc9;color:#f1f7f7;font-size:.82rem;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.entry-settings:hover{background:#102837}.entry-primary:disabled{opacity:.62;cursor:wait}
.entry-scores{padding:22px}.entry-score-head{align-items:start}.entry-score-head h2{font-size:1.2rem}.entry-score-note{font-size:.75rem;margin:10px 0 13px}.entry-score-empty{font-size:.8rem;padding:12px}#entry-leaderboard{min-height:60px}
#entry-publish-row{border:0;border-top:1px solid #ffffff24;margin:17px 0 0;padding:17px 0 0;font-size:.78rem}
#entry-publish-row legend{font-weight:800;font-size:.83rem;line-height:1.3;padding:0 0 6px}
.entry-share-options{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.entry-share-options label{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #ffffff35;border-radius:8px;cursor:pointer}.entry-share-options input{accent-color:var(--entry-accent)}
#entry-publish-row p{font-size:.7rem;color:#a7bec4;line-height:1.4;margin:8px 0 0}
.entry-howto h2{margin-bottom:13px}.entry-howto ol{margin:0;padding-left:21px;color:#d5e4e6;font-size:.79rem;line-height:1.52}.entry-howto li{padding-left:2px;margin:0 0 10px}.entry-howto li:last-child{margin-bottom:0}
@media(max-width:1120px){.entry-grid{grid-template-columns:minmax(210px,.8fr) minmax(350px,1.5fr);grid-template-areas:"left center" "right right"}.entry-right{display:grid;grid-template-columns:1fr 1fr}.entry-center .entry-art{height:560px;min-height:0}}
@media(max-width:760px){.entry-grid{grid-template-columns:1fr;grid-template-areas:"center" "left" "right";margin-top:16px}.entry-center .entry-art{height:460px;min-height:0}.entry-left,.entry-right{display:grid;grid-template-columns:1fr}.entry-personal{margin-top:0}}
@media(max-width:430px){.entry-center .entry-art{height:420px}.entry-card{padding:18px}.entry-art-actions{left:16px;right:16px;bottom:17px}.entry-center .entry-art-tag{left:16px;top:16px}.entry-hero h1{font-size:2.45rem}}

.plotlord-player{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;background:#101923;color:#eef4ee;font:14px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.plotlord-player[hidden]{display:none}
.plotlord-playing{overflow:hidden}
.plotlord-player-bar{display:flex;align-items:center;gap:18px;padding:10px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));background:#172630;border-bottom:1px solid #ffffff2c;min-height:52px}
.plotlord-player-bar>a{color:#e9d5f8;text-decoration:none;font-weight:800;white-space:nowrap}
.plotlord-player-bar strong{font-size:1rem;letter-spacing:.03em}
.plotlord-player-bar nav{display:flex;gap:8px;align-items:center;margin-left:auto;flex-wrap:wrap}
.plotlord-player-bar nav a,.plotlord-player-bar nav button{border:1px solid #c2a4f46b;border-radius:7px;background:#2a2840;color:#f4ecfa;padding:7px 10px;text-decoration:none;font:inherit;cursor:pointer}
.plotlord-player-bar nav a:hover,.plotlord-player-bar nav button:hover{background:#403457}
#plotlord-help{margin:0;padding:6px 16px;background:#202438;color:#d9d1e8;font-size:.75rem;text-align:center}
#plotlord-frame{display:block;flex:1;width:100%;min-height:0;border:0;background:#111921}
@media(max-width:650px){.plotlord-player-bar{align-items:flex-start;flex-wrap:wrap;gap:7px}.plotlord-player-bar nav{width:100%;justify-content:space-between;margin-left:0}.plotlord-player-bar nav a,.plotlord-player-bar nav button{font-size:.75rem;padding:6px 7px}#plotlord-help{font-size:.68rem}}
