html,body{overflow-y:auto;overflow-x:hidden;height:auto;min-height:100%}.landing-shell{position:relative;z-index:30;min-height:100vh;padding:18px 28px;display:grid;grid-template-rows:auto auto auto;gap:10px;align-content:start}.landing-hero{margin-top:54px}.landing-hero h1{margin:0;font-size:clamp(2.8rem,8vw,6.4rem);line-height:.92;letter-spacing:.02em;color:#f39a2d;text-shadow:0 8px 0 rgba(0,0,0,.26)}.landing-tagline{margin:6px 0 0;color:#3f93da;font-size:clamp(.98rem,1.8vw,1.2rem)}.landing-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:start;margin-top:4px}.landing-card{background:#ffeeb9;border:2px solid #dfc87d;border-radius:12px;padding:14px;color:#1a2430}.landing-card h2{margin:0 0 6px;font-size:.95rem;letter-spacing:.03em;text-transform:uppercase;color:#7a5b1f}.landing-card p{margin:0;font-size:.92rem;color:#44576a}.landing-actions{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:2px;margin-bottom:0}.action-block{position:relative;display:flex;align-items:center;justify-content:center}.landing-btn{min-height:40px;border-radius:10px}.landing-btn-primary{--btn-shadow: #bf6f0e;background:#f39a2d;border-color:#bf6f0e;color:#fff}.landing-btn-secondary{--btn-shadow: #2f8a5f;background:#43b57d;border-color:#2f8a5f;color:#fffef7;min-width:118px;white-space:nowrap}.landing-btn-ghost{--btn-shadow: #3e4a5a;background:#69778a;border-color:#3e4a5a;color:#fff}#importStoryBtn{min-width:112px;padding:0 10px;font-size:12px;white-space:nowrap}.story-picker{display:flex;gap:8px;align-items:center}.story-picker.shell{padding:8px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#0b101ac7;display:flex;flex-wrap:nowrap;align-items:center;width:fit-content;max-width:100%}.story-picker select{min-height:40px;min-width:0;width:auto;flex:1 1 260px;border-radius:10px;border:2px solid #1f2b3f;background:#1b2433;color:#fff;padding:0 10px;font-size:.93rem}#importStoryBtn,#editStoryBtn,#openPlayerBtn{flex:0 0 auto}#importStoryBtn,#editStoryBtn,#openPlayerBtn,#newStoryBtn{min-width:118px}#editStoryBtn,#openPlayerBtn{min-width:40px}#editStoryBtn{background:#f3d24d;border:2px solid #b9941f;color:#000;border-radius:999px;width:40px;min-width:40px;padding:0;height:40px;min-height:40px;box-sizing:border-box;line-height:1;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;text-decoration:none;box-shadow:0 2px #b9941f;transition:transform .12s ease,box-shadow .12s ease;white-space:nowrap;font-family:inherit}#openPlayerBtn{border-radius:999px;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:16px}#editStoryBtn{font-size:19px}#editStoryBtn:hover{transform:translateY(-2px);box-shadow:0 4px #b9941f}#editStoryBtn:active{transform:translateY(0);box-shadow:0 2px #b9941f}.dialog-card .dialog-actions{margin-top:10px}.new-story-dialog{position:absolute;top:calc(100% + 8px);left:0;min-width:250px;max-width:min(80vw,350px);background:#10141cf7;border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:10px;display:grid;gap:8px;z-index:80;box-shadow:0 10px 28px #00000059}.new-story-dialog[hidden]{display:none!important}.landing-brand-link{color:inherit;text-decoration:none;text-shadow:0 2px 0 rgba(0,0,0,.28);-webkit-text-stroke:2px #000;paint-order:stroke fill}.landing-doc-link{color:#8ad0ff;text-decoration:none}.landing-doc-link:hover{text-decoration:underline}.new-story-dialog label{color:#eaf2ff;font-size:.86rem}.new-story-dialog input{min-height:38px;border-radius:8px;border:2px solid #2a3950;background:#0f1723;color:#fff;padding:0 10px}.dialog-actions-row{display:flex;justify-content:flex-end;gap:8px}#newStoryDialog .dialog-card,#editStoryDialog .dialog-card{min-width:320px;max-width:420px;padding:14px;display:grid;gap:8px}#newStoryDialog .dialog-card h3,#editStoryDialog .dialog-card h3{margin:0;font-size:16px}#newStoryDialog .dialog-card p,#editStoryDialog .dialog-card p{margin:0;font-size:12px;color:#5e6d78}@media(max-width:720px){.landing-shell{padding:26px 14px 22px}.landing-actions{justify-content:center}.action-block{justify-content:center;width:100%}.story-picker{width:min(100%,680px);flex-wrap:nowrap;justify-content:center}.story-picker select{min-width:0;flex:1 1 160px}#newStoryBtn,#importStoryBtn,#editStoryBtn,#openPlayerBtn{width:118px;min-width:118px}#editStoryBtn,#openPlayerBtn{width:40px;min-width:40px}}@media(max-width:560px){.story-picker{width:100%;flex-wrap:wrap}.story-picker select{min-width:100%;flex-basis:100%}}