:root{color-scheme:dark;--ocean:#112b31;--cream:#eee9d8;--gold:#e3bf79;--muted:#9bb0ac;--line:#47615e;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--ocean);color:var(--cream);font-family:'DM Sans',Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{transition:background .18s,transform .18s;border:0}button:hover:not(:disabled){transform:translateY(-1px)}[hidden]{display:none!important}
.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 35%,#24433e80,transparent 65%),radial-gradient(ellipse at 95% 5%,#3b524838,transparent 55%),linear-gradient(150deg,#132f35,#0e242c)}.ambient:after{content:'';position:absolute;inset:0;opacity:.055;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,#ffffff 4px);background-size:4px 4px}
.masthead{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:auto;padding:35px 60px}.wordmark{color:var(--cream);text-decoration:none;display:flex;align-items:center;gap:15px;font-size:13px;font-weight:700;letter-spacing:2.2px}.wordmark small{font-size:9px;font-weight:400;color:var(--muted);margin:0 3px}.mark{display:grid;place-items:center;width:37px;height:40px;border:1px solid #d6bd7b70;color:var(--gold);font-family:var(--serif);font-size:27px;letter-spacing:0}.edition{font-size:10px;letter-spacing:2px;color:var(--muted);display:flex;align-items:center;gap:10px}.edition i{width:5px;height:5px;background:var(--gold);border-radius:50%;box-shadow:0 0 12px #e3bf7980}
.home{max-width:1400px;margin:0 auto;min-height:calc(100vh - 185px);padding:42px 60px 45px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.85fr);gap:75px;align-items:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.2px;color:var(--gold)}.intro>.eyebrow{display:flex;align-items:center;gap:12px}.intro>.eyebrow>span{font-size:17px}h1{font-family:var(--serif);font-size:clamp(48px,5.4vw,78px);line-height:1.13;letter-spacing:-2.4px;font-weight:400;margin:24px 0}h1 em{color:var(--gold);font-weight:400}.intro-copy{color:#a9bdb5;font-size:15px;line-height:1.85;max-width:445px;margin:0}.age-line{display:flex;align-items:center;gap:15px;max-width:355px;margin-top:32px;font-size:10px;letter-spacing:2px;color:var(--muted)}.age-line i{height:1px;flex:1;background:linear-gradient(to right,#d1b07460,#d1b07410);position:relative}.age-line i:after{content:'◇';position:absolute;left:50%;top:-6px;color:var(--gold);background:var(--ocean);padding:0 6px}.vignette{max-width:610px;margin-top:18px}.vignette svg{width:100%;display:block}.vignette-label{font-size:8px;letter-spacing:1.8px;display:block;text-align:center;color:#7e9995;margin-top:6px}
.menu-card{background:linear-gradient(160deg,#203d3eaa,#172e33cc);border:1px solid #6780773b;border-top-color:#d4b57960;border-radius:3px;padding:35px 30px 25px;box-shadow:0 20px 80px #00000018;position:relative}.menu-card:before{content:'✦';position:absolute;right:27px;top:26px;font-size:26px;color:#d4b57935}.menu-card h2{font-family:var(--serif);font-size:29px;font-weight:400;margin:12px 0 26px;letter-spacing:-.4px}.menu-action{display:flex;align-items:center;gap:16px;width:100%;padding:18px 17px;color:var(--cream);text-align:left;background:#ffffff03;border:1px solid #71877d30;border-radius:2px;margin-top:10px}.menu-action:hover:not(:disabled){background:#54746928;border-color:#a1a88566}.menu-action.primary{background:var(--gold);color:#203431;border-color:var(--gold);margin-bottom:16px}.menu-action.primary:hover:not(:disabled){background:#edcd92}.menu-action.primary:disabled{opacity:.65;background:#b3b08a;color:#243c3a}.menu-action strong{font-size:15px;display:block;font-weight:600}.menu-action small{display:block;font-size:10px;margin-top:5px;color:#a2b8ae;line-height:1.4}.menu-action.primary small{color:#344d43}.action-icon{font-family:var(--serif);font-size:22px;color:var(--gold);width:22px;text-align:center}.primary .action-icon{color:#344d43}.arrow{margin-left:auto;font-size:19px;color:#9caf9f}.primary .arrow{color:#344d43}.menu-rule{height:1px;background:#6780773b;margin:24px 0 16px}.quit-button{background:none;color:#acbcb1;padding:8px 0;font-size:12px;display:flex;gap:12px;align-items:center}.quit-button:hover{color:var(--cream)}.quit-button span{font-size:17px}.save-note{font-size:10px;color:#809e92;line-height:1.8;margin:23px 0 0;border-top:1px solid #6780772a;padding-top:18px}.save-note span{float:left;margin-right:10px;font-size:18px;color:#b3a675}
footer{max-width:1400px;margin:auto;padding:20px 60px 25px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:8px;letter-spacing:2px;color:#8aa59c}footer>div{display:flex;gap:12px;align-items:center;letter-spacing:0;font-size:10px}.footer-symbol{font-size:18px;color:#c7b17c}#home-status.error,.dialog-status.error{color:#edb79b}#retry{color:var(--gold);background:none;border-bottom:1px solid #d4b57980;padding:3px 0;font-size:11px}
dialog{color:var(--cream);background:#18343a;border:1px solid #77887770;border-top-color:#d4b57980;border-radius:4px;box-shadow:0 30px 150px #0008;padding:38px;width:min(540px,calc(100vw - 40px));max-height:85vh}dialog::backdrop{background:#071a22c9;backdrop-filter:blur(8px)}dialog.worlds-dialog{width:min(960px,calc(100vw - 40px))}.dialog-close{position:absolute;right:16px;top:11px;padding:5px 9px;font-size:24px;color:#a7bdb2;background:none}dialog h2{font:400 34px var(--serif);margin:12px 0 13px;letter-spacing:-.6px}dialog p{color:#a9beb4;font-size:13px;line-height:1.8}dialog label{display:block;color:var(--cream);font-size:12px;margin:25px 0 10px}dialog input{width:100%;padding:14px 15px;background:#0f272e;color:var(--cream);border:1px solid #63807580;border-radius:2px;font-size:15px}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:26px}.dialog-actions button,.world-buttons button,.empty-worlds button{padding:12px 18px;background:var(--gold);color:#253b34;border-radius:2px;font-size:12px;font-weight:600}.dialog-actions .secondary,.world-buttons .secondary{background:#29464a;border:1px solid #708d7d50;color:#b8ccc0}.dialog-actions .danger{background:#e4b394}.dialog-status{min-height:18px;margin-bottom:0;font-size:12px!important}.world-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.world-card{background:#102b31;border:1px solid #58786c50;border-radius:3px;padding:23px;overflow:hidden;position:relative}.world-card:before{content:'⌂';position:absolute;right:23px;top:10px;font-family:var(--serif);font-size:55px;color:#78998612}.world-card.active{border-color:#d4b57970}.world-meta{font-size:9px;color:var(--gold);letter-spacing:1.4px}.world-card h3{font:400 25px var(--serif);margin:12px 0 13px;overflow-wrap:anywhere}.world-stats{display:flex;gap:20px;color:#bbcbbf;font-size:12px}.world-stats small{display:block;color:#789a8b;font-size:9px;margin-top:5px}.world-card time{display:block;color:#86a397;font-size:10px;margin-top:17px}.world-buttons{display:flex;gap:10px;margin-top:20px}.world-buttons button{flex:1;padding:10px}.world-buttons .secondary{flex:0}.empty-worlds{padding:36px 0;text-align:center}.empty-worlds span{font-size:38px;color:var(--gold)}.empty-worlds h3{font:400 26px var(--serif)}
@media(min-width:1500px){.home{gap:110px;padding-top:65px;padding-bottom:65px}.menu-card{padding:42px 35px 30px}}@media(max-width:1000px){.masthead{padding:25px 30px}.home{gap:35px;padding:25px 30px;grid-template-columns:minmax(0,1.15fr) minmax(300px,1fr)}h1{font-size:52px}.menu-card{padding:28px 23px}.intro-copy{font-size:13px}footer{padding:20px 30px}}@media(max-width:700px){.masthead{padding:22px}.edition{display:none}.home{display:block;padding:25px 22px}.intro{max-width:520px;margin:auto}.intro>.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:47px;margin:21px 0}.vignette{margin:12px 0 27px}.vignette svg{max-height:150px}.menu-card{max-width:520px;margin:auto}.age-line{margin-top:20px}footer{padding:25px 22px}footer>span:first-child{display:none}.world-grid{grid-template-columns:1fr}dialog{padding:30px 23px}.dialog-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){button{transition:none}button:hover:not(:disabled){transform:none}}

/* The website link replaces the desktop-only quit control. */
.quit-button{text-decoration:none}.quit-button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.save-note strong{font-weight:600;color:#c3d0c5}