.layout-chooser{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:16px 20px;margin:18px 0 22px;border:1px solid #a0b08755;border-radius:12px;background:#203f33}
.layout-chooser .eyebrow{font-size:8px;color:#d5bd88;margin:0}
.layout-chooser p{font-size:11px;color:#b7c8ac;line-height:1.6;margin:5px 0 0}
.layout-chooser>div[role=group]{display:flex;gap:6px;padding:4px;background:#102c25;border-radius:24px}
.layout-chooser button{min-height:44px;border:0;border-radius:20px;background:transparent;color:#c6d2b9;font-size:12px;padding:10px 17px}
.layout-chooser button[aria-pressed=true]{color:#253e2e;background:#d8bf89;box-shadow:0 2px 6px #081d1833}
.page-navigation{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin:25px 0 28px;padding-bottom:20px;border-bottom:1px solid #a6b58a44}
.page-navigation h2{font:32px/1.2 Georgia,serif;margin:0;color:#ede2c3}
.page-navigation button{font-size:11px;min-height:44px}
.page-navigation h2:focus{outline:none}
.main-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:24px 0 35px}
.menu-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:175px;padding:23px 20px 20px;border:1px solid #96a77a55;border-radius:13px;background:linear-gradient(145deg,#2d4e3d,#1d3c30);color:#e6dfc3;text-decoration:none;transition:background .15s,border-color .15s}
.menu-card:first-child,.menu-card:nth-child(2){background:linear-gradient(145deg,#3a523b,#283e2d);border-color:#bda57188}
.menu-card>span{font:36px/1 Georgia,serif;color:#d9bf88;margin-bottom:19px}
.menu-card strong{font:22px/1.2 Georgia,serif;margin-bottom:9px}
.menu-card small{font-size:11px;color:#b9c9ad;line-height:1.7;max-width:190px}
.menu-card b{position:absolute;right:18px;top:25px;font-size:20px;color:#c8b77f;font-weight:400}
.menu-card:hover{background:#345740;border-color:#d0bb82}
.menu-card:focus-visible,.layout-chooser button:focus-visible{outline:3px solid #ecd49b;outline-offset:4px}
.setup-page{max-width:760px;margin:0 auto 35px}
.settings-dialog[data-presentation=page]{position:static;display:block;box-sizing:border-box;width:100%;max-width:760px;max-height:none;overflow:visible;margin:0;padding:28px;border:1px solid #c2b793;border-radius:14px;box-shadow:0 8px 30px #081d1830}
.settings-dialog[data-presentation=page]:not([open]){display:none}
.settings-dialog[data-presentation=page] .dialog-heading{margin-bottom:24px}
body[data-layout=menu] .lobby-intro{margin-bottom:22px}
body[data-layout=menu] .lobby-intro h1{font-size:42px}
body[data-layout=menu] .lobby-emblem{width:105px;height:105px}
body[data-layout=menu] #records-page,body[data-layout=menu] #journey-page,body[data-layout=menu] #goals-page,body[data-layout=menu] #collection-page,body[data-layout=menu] #free-page{margin-top:0}
body[data-layout=menu] #career-page .lobby-bottom{margin-top:25px}
@media(max-width:900px){.main-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-card{min-height:155px}.page-navigation{gap:12px}.page-navigation h2{font-size:28px}}
@media(max-width:600px){.layout-chooser{padding:14px;gap:12px}.layout-chooser>div[role=group]{width:100%}.layout-chooser button{flex:1;font-size:12px}.layout-chooser p{font-size:10px}.main-menu{gap:11px;margin-top:20px}.menu-card{min-height:151px;padding:20px 15px}.menu-card strong{font-size:20px}.menu-card small{font-size:10px}.menu-card>span{font-size:31px;margin-bottom:15px}.menu-card b{right:13px;top:21px}.page-navigation{grid-template-columns:1fr 1fr;gap:13px;margin:18px 0 22px}.page-navigation h2{grid-column:1/-1;grid-row:1;font-size:29px}.page-navigation button{font-size:10px;padding:11px 12px}.settings-dialog[data-presentation=page]{padding:23px 18px}.settings-dialog[data-presentation=page] h2{font-size:27px}body[data-layout=menu] .lobby-intro h1{font-size:34px}}

.menu-utilities{grid-column:1/-1;display:flex;align-items:center;gap:10px 20px;flex-wrap:wrap;padding:10px 0}.menu-utilities button{font-size:11px;color:#c3ceaf;min-height:44px}body[data-layout=menu] .lobby-intro p:not(.eyebrow){display:none}body[data-layout=menu] .lobby-intro h1{margin-bottom:0}