*{box-sizing:border-box}body{color:#e8eaef;background:#12141a;margin:0;padding:1rem 1.25rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.45}.app-topbar{display:flex;flex-wrap:wrap;align-items: flex-end;gap:.5rem 1.25rem;max-width:56rem;margin-bottom:0}.app-title{white-space:nowrap;letter-spacing:.01em;margin:0 .25rem 0 0;padding-bottom:.45rem;font-size:1.125rem;font-weight:600}.game-client-link{color:#8ab4ff;text-decoration:none;white-space:nowrap;padding-bottom:.45rem;font-size:.875rem}.game-client-link:hover{text-decoration:underline}h2{color:#a8b0c0;margin:.75rem 0 .5rem;font-size:.95rem;font-weight:600}.hint{color:#8a93a5;margin:0;font-size:.85rem}.hint code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.hint code{background:#1e222c;border-radius:4px;padding:.1em .35em}.tabs{display:flex;flex-wrap:wrap;align-items: flex-end;gap:.35rem}.tab{color:#a8b0c0;font:inherit;cursor:pointer;background:#151820;border:1px solid #2a3140;border-bottom:none;border-radius:6px 6px 0 0;padding:.4rem .65rem;font-size:.875rem;line-height:1.25}.tab:hover:not(.active){color:#c4cad4;background:#1a1e28}.tab.active,.tab.active:hover{color:#e8eaef;position:relative;z-index:1;background:#1a1e28;border-color:#3a4558;margin-bottom:-1px;padding-bottom:calc(.4rem + 1px)}.panel{background:#1a1e28;border:1px solid #2a3140;border-radius:8px;max-width:56rem;margin-top:0;margin-bottom:1rem;padding:.85rem 1rem 1rem}.tab-panel:not(.active){display:none}.subpanel{border-top:1px solid #2a3140;margin-top:1rem;padding-top:.75rem}.hidden{display:none!important}label{display:block;color:#b4bcc8;margin-bottom:.65rem;font-size:.85rem}.checkbox-row{display:flex;align-items: center;gap:.5rem}.checkbox-row input{width:auto;margin:0}input[type=text],select{display:block;color:#e8eaef;background:#12141a;border:1px solid #3a4558;border-radius:4px;width:100%;max-width:28rem;margin-top:.25rem;padding:.45rem .55rem}.row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.row.wrap{max-width:36rem}button{color:#e8eaef;cursor:pointer;background:#2a3448;border:1px solid #4a5a72;border-radius:4px;padding:.45rem .75rem;font-size:.875rem}button:hover:not(:disabled):not(.tab){background:#354058}button:disabled{opacity:.45;cursor:not-allowed}.status{margin:.75rem 0 0;font-size:.9rem}pre{overflow:auto;background:#12141a;border:1px solid #2a3140;border-radius:4px;max-height:22rem;margin:0;padding:.75rem;font-size:.8rem}.section-heading{display:flex;flex-wrap:wrap;align-items: center;gap:.75rem;margin:1rem 0 .5rem}.section-heading h2{flex:auto;margin:0}.area-list{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}.area-row{display:flex;flex-wrap:wrap;align-items: center;gap:.75rem}.data-table{border-collapse:collapse;width:100%;margin-bottom:.75rem;font-size:.8rem}.data-table th,.data-table td{text-align:left;vertical-align:top;border:1px solid #2a3140;padding:.35rem .5rem}.data-table th{color:#a8b0c0;font-weight:600}.catalog-panel{margin-bottom:.5rem}.catalog-empty{color:#8a93a5;background:#12141a;border:1px solid #2a3140;border-radius:4px;margin:0;padding:.75rem;font-size:.85rem}.catalog-count{color:#8a93a5;margin:0 0 .35rem;font-size:.8rem}.catalog-scroll{overflow:auto;border:1px solid #2a3140;border-radius:4px;max-height:16rem}.catalog-table{margin:0}.catalog-table td,.catalog-table th{font-size:.78rem}.muted{color:#8a93a5}.recipe-list{display:flex;overflow:auto;flex-direction:column;gap:.5rem;max-height:20rem}.recipe-card{background:#12141a;border:1px solid #2a3140;border-radius:6px;padding:.65rem .75rem}.recipe-card-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:.35rem}.recipe-dl{display:grid;gap:.25rem;margin:0;font-size:.8rem}.recipe-dl div{display:grid;grid-template-columns:4.5rem 1fr;gap:.5rem}.recipe-dl dt{color:#8a93a5;margin:0}.recipe-dl dd{margin:0}.btn-copy-id{padding:.2rem .45rem;font-size:.72rem}.inline-check{display:inline-flex;color:#a8b0c0;align-items: center;gap:.35rem;font-size:.85rem}.meta-dashboard{display:flex;flex-direction:column;gap:.75rem;max-width:56rem}.metric-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.5rem}.metric-card{background:#12141a;border:1px solid #2a3140;border-radius:6px;padding:.55rem .65rem}.metric-card .label{color:#8a93a5;margin:0 0 .15rem;font-size:.72rem}.metric-card .value{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95rem}.systems-stack-bar{display:flex;overflow:hidden;background:#12141a;border:1px solid #2a3140;border-radius:6px;width:100%;max-width:56rem;height:1.35rem}.systems-stack-segment{min-width:2px;height:100%;box-shadow:inset 0 0 0 1px #00000040}.systems-stack-bar--budget{background:#0d0f14}.systems-stack-remainder{box-shadow:none;background:repeating-linear-gradient(-45deg,#1a1e28,#1a1e28 4px,#12141a 4px 8px);min-width:0}.systems-breakdown-head{margin-top:.5rem}.systems-legend{display:flex;flex-wrap:wrap;gap:.35rem 1rem;max-width:56rem;margin-top:.5rem;font-size:.78rem}.systems-legend-item{display:inline-flex;align-items: center;gap:.35rem}.systems-legend-swatch{border-radius:2px;flex-shrink:0;width:.65rem;height:.65rem}.subscribed-areas-cell{display:flex;flex-direction:column;gap:.35rem}.area-summary{background:#12141a;border:1px solid #2a3140;border-radius:4px;max-width:56rem;margin:0 0 .75rem;padding:.5rem .65rem;font-size:.82rem}.raw-meta{max-width:56rem;margin-top:.5rem}.raw-meta summary{cursor:pointer;color:#a8b0c0;margin-bottom:.35rem;font-size:.85rem}