:root{--rail:#49272d;--rail-deep:#3c2026;--ground:#f4f2ed;--surface:#fff;--ink:#352b29;--muted:#70645f;--line:#ded9d1;--accent:#8a493e;--accent-hover:#71392f;--accent-soft:#f2e7e2;--success:#38634c;--success-soft:#edf3ee;--warning:#805c19;--warning-soft:#f8efd9;--error:#9a3834;--error-soft:#faeae7;--radius:12px;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;--shadow:0 16px 52px var(--shadow-color);--focus:#bb8056;--selection:#dfc1ae;--selection-ink:var(--rail-deep);--scrollbar:#aa9387;--hover:#eee9e2;--hover-soft:#f4f0eb;--badge-bg:#efede8;--info:#466177;--info-soft:#edf1f5;--release-bg:#eae5dc;--release-ink:#66533c;--notice-line:#e8d8b7;--notice-ink:#684c1c;--neutral-soft:#eeeae3;--error-line:#e6c2bc;--table-ground:#f8f6f2;--row-line:#eeeae4;--row-hover:#fbf9f5;--locked-row:#fbfaf7;--field-border:#c9c0b7;--placeholder:#7c716b;--track:#e9e3d9;--warning-line:#b58b41;--token-bg:#f2e5dd;--sage:#526748;--sage-soft:#e6ede3;--slate:#53647e;--slate-soft:#e5e8ee;--backdrop:#29181dd0;--shadow-color:#352b2929;--pulse:#ead2bd;--pulse-glow:#8a493e28;--pulse-fade:#8a493e00;--art-ground:#f2eee5;--rarity:#755514;--star-line:#8d8171;--star:#ac7c22;--tag-ink:#67513b;--tag-bg:#f1eadd;--on-accent:#fff;--brand-ink:var(--rail);--dialog-bg:var(--surface);--dialog-line:transparent;--nav-bg:#fcfaf7;--nav-shadow:#352b291a;color-scheme:light;font-family:var(--sans);color:var(--ink);background:var(--ground);font-size:14px;font-synthesis:none}
/* Dark theme: the keep archive by candlelight. Follows the system unless the toggle stores a choice. */
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--rail:#2f161a;--rail-deep:#241014;--ground:#171312;--surface:#211b19;--ink:#ede4da;--muted:#ad9f96;--line:#3a312d;--accent:#df9a83;--accent-hover:#ecb3a0;--accent-soft:#3b2622;--success:#90c8a4;--success-soft:#1d2b23;--warning:#e3b967;--warning-soft:#302617;--error:#f0948a;--error-soft:#3a1f1d;--focus:#d99b6e;--selection:#5c3229;--selection-ink:#f7ebe1;--scrollbar:#5f514a;--hover:#2d2522;--hover-soft:#2a2320;--badge-bg:#2d2623;--info:#9fbad5;--info-soft:#1c2630;--release-bg:#2f2822;--release-ink:#d4c0a2;--notice-line:#5b4826;--notice-ink:#ecd197;--neutral-soft:#2a2421;--error-line:#6b332e;--table-ground:#1c1715;--row-line:#2f2825;--row-hover:#271f1d;--locked-row:#1d1816;--field-border:#504540;--placeholder:#94877e;--track:#382e2a;--warning-line:#a9813b;--token-bg:#3b2622;--sage:#a9c59b;--sage-soft:#222b1f;--slate:#aab7cd;--slate-soft:#20252e;--backdrop:#0b0607d9;--shadow-color:#00000085;--pulse:#4a2b24;--pulse-glow:#df9a8336;--pulse-fade:#df9a8300;--art-ground:#2a2320;--rarity:#dfb862;--star-line:#7e7067;--star:#dba848;--tag-ink:#d9c4a6;--tag-bg:#2e2621;--on-accent:#241210;--brand-ink:#ead2c4;--dialog-bg:#2a2321;--dialog-line:#43393480;--nav-bg:#241e1c;--nav-shadow:#0000008c;color-scheme:dark}}
:root[data-theme=dark]{--rail:#2f161a;--rail-deep:#241014;--ground:#171312;--surface:#211b19;--ink:#ede4da;--muted:#ad9f96;--line:#3a312d;--accent:#df9a83;--accent-hover:#ecb3a0;--accent-soft:#3b2622;--success:#90c8a4;--success-soft:#1d2b23;--warning:#e3b967;--warning-soft:#302617;--error:#f0948a;--error-soft:#3a1f1d;--focus:#d99b6e;--selection:#5c3229;--selection-ink:#f7ebe1;--scrollbar:#5f514a;--hover:#2d2522;--hover-soft:#2a2320;--badge-bg:#2d2623;--info:#9fbad5;--info-soft:#1c2630;--release-bg:#2f2822;--release-ink:#d4c0a2;--notice-line:#5b4826;--notice-ink:#ecd197;--neutral-soft:#2a2421;--error-line:#6b332e;--table-ground:#1c1715;--row-line:#2f2825;--row-hover:#271f1d;--locked-row:#1d1816;--field-border:#504540;--placeholder:#94877e;--track:#382e2a;--warning-line:#a9813b;--token-bg:#3b2622;--sage:#a9c59b;--sage-soft:#222b1f;--slate:#aab7cd;--slate-soft:#20252e;--backdrop:#0b0607d9;--shadow-color:#00000085;--pulse:#4a2b24;--pulse-glow:#df9a8336;--pulse-fade:#df9a8300;--art-ground:#2a2320;--rarity:#dfb862;--star-line:#7e7067;--star:#dba848;--tag-ink:#d9c4a6;--tag-bg:#2e2621;--on-accent:#241210;--brand-ink:#ead2c4;--dialog-bg:#2a2321;--dialog-line:#43393480;--nav-bg:#241e1c;--nav-shadow:#0000008c;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}::selection{background:var(--selection);color:var(--selection-ink)}input,textarea{caret-color:var(--accent)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar) var(--ground)}[hidden]{display:none!important}svg.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin-top:0}h1{font:400 clamp(29px,3vw,38px)/1.2 var(--serif);letter-spacing:-.025em;margin-bottom:10px;text-wrap:balance}h2{font-size:17px;line-height:1.4;font-weight:600;margin-bottom:16px}h3{font-size:15px;line-height:1.4;margin-bottom:10px}p{line-height:1.65;max-width:72ch}small,.small{font-size:12px}strong{font-weight:600}.muted{color:var(--muted)}.num{font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;z-index:100;top:-80px;left:20px;padding:12px;background:var(--surface)}.skip-link:focus{top:12px}
.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100dvh}.sidebar{background:var(--rail);color:#f7f0e7;position:fixed;width:240px;inset:0 auto 0 0;padding:30px 20px 24px;display:flex;flex-direction:column;z-index:20;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;font:29px var(--serif);letter-spacing:-.025em;color:inherit;text-decoration:none;padding:0 12px}.brand .icon{width:26px;height:30px;color:#d3b395}.account-switch{display:flex;align-items:center;gap:12px;width:100%;background:#ffffff0c;color:inherit;border:1px solid #ffffff28;border-radius:8px;text-align:left;margin:29px 0 24px;padding:13px 12px}.crest{width:34px;height:38px;display:grid;place-items:center;font:22px var(--serif);border:1px solid #c6b2a7;border-radius:5px 5px 14px 14px;flex-shrink:0}.account-switch strong{display:block;font-size:14px}.account-switch small{display:block;color:#d2bfc1;margin-top:4px;font-size:11px}.account-switch .icon{margin-left:auto;width:15px}.nav{display:grid;gap:4px}.nav a{display:flex;gap:12px;align-items:center;color:#dac9ca;text-decoration:none;padding:11px 14px;min-height:43px;border-radius:7px;font-size:13px}.nav a:hover{background:#ffffff09;color:#fff}.nav a.active{color:white;background:#ffffff13;font-weight:600}.nav .nav-separator{height:1px;background:#ffffff1c;margin:17px 13px}.nav small{margin-left:auto;font-size:10px;color:#d6b9ab}.rail-bottom{margin-top:auto;padding:25px 13px 0;color:#d2bfc1;font-size:11px;line-height:1.8}.rail-bottom a{color:#e7d5ca}.rail-bottom p{margin:0 0 8px;font:italic 14px var(--serif);color:#ecddd2}.workspace{grid-column:2;padding:0 clamp(22px,3.3vw,48px);min-width:0}.topbar{min-height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}.breadcrumbs{display:flex;gap:10px;align-items:center;color:var(--muted);min-width:0;flex-wrap:wrap}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs strong{color:var(--ink);font-weight:500}.top-tools{display:flex;gap:12px;align-items:center}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--surface);border:1px solid var(--line);color:var(--ink);font:13px var(--serif);text-decoration:none}.demo-badge{color:var(--accent);font-size:11px;background:var(--accent-soft);padding:6px 9px;border-radius:5px;white-space:nowrap}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 0 25px}.page-header p{margin:0;color:var(--muted);font-size:13px}.header-actions,.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;border-radius:7px;border:1px solid var(--line);color:var(--ink);background:var(--surface);font-size:12px;font-weight:600;text-decoration:none;line-height:1.4;white-space:normal}.button:hover{background:var(--hover);text-decoration:none}.button.primary{background:var(--accent);border-color:transparent;color:var(--on-accent)}.button.primary:hover{background:var(--accent-hover)}.button.danger{background:var(--error);color:var(--on-accent);border-color:transparent}.button.ghost{background:transparent}.button.small{padding:6px 10px;min-height:34px;font-size:11px}.icon-button{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:var(--surface)}.text-link{font-size:12px;font-weight:600;text-decoration:none;display:inline-flex;gap:7px;align-items:center}.text-link .icon{width:14px;height:14px}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:5px;padding:5px 8px;font-size:11px;line-height:1.3;font-weight:500;color:var(--muted);background:var(--badge-bg);white-space:nowrap}.badge:before{content:'';display:block;width:5px;height:5px;background:currentColor;border-radius:50%;flex-shrink:0}.badge.success{color:var(--success);background:var(--success-soft)}.badge.warning{color:var(--warning);background:var(--warning-soft)}.badge.error{color:var(--error);background:var(--error-soft)}.badge.info{color:var(--info);background:var(--info-soft)}.release{font-size:10px;padding:4px 7px;display:inline-block;background:var(--release-bg);color:var(--release-ink);border-radius:4px;margin-left:10px;vertical-align:middle;font-family:var(--sans);letter-spacing:0}.notice{display:flex;gap:12px;padding:14px 17px;border:1px solid var(--notice-line);background:var(--warning-soft);border-radius:8px;margin-bottom:22px;font-size:12px;color:var(--notice-ink);line-height:1.6}.notice .icon{margin-top:2px}.notice strong{display:block;margin-bottom:2px}.notice p{margin:0}.notice.neutral{background:var(--neutral-soft);border-color:var(--line);color:var(--muted)}.notice.error{background:var(--error-soft);border-color:var(--error-line);color:var(--error)}.notice .actions{margin-left:auto}.notice details{margin-top:5px}.notice summary{cursor:pointer}.status-line{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin-bottom:18px;flex-wrap:wrap}.resource-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px 0;margin-bottom:24px}.resource{padding:0 25px;border-right:1px solid var(--line)}.resource:last-child{border-right:0}.resource span{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.resource .icon{width:16px;height:16px;color:var(--accent)}.resource strong{display:block;font-size:26px;font-weight:500;letter-spacing:-.02em;margin:11px 0 8px}.resource small{font-size:10px;color:var(--muted)}.columns{display:grid;grid-template-columns:minmax(0,1fr) 304px;gap:24px;align-items:start}.equal-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;overflow:hidden;margin-bottom:24px}.panel-body{padding:23px 24px}.panel-body>:last-child{margin-bottom:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 24px 18px}.section-heading h2{margin:0}.section-heading p{margin:5px 0 0;font-size:12px;color:var(--muted)}.tabs{display:flex;gap:23px;padding:0 24px;border-bottom:1px solid var(--line);overflow-x:auto}.tabs button,.tabs a{font-size:12px;color:var(--muted);background:none;border:0;border-bottom:2px solid transparent;padding:0 0 14px;white-space:nowrap;text-decoration:none}.tabs .active{color:var(--ink);border-color:var(--accent);font-weight:600}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{padding:13px 20px;background:var(--table-ground);color:var(--muted);font-size:11px;font-weight:500;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:18px 20px;border-bottom:1px solid var(--row-line);vertical-align:middle;line-height:1.5}td a:not(.button){color:var(--ink);font-weight:600;text-decoration:none}td a:not(.button):hover{color:var(--accent);text-decoration:underline}td small{display:block;margin-top:4px;font-size:10px;color:var(--muted)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--row-hover)}.table-foot{padding:15px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:10px}.timeline{padding:2px 24px 24px}.event{position:relative;padding:0 0 23px 20px;border-left:1px solid var(--line)}.event:before{content:'';position:absolute;left:-4px;top:5px;width:7px;height:7px;border-radius:50%;background:var(--accent)}.event:last-child{padding-bottom:0;border-color:transparent}.event strong{font-size:12px;font-weight:500}.event p{margin:5px 0;font-size:11px;color:var(--muted);line-height:1.6}.event time{font-size:10px;color:var(--muted)}.event.pending:before{background:var(--warning)}.callout{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--surface);padding:20px 24px;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:24px}.callout p{margin:5px 0 0;color:var(--muted);font-size:12px}.callout strong{font-size:13px}.callout .text-link{flex-shrink:0}.footer{display:flex;justify-content:space-between;gap:16px;font-size:10px;color:var(--muted);padding:6px 0 28px}.footer a{color:var(--muted)}.mobile-nav{display:none}.preview-toolbar{margin:12px 0 24px;padding:14px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.preview-toolbar label{display:flex;align-items:center;gap:8px}.preview-toolbar select{width:auto;padding:7px 28px 7px 9px;font-size:11px;min-height:34px}.preview-toolbar button{margin-left:auto}.filterbar{display:flex;gap:12px;align-items:center;padding:0 24px 20px;flex-wrap:wrap}.filterbar input{flex:1;min-width:160px}.filterbar select{width:auto;min-width:130px}.filterbar label{margin:0}.field{margin-bottom:21px}.field label{font-size:12px;font-weight:600;display:block;margin-bottom:8px}input,select,textarea{border:1px solid var(--field-border);border-radius:7px;padding:11px 12px;background:var(--surface);color:var(--ink);min-height:43px;width:100%;max-width:100%}input::placeholder{color:var(--placeholder);opacity:1}input[type=checkbox]{width:17px;min-height:17px;height:17px;accent-color:var(--accent)}input[type=range]{accent-color:var(--accent);padding:0;min-height:26px}input[readonly]{background:var(--ground)}.field small{display:block;color:var(--muted);margin-top:7px;font-size:11px;line-height:1.6}.field-error{color:var(--error)!important}.input-action{display:flex;gap:8px;align-items:center}.input-action input{min-width:0}.check-label{display:flex!important;align-items:flex-start;gap:9px;font-size:12px;line-height:1.6;cursor:pointer}.check-label input{flex-shrink:0;margin-top:2px}.form-width{max-width:540px}.inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.divider{height:1px;background:var(--line);margin:23px 0}.facts{margin:0}.facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--row-line);font-size:12px}.facts>div:last-child{border:0}.facts dt{color:var(--muted);line-height:1.6}.facts dd{margin:0;text-align:right;line-height:1.6}.costs .facts dd{font-variant-numeric:tabular-nums}.checks{list-style:none;margin:18px 0;padding:0;display:grid;gap:13px}.checks li{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.5}.checks .icon{width:16px;height:16px;color:var(--success);margin-top:1px}.checks li.unknown .icon{color:var(--warning)}.checks li.failed .icon{color:var(--error)}.checks small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.section-space{margin-top:30px}.balance{display:flex;justify-content:space-between;align-items:center;padding:16px 0;margin-bottom:12px;border-bottom:1px solid var(--line)}.balance strong{font-size:28px;font-weight:500}.progress-track{height:6px;background:var(--track);border-radius:4px;overflow:hidden;margin:12px 0}.progress-track>span{display:block;height:100%;background:var(--accent);border-radius:4px}.capacity-label{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.lane-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:20px 0}.lane{text-align:center;border-right:1px solid var(--line);padding:20px 8px}.lane:last-child{border:0}.lane svg{width:30px;height:30px;color:var(--accent);margin-bottom:12px}.lane strong{display:block;font-size:20px;font-weight:500;margin:8px 0}.lane small{font-size:11px;color:var(--muted)}.stage-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:23px 24px;background:var(--table-ground)}.stage{font-size:11px;border-top:2px solid var(--line);padding-top:12px;line-height:1.6}.stage.done{border-color:var(--success)}.stage.pending{border-color:var(--warning-line)}.stage strong{display:block;font-size:12px;margin-bottom:5px}.stage span{color:var(--muted)}.outcome-heading{display:flex;align-items:center;gap:12px}.outcome-heading>.icon{width:26px;height:26px;color:var(--success)}.outcome-heading h2{margin:0}.operation-time{font-size:11px;color:var(--muted);margin:10px 0 20px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dragon-token{display:grid;place-items:center;height:135px;background:var(--token-bg);color:var(--accent)}.dragon-token.sage{background:var(--sage-soft);color:var(--sage)}.dragon-token.slate{background:var(--slate-soft);color:var(--slate)}.dragon-token .icon{width:58px;height:58px;stroke-width:1}.dragon-token span{font:42px var(--serif)}.dragon-card .panel-body h2{font:24px var(--serif);margin:0 0 8px}.dragon-card .panel-body p{font-size:12px;color:var(--muted)}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.account-head{display:flex;align-items:center;gap:15px;margin-bottom:25px}.account-head .crest{width:43px;height:50px;color:var(--accent);background:var(--ground)}.account-head h2{font:25px var(--serif);margin:0 0 7px}.account-head p{margin:0;color:var(--muted);font-size:12px}.account-card .actions{margin-top:25px}.settings-nav{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow:auto}.settings-nav a{padding:0 0 15px;color:var(--muted);font-size:12px;text-decoration:none;white-space:nowrap}.settings-nav .active{color:var(--accent);border-bottom:2px solid var(--accent)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0}.setting-row p{font-size:12px;color:var(--muted);margin:5px 0 0}.setting-row strong{font-size:13px}.reading{max-width:760px}.reading h2{margin-top:30px}.reading p,.reading li{font-size:13px;line-height:1.8;color:var(--muted)}.reading details{border-bottom:1px solid var(--line);padding:20px 0}.reading summary{cursor:pointer;font-weight:600;line-height:1.6}.reading details p{margin:12px 0 0}.empty{padding:50px 25px;text-align:center}.empty>.icon{width:35px;height:35px;color:var(--muted);margin-bottom:18px}.empty h2{font:25px var(--serif)}.empty p{font-size:13px;color:var(--muted);max-width:45ch;margin:0 auto 20px}.skeleton{background:var(--track);border-radius:6px;height:14px;margin-bottom:20px;width:75%}.skeleton.short{width:30%}.loading-preview{padding:30px}.loading-preview .skeleton:nth-child(even){width:95%}.public-shell{min-height:100dvh}.public-nav{padding:25px clamp(24px,6vw,90px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.public-nav .brand{color:var(--brand-ink);padding:0}.public-nav .actions{gap:20px}.public-main{max-width:1120px;margin:0 auto;padding:65px 30px 35px}.welcome{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;min-height:430px}.welcome h1{font-size:clamp(38px,5vw,62px);max-width:11ch}.welcome p{font-size:15px;color:var(--muted);max-width:44ch}.welcome .actions{margin-top:30px}.welcome-aside{background:var(--rail);color:#f7f0e7;border-radius:16px;padding:35px}.welcome-aside h2{font:28px var(--serif);margin-bottom:25px}.welcome-aside .facts dt{color:#dbc8c6}.welcome-aside .facts>div{border-color:#ffffff23}.welcome-aside .facts{margin-bottom:30px}.welcome-aside .badge{color:#ecdcbd;background:#ffffff12}.public-notes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;border-top:1px solid var(--line);margin-top:55px;padding-top:30px}.public-notes p{font-size:12px;color:var(--muted)}.auth-layout{max-width:450px;margin:0 auto}.auth-layout>h1{font-size:34px}.auth-layout>p{font-size:13px;color:var(--muted);margin-bottom:26px}.auth-layout .panel-body{padding:30px}.auth-layout .button.primary{width:100%}.auth-layout .auth-note{text-align:center;margin:20px 0 0;font-size:12px}.auth-layout .notice{margin-bottom:24px}.code-input{letter-spacing:.35em;font-size:22px;text-align:center}.password-wrap{display:flex;gap:8px}.password-wrap input{min-width:0}.public-footer{display:flex;justify-content:space-between;gap:20px;margin-top:50px;border-top:1px solid var(--line);padding-top:24px;font-size:11px;color:var(--muted)}
dialog{border:1px solid var(--dialog-line);border-radius:16px;padding:0;width:min(570px,calc(100% - 32px));max-height:90dvh;color:var(--ink);background:var(--dialog-bg);box-shadow:var(--shadow);overflow:auto}dialog::backdrop{background:var(--backdrop)}dialog.wide{width:min(940px,calc(100% - 32px))}.dialog-head{padding:24px 28px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.dialog-head h2{font:26px var(--serif);margin:0}.dialog-body{padding:24px 28px}.dialog-body>p{font-size:13px;color:var(--muted)}.dialog-footer{display:flex;justify-content:space-between;gap:12px;padding:18px 28px;border-top:1px solid var(--line);background:var(--table-ground);position:sticky;bottom:0}.review-context{display:flex;align-items:center;gap:10px;margin-bottom:22px;font-size:12px}.review-expiry{font-size:11px;color:var(--muted);margin-top:20px}.comparison{display:grid;grid-template-columns:1fr 24px 1fr;align-items:center;gap:12px;padding:20px 0;margin:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.comparison strong{display:block;font-size:24px;font-weight:500;margin-top:7px}.comparison span{font-size:11px;color:var(--muted)}.comparison .icon{color:var(--accent)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);padding:13px 20px;border-radius:8px;background:var(--rail-deep);color:#fff;box-shadow:0 8px 26px var(--shadow-color);font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);line-height:1.6}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.catalog-group h3{color:var(--muted);font-size:12px;margin-top:10px}.catalog-group a{display:flex;align-items:center;justify-content:space-between;color:var(--ink);font-size:12px;padding:11px 0;text-decoration:none;border-bottom:1px solid var(--line)}.catalog-group a:hover{color:var(--accent)}.catalog-group .release{font-size:9px}.menu-list{display:grid;gap:6px}.menu-list a,.menu-list button{display:flex;gap:12px;align-items:center;padding:14px;border:0;border-radius:8px;background:transparent;color:var(--ink);text-decoration:none;text-align:left;width:100%}.menu-list a:hover,.menu-list button:hover{background:var(--ground)}.menu-list small{margin-left:auto;color:var(--muted)}.account-choice{display:flex;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);width:100%;border-top:0;border-right:0;border-left:0;background:none;color:var(--ink);text-align:left}.account-choice small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.account-choice>.icon{margin-left:auto}.confirmation-pulse{animation:review-progress .6s cubic-bezier(.16,1,.3,1)}@keyframes review-progress{from{background:var(--pulse);box-shadow:0 4px 30px var(--pulse-glow)}to{background:var(--table-ground);box-shadow:0 0 0 var(--pulse-fade)}}
@media(min-width:1600px){.workspace{padding-left:55px;padding-right:55px}main#main{max-width:1320px;margin:auto}.topbar,.preview-toolbar,.footer{max-width:1320px;margin-left:auto;margin-right:auto}}
@media(max-width:1180px){.columns{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.workspace{padding:0 26px}.resource{padding:0 18px}.resource strong{font-size:23px}td{padding:16px 14px}.page-header{align-items:flex-start}.top-tools{gap:8px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{width:210px;padding:25px 14px}.brand{font-size:27px}.columns{grid-template-columns:1fr}.equal-columns{gap:18px}.resource{padding:0 15px}.resource strong{font-size:23px}.topbar{min-height:72px}.account-grid{grid-template-columns:1fr}.activity-panel{display:none}.page-header{padding-top:26px}.public-main{padding-top:45px}.welcome{gap:30px}.stage-strip{gap:12px;padding:20px}.stage strong{font-size:11px}}
@media(max-width:760px),(max-height:500px) and (orientation:landscape){.shell{display:block}.sidebar{display:none}.workspace{padding:0 20px 88px}.topbar{min-height:67px}.breadcrumbs a{font-weight:600;color:var(--ink)}.top-tools .avatar{display:none}.demo-badge{font-size:10px}.topbar .connection-top{display:none}.page-header{display:block;padding:27px 0 23px}.page-header h1{font-size:31px}.header-actions{margin-top:20px}.page-header p{font-size:12px;max-width:42ch}.status-line{font-size:10px;gap:8px}.resource-strip{grid-template-columns:1fr 1fr;padding:0;margin-bottom:22px}.resource{padding:19px 20px;border-bottom:1px solid var(--line)}.resource:nth-child(2){border-right:0}.resource:nth-child(3),.resource:nth-child(4){border-bottom:0}.resource strong{font-size:25px;margin:8px 0}.resource small{font-size:10px}.equal-columns{grid-template-columns:1fr;gap:0}.columns{gap:0}.activity-panel{display:block}.panel{margin-bottom:22px}.section-heading{padding:21px 20px 17px}.panel-body{padding:22px 20px}.filterbar{padding:0 20px 18px}.tabs{padding:0 20px;gap:22px}.table-wrap{margin:0}th{padding:12px 15px}td{padding:17px 15px}.table-foot{padding:15px 20px;line-height:1.7}.dashboard-armies .location-cell{display:none}.dashboard-armies td:first-child{min-width:140px}.timeline{padding:0 20px 22px}.callout{padding:20px;display:block}.callout .text-link{margin-top:15px}.footer{display:block;line-height:2}.footer>span{display:block}.preview-toolbar{gap:10px;margin-bottom:6px}.preview-toolbar button{margin-left:0}.preview-toolbar label{flex:1}.preview-toolbar select{flex:1;max-width:190px}.mobile-nav{position:fixed;display:flex;bottom:0;left:0;right:0;z-index:25;background:var(--surface);border-top:1px solid var(--line);padding:8px 8px max(9px,env(safe-area-inset-bottom));justify-content:space-around}.mobile-nav a,.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--muted);font-size:10px;background:none;border:0;min-width:56px;text-decoration:none;padding:5px}.mobile-nav .active{color:var(--accent)}.mobile-nav .icon{width:20px;height:20px}.card-grid{grid-template-columns:1fr}.account-grid{gap:0}.lane{padding:15px 5px}.lane strong{font-size:19px}.lane small{font-size:10px}.setting-row{gap:15px}.setting-row .button{max-width:130px}.public-nav{padding:20px}.public-nav .brand{font-size:26px}.public-nav .actions{gap:12px}.public-nav .actions .text-link{font-size:11px}.public-nav .demo-badge{display:none}.public-main{padding:35px 20px}.welcome{grid-template-columns:1fr;gap:35px}.welcome h1{font-size:43px;max-width:12ch}.welcome p{font-size:14px}.welcome-aside{padding:26px}.public-notes{grid-template-columns:1fr;gap:12px;margin-top:35px}.public-footer{flex-wrap:wrap;line-height:1.8}.auth-layout .panel-body{padding:24px 20px}.auth-layout>h1{font-size:31px}.notice{font-size:11px;padding:13px 14px;gap:10px}.notice .actions{margin-left:0}.notice .icon{width:17px;height:17px}.catalog-grid{grid-template-columns:1fr 1fr;gap:15px}.dialog-head{padding:21px 20px}.dialog-head h2{font-size:24px}.dialog-body{padding:22px 20px}.dialog-footer{padding:17px 20px}.dialog-footer .button{font-size:11px}.toast{bottom:90px}.stage-strip{grid-template-columns:1fr;gap:15px}.stage{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stage strong{font-size:12px}.inline-fields{grid-template-columns:1fr}.reading{max-width:100%}.operation-filter{min-width:100%}.breadcrumb-separator{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.mobile-account{display:none}.rail-bottom>a+a{margin-left:12px}.nav .nav-item{color:#dac9ca}.public-main .preview-toolbar{margin-top:40px}.auth-layout .button.small{width:auto}.catalog-group a .release{margin-left:6px}.comparison strong{font-variant-numeric:tabular-nums}
@media(max-width:760px),(max-height:500px) and (orientation:landscape){.mobile-account{display:inline-grid;width:30px;height:30px;background:transparent;border:0;color:var(--accent)}.breadcrumbs{gap:7px}.breadcrumbs strong{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-grid{grid-template-columns:1fr}.notice .section-space{margin-top:12px}}
main:focus{outline:none}.welcome-aside p{color:#dbc8c6}.welcome-aside>p.small{max-width:100%}
@media(max-width:760px),(max-height:500px) and (orientation:landscape){.army-table th:nth-child(2),.army-table td:nth-child(2){display:none}.dashboard-armies .army-table th:nth-child(2),.dashboard-armies .army-table td:nth-child(2){display:table-cell}.army-table th:last-child:has(.sr-only),.army-table td:last-child:has(a.text-link){display:none}.army-table td:first-child{min-width:142px}.army-table td{padding-left:12px;padding-right:12px}.army-table .badge{font-size:10px;padding:5px 6px}.army-table td small{font-size:10px}}
.technical-details{margin-top:24px;border-top:1px solid var(--line);padding-top:16px;font-size:12px;color:var(--muted)}.technical-details summary,.prototype-tools summary{cursor:pointer;text-underline-offset:4px}.technical-details[open] summary{margin-bottom:18px}.prototype-tools{font-size:11px;color:var(--muted);margin:20px 0}.prototype-tools[open]>summary{margin-bottom:16px}.prototype-tools .preview-toolbar{border:0;margin:0;padding:10px 0}.prototype-tools .field{margin-top:15px}.action-result{max-width:760px}.result-message{font-size:14px;color:var(--muted);margin:18px 0 24px}.action-result .outcome-heading h2{font:28px var(--serif)}
.task-panel{background:var(--surface)}.task-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.task-heading h2{margin:0;font-size:18px}.task-heading>.icon{color:var(--accent)}.task-heading .badge{margin-left:auto}.task-countdown{font:400 clamp(32px,4vw,44px)/1.2 var(--serif);font-variant-numeric:tabular-nums;margin:24px 0 10px;color:var(--ink)}.task-panel p{color:var(--muted);font-size:12px;margin:12px 0 18px}.task-facts{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin:20px 0;color:var(--muted)}.ongoing-panel>h2{margin:0 0 16px}.ongoing-panel .task-heading h2{font-size:15px}.ongoing-panel .task-heading .badge{margin-left:0}.ongoing-panel .task-countdown{font-size:32px}.ongoing-panel .panel-body{padding:20px}.ongoing-panel .task-facts{flex-wrap:wrap}
.task-countdown.is-updating{font-size:28px;line-height:1.4}
@media(max-width:760px),(max-height:500px) and (orientation:landscape){.task-countdown.is-updating{font-size:25px}.task-heading h2{font-size:17px}}
.dragon-filterbar{display:flex;align-items:end;gap:12px;margin:4px 0 20px;flex-wrap:wrap}.dragon-filterbar label{flex:1;min-width:130px}.dragon-filterbar label>span:not(.sr-only){display:block;font-size:11px;color:var(--muted);margin-bottom:7px}.dragon-filterbar .dragon-search{flex:1.8;min-width:200px}.collection-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 16px;font-size:12px}.collection-heading p{margin:0;font-weight:600}.collection-heading>span{color:var(--muted);font-size:11px}.dragon-collection{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.dragon-name{color:var(--ink);text-decoration:none}.dragon-name:hover{color:var(--accent)}.rarity-label{font-size:11px;font-weight:600;color:var(--rarity)}.dragon-stars{display:inline-flex;align-items:center;gap:2px}.dragon-stars svg{width:13px;height:13px;fill:transparent;stroke:var(--star-line);stroke-width:1.5}.dragon-stars svg.filled{fill:var(--star);stroke:var(--star)}.dragon-affinities{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.dragon-affinities span{padding:5px 8px;font-size:10px;color:var(--tag-ink);background:var(--tag-bg);border-radius:5px}.game-icon{width:24px;height:24px;object-fit:contain;flex-shrink:0}.dragon-profile{display:grid;grid-template-columns:270px minmax(0,1fr);padding:30px;gap:30px;align-items:center;max-width:900px}.dragon-profile-art{text-align:center;background:var(--art-ground);border-radius:12px;padding:10px}.dragon-profile-art>img{max-width:100%;height:auto;object-fit:contain}.dragon-profile-info{max-width:470px}.dragon-profile-info h2{font:32px var(--serif);margin:15px 0 10px}.dragon-profile-meta{display:flex;align-items:center;gap:15px;font-size:12px;color:var(--muted)}.dragon-profile-info .dragon-stars{margin-bottom:20px}.dragon-profile-info .dragon-stars svg{width:18px;height:18px}.dragon-attributes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 24px}.dragon-attributes>div{text-align:center;padding:10px 0}.dragon-attributes .game-icon{width:34px;height:30px;margin-bottom:10px}.dragon-attributes dt{color:var(--muted);font-size:11px}.dragon-attributes dd{font-size:26px;font-weight:500;margin:9px 0 0}.dragon-ability{display:flex;gap:16px;margin:0 0 22px;align-items:flex-start}.dragon-ability>.game-icon{width:30px;height:30px;margin-top:2px}.dragon-ability h3{margin-bottom:7px;font-size:13px}.dragon-ability p{font-size:13px;color:var(--muted);margin:0}.dragon-credit{font-size:11px;color:var(--muted);margin:26px 0 24px;line-height:1.8}.dragon-credit a{color:var(--muted)}.dragon-empty{grid-column:1/-1}
@media(max-width:1250px){}
@media(max-width:760px),(max-height:500px) and (orientation:landscape){.dragon-filterbar{gap:12px}.dragon-filterbar .dragon-search{flex-basis:100%}.dragon-filterbar label{flex-basis:calc(50% - 6px);min-width:0}.collection-heading{align-items:flex-start;gap:12px}.collection-heading>span{max-width:150px;text-align:right;line-height:1.5}.dragon-profile{grid-template-columns:1fr;gap:20px;padding:22px}.dragon-profile-art{max-width:260px;margin:auto;width:100%}.dragon-profile-info{max-width:none}.dragon-profile-art>img{width:210px}.dragon-attributes{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}}

/* Army slots and one dragon per lane */
.army-slot-section{margin-bottom:28px}.army-slot-section>.section-heading{padding:0 0 14px}.army-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.army-slot{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--ink);min-width:0}.army-slot:hover{border-color:var(--accent);text-decoration:none}.slot-label{color:var(--muted);font-size:11px}.army-slot>strong{font-size:12px;line-height:1.5;min-height:36px}.army-portraits{display:flex;gap:3px}.army-portraits img{width:28px;height:28px;object-fit:contain}.army-slot.is-empty{background:transparent;border-style:dashed}.empty-slot-action{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--accent);min-height:28px}.empty-slot-action .icon{width:14px;height:14px}.lane h3{font:500 12px var(--sans);margin:0 0 12px;color:var(--muted)}.lane-dragon{display:flex;flex-direction:column;align-items:center;gap:7px;text-decoration:none;font-size:13px;font-weight:600;color:var(--ink)}.lane-dragon img{object-fit:contain;width:80px;height:80px}.lane-dragon:hover{color:var(--accent)}.lane .lane-dragon+small{display:block;margin:5px 0 19px}.lane strong.num{display:block}.lane>small{font-size:11px;color:var(--muted)}
@media(max-width:1100px){.army-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.army-slot>strong{min-height:0}}
@media(max-width:600px){.army-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.army-slot{padding:13px}.lane-dragon img{width:60px;height:60px}.lane-dragon{font-size:12px}.lane h3{font-size:11px}.lane strong.num{font-size:17px}.lane-grid .lane{padding:16px 5px}}
/* Complete player management flows, within the Keep archive system. */
.management-resources{grid-template-columns:repeat(5,minmax(0,1fr))}.management-resources .resource{padding:0 20px}.management-resources .resource strong{font-size:24px}.form-blockers{padding:13px 16px 13px 30px;margin:16px 0;background:var(--warning-soft);color:var(--notice-ink);border-radius:7px;font-size:12px;line-height:1.6}.form-blockers li+li{margin-top:6px}.inline-result{margin-bottom:22px}.inline-result .button{margin-top:12px}.reward-list{display:flex;gap:18px;list-style:none;padding:0;flex-wrap:wrap}.reward-list li{font-size:13px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.composition-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}.composition-lane{border:0;border-top:1px solid var(--line);padding:16px 0 0;min-width:0;margin:0}.composition-lane legend{font-size:12px;font-weight:600;padding:0 8px 0 0}.composition-lane .field{margin-bottom:16px}.composition-lane label{font-size:11px}.composition-lane select{font-size:12px;padding-left:8px}.selected-dragon{display:flex;flex-direction:column;align-items:center;min-height:125px;justify-content:center;gap:6px;text-align:center;margin-bottom:15px}.selected-dragon img{object-fit:contain;width:68px;height:68px}.selected-dragon strong{font-size:12px}.selected-dragon small{font-size:10px;color:var(--muted)}.selected-dragon>.icon{width:36px;height:36px;color:var(--muted)}.selected-dragon>span{font-size:11px;color:var(--muted)}.allocation-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px;margin-top:12px}.allocation-tools>label{font-size:12px}.allocation-tools>input{width:110px}.allocation-tools .check-label{font-size:11px}.allocation-tools .check-label input{width:16px;min-height:16px}.draft-differences{margin:20px 0}.draft-differences>div{display:grid;gap:6px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.draft-differences small{font-size:11px;color:var(--muted)}.lane-room{display:block;margin-top:9px}.allocation-summary{margin:16px 0 22px}.compact-table{font-size:11px}.compact-table td,.compact-table th{padding:8px 6px}.builder-list,.requirement-list{list-style:none;padding:0;margin:0}.builder-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.builder-list li:first-child,.requirement-list li:first-child{padding-top:0}.builder-list li:last-child,.requirement-list li:last-child{border-bottom:0}.builder-list strong,.builder-list span,.requirement-list strong,.requirement-list span{display:block;font-size:12px}.builder-list span,.requirement-list span{color:var(--muted);font-size:11px;line-height:1.7;margin-top:5px}.requirement-list li{padding:15px 0;border-bottom:1px solid var(--line)}.benefit-comparison{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-bottom:20px;font-size:13px}.benefit-comparison span{display:flex;align-items:center;gap:12px}.benefit-comparison b{color:var(--success)}.hatchery-wallet{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;gap:18px;margin-bottom:28px}.hatchery-wallet span{display:block;font-size:12px;color:var(--muted);margin-bottom:9px}.hatchery-wallet strong{font-size:22px;font-weight:500}.chest-choices{padding:0 24px 24px}.chest-choice{width:100%;display:flex;align-items:center;gap:15px;padding:20px 12px;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--ink);text-align:left;border-radius:0}.chest-choice.selected{background:var(--accent-soft);border-radius:7px;border-bottom-color:transparent}.chest-choice:hover{background:var(--hover-soft)}.chest-choice>span:nth-child(2){flex:1}.chest-choice strong{display:block;font-size:13px}.chest-choice small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:6px}.chest-symbol{display:grid;place-items:center;width:40px;height:40px;color:var(--accent)}.chest-symbol .icon{width:28px;height:28px}.inline-select{width:auto;max-width:140px;font-size:11px}.management-army-table td{padding:17px 16px}.management-army-table .army-portraits{min-width:90px}.management-army-table .army-portraits img{width:28px;height:28px}.management-army-table th{padding:13px 16px}.editor-layout aside{min-width:0}
[hidden]{display:none!important}
@media(max-width:1180px){.editor-layout{grid-template-columns:minmax(0,1fr) 270px}.composition-lanes{gap:10px}.editor-layout .panel-body{padding:20px}.management-resources .resource{padding:0 14px}.management-resources .resource strong{font-size:21px}}
@media(max-width:1000px){.editor-layout{grid-template-columns:1fr}.editor-layout>aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.management-army-table td,.management-army-table th{padding-left:12px;padding-right:12px}}
@media(max-width:760px),(max-height:500px) and (orientation:landscape){.management-resources{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}.management-resources .resource:nth-child(3){border-right:0}.management-resources .resource strong{font-size:21px}.editor-layout>aside{display:block}.composition-lanes{grid-template-columns:1fr}.composition-lane{display:grid;grid-template-columns:80px minmax(0,1fr);gap:0 14px;padding-top:18px}.composition-lane legend{font-size:13px}.selected-dragon{grid-column:1;grid-row:1/3;min-height:125px}.composition-lane .field{grid-column:2}.management-army-table th:nth-child(2),.management-army-table td:nth-child(2){display:none}.management-army-table th:last-child,.management-army-table td:last-child{display:none}.management-army-table td:first-child{min-width:135px}.management-army-table .badge{font-size:10px;padding:5px}.management-army-table td,.management-army-table th{padding-left:11px;padding-right:11px}.hatchery-wallet{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.chest-choices{padding:0 16px 16px}.chest-choice{padding:17px 10px}.allocation-tools{align-items:flex-start}.allocation-tools>label:first-child{width:100%}.editor-layout .panel-body{padding:20px}.composition-lane select{font-size:13px}.management-resources .resource:nth-child(4){border-right:1px solid var(--line)}.management-resources .resource:last-child{border-right:0}}

.columns>div,.columns>aside,.equal-columns>div,.equal-columns>aside{min-width:0}.task-heading{flex-wrap:wrap}.task-heading h2{min-width:0}.section-heading h2{min-width:0}.section-heading>.small{flex-shrink:0}
/* Keep the protected review actions outside its scrollable content. */
dialog[open]{display:flex;flex-direction:column;overflow:hidden}.dialog-head,.dialog-footer{flex-shrink:0}.dialog-body{overflow-y:auto;min-height:0;overscroll-behavior:contain}.dialog-footer{position:static}
.table-wrap th{position:relative}
/* City by Stronghold tier: Stronghold summary, category toggles and tier-grouped upgrade table. */
.stronghold-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px 18px}.stronghold-id{display:flex;gap:14px;align-items:center;min-width:0}.stronghold-id>.icon{width:34px;height:34px;padding:7px;border:1px solid var(--line);border-radius:7px;color:var(--accent);background:var(--accent-soft);box-sizing:border-box}.stronghold-id h2{margin:0}.stronghold-id p{margin:3px 0 0;font-size:12px;color:var(--muted)}
.stronghold-rank{text-align:right;flex-shrink:0}.stronghold-rank strong{display:block;font:400 38px/1 var(--serif);letter-spacing:-.025em;font-variant-numeric:tabular-nums}.stronghold-rank span{font-size:11px;color:var(--muted)}
.keep-track{list-style:none;margin:0;padding:0 24px;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}.keep-track li{display:grid;gap:6px;text-align:center}.keep-step{display:grid;place-items:center;height:30px;border-radius:5px;border:1px solid var(--line);background:var(--surface);font-size:12px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}
.keep-track .reached .keep-step{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.keep-track .current .keep-step{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.keep-track .next .keep-step{border:1px dashed var(--accent);color:var(--ink)}.keep-new{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.keep-track .next .keep-new{color:var(--accent);font-weight:600}
.stronghold-next{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;padding:20px 24px;margin-top:18px;border-top:1px solid var(--line)}.stronghold-next h3{margin:0 0 10px;font-size:12px;color:var(--ink)}.stronghold-next p{margin:0;font-size:12px}
.unlock-list span{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:6px}.unlock-list b{display:block;font-weight:600;color:var(--ink);font-size:11px}
.needs-list{list-style:none;margin:0;padding:0;display:grid;gap:7px}.needs-list li{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:12px}.needs-list .icon{width:15px;height:15px}.needs-list .met .icon{color:var(--success)}.needs-list .unmet{color:var(--ink)}.needs-list .unmet .icon,.needs-list .unknown .icon{color:var(--warning)}.needs-list small{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.stronghold-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;padding:14px 24px;border-top:1px solid var(--line);background:var(--table-ground)}.stronghold-foot .small{font-size:11px;margin:0}
.city-tabs button{display:grid;gap:3px;text-align:left;cursor:pointer;font-size:12px;font-family:inherit}.city-tabs .tab-count{font-size:11px;font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums}.city-tabs button:hover{color:var(--ink)}.city-catalogue .filterbar{padding-top:18px}
.city-table td:first-child{max-width:320px}.city-table .numeric{font-variant-numeric:tabular-nums;white-space:nowrap}
.city-table .tier-row th{background:var(--surface);padding:18px 20px 9px;border-bottom:1px solid var(--line);color:var(--ink);font-size:12px;font-weight:600}.city-table tbody:first-of-type .tier-row th{padding-top:14px}.tier-row th>span{display:inline-flex;align-items:center;gap:8px;vertical-align:middle}.tier-row .icon{width:16px;height:16px;color:var(--accent)}.tier-state{margin-left:10px;font-weight:400;color:var(--success)}
.tier-locked .tier-row th{background:var(--table-ground)}.tier-locked .tier-row .icon,.tier-locked .tier-state{color:var(--muted)}.tier-row .tier-unknown .icon{color:var(--warning)}.tier-row:hover{background:none}
tr.is-locked td{background:var(--locked-row)}tr.is-locked td a:not(.button){color:var(--muted)}.city-table .gate-mobile{display:none}.gate-text{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:11px}.gate-text .icon{width:13px;height:13px}
.gate-ladder{list-style:none;margin:0;padding:0}.gate-ladder li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:start;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.gate-ladder li:first-child{padding-top:0}.gate-ladder li:last-child{border-bottom:0}.gate-ladder strong{display:block;font-size:12px}.gate-ladder span{color:var(--muted);font-size:11px;line-height:1.6}.gate-ladder .icon{width:15px;height:15px;margin-top:1px}.gate-ladder .reached .icon{color:var(--success)}.gate-ladder .open .icon{color:var(--accent)}.gate-ladder .locked .icon{color:var(--muted)}.gate-ladder small{font-size:11px;color:var(--muted);white-space:nowrap}.gate-ladder.unlocks small{font-variant-numeric:tabular-nums}
@media(max-width:1000px){.stronghold-next{grid-template-columns:1fr;gap:18px}}
@media(max-width:760px),(max-height:500px) and (orientation:landscape){.stronghold-head{padding:20px 20px 16px}.keep-track{padding:0 20px;gap:3px}.keep-step{height:28px;font-size:11px}.stronghold-next{padding:18px 20px}.stronghold-foot{padding:13px 20px}.city-table th:nth-child(3),.city-table td:nth-child(3){display:none}.city-table td:first-child{max-width:none}.city-table td:first-child small{display:none}.city-table .tier-row th{padding:16px 14px 8px}.tier-row .tier-state{display:flex;margin:4px 0 0 24px}.city-table .gate-mobile{display:block}.city-tabs{gap:20px}}
/* Hatchery organized like the game: banners, chest options, guarantees and a results screen of relic cards. */
.hatchery-wallet small{display:block;font-size:11px;color:var(--muted);margin-top:6px}.hatchery-layout{display:grid;grid-template-columns:340px minmax(0,1fr);grid-template-areas:'list view' 'eggs view';grid-template-rows:auto 1fr;column-gap:24px;align-items:start}.hatchery-layout .chest-list{grid-area:list}.hatchery-layout .chest-view{grid-area:view}.hatchery-layout .egg-panel{grid-area:eggs}
.chest-choice strong{display:block}.chest-choice small{display:block;margin-top:3px;color:var(--muted)}.chest-meta{margin:4px 0 0;font-size:12px;color:var(--muted)}.chest-head h2:focus{outline:none}.chest-head h2:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.chest-choice.is-unavailable strong{color:var(--muted)}
.chest-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:22px 24px 0}.chest-head h2{margin:0;font:400 28px/1.2 var(--serif);letter-spacing:-.02em}.chest-splash{font-size:14px;margin-bottom:20px}
.featured-dragons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px}.featured-dragon{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:12px;min-width:0}.featured-dragon>div{min-width:0;flex:1}.featured-dragon strong{display:block;font:400 20px/1.2 var(--serif);margin:0 0 2px}.featured-dragon small{display:block;font-size:11px;color:var(--muted)}
.relic-art{display:grid;place-items:center;width:64px;height:64px;flex-shrink:0;border-radius:8px;background:var(--ground)}.relic-art img{width:100%;height:100%;object-fit:contain}.relic-art.egg .icon{width:30px;height:30px}.relic-art.legendary{background:var(--warning-soft);color:var(--warning)}.relic-art.epic{background:var(--accent-soft);color:var(--accent)}.relic-art.rare{background:var(--table-ground);color:var(--muted)}
.rarity{font-size:11px;font-weight:600}.featured-dragon .rarity.legendary,.relic-card .rarity.legendary{color:var(--warning)}.featured-dragon .rarity.epic,.relic-card .rarity.epic{color:var(--accent)}.relic-card .rarity.rare{color:var(--muted)}
.meter{display:block;height:5px;border-radius:5px;background:var(--line);overflow:hidden;margin:6px 0}.meter>span{display:block;height:100%;background:var(--accent);border-radius:5px}
.open-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:24px}.open-option{display:grid;gap:4px;text-align:left;padding:16px;border:1px solid var(--field-border);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer;font-family:inherit;min-height:96px;align-content:start}.open-option:hover:not([disabled]){border-color:var(--accent)}.open-option[disabled]{cursor:not-allowed;background:var(--ground);opacity:1}.open-option[disabled] .open-cost{color:var(--muted)}
.open-label{font-size:12px;font-weight:600;color:var(--muted)}.open-cost{font-size:17px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.open-option small{font-size:11px;color:var(--muted);line-height:1.5}.open-option.daily{background:var(--accent-soft);border-color:transparent}.open-option.daily .open-cost{color:var(--accent)}.open-option.daily[disabled]{background:var(--ground)}
.guarantees{border-top:1px solid var(--line);padding-top:18px;margin-bottom:6px}.guarantees h3{margin:0 0 12px;color:var(--ink);font-size:12px}.guarantees ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}.guarantees strong{display:block;font-size:12px}.guarantees li span:not(.meter):not(.meter>span){font-size:11px;color:var(--muted)}
.drop-rates{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.drop-rates summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--accent)}.drop-rates ul{margin:12px 0;padding-left:18px;font-size:12px;line-height:1.7}
.egg-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.egg-list li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center}.egg-list .relic-art{width:44px;height:44px}.egg-list .relic-art .icon{width:22px;height:22px}.egg-list strong{display:block;font-size:12px}.egg-list small{display:block;font-size:11px;color:var(--muted)}.egg-list .num{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.results-summary{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:6px 24px;margin-bottom:24px}
.relic-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.relic-card{display:grid;justify-items:center;text-align:center;gap:5px;border:1px solid var(--line);border-radius:var(--radius);padding:18px 14px 16px;background:var(--surface)}.relic-grid.reveal .relic-card{animation:relic-in .5s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(min(var(--i),8)*60ms)}
.relic-card .relic-art{width:84px;height:84px;margin-bottom:4px}.relic-card .relic-art.egg .icon{width:38px;height:38px}.relic-card h3{margin:0;font:400 21px/1.2 var(--serif);color:var(--ink)}.relic-gain{margin:2px 0 0;font:400 28px/1.1 var(--serif);font-variant-numeric:tabular-nums}.relic-gain span{font:600 12px var(--sans);color:var(--muted)}
.relic-tags{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;align-content:flex-start;min-height:26px}.relic-grid.single{grid-template-columns:repeat(3,minmax(0,1fr))}.relic-card.elite{background:var(--accent-soft);border-color:transparent}.relic-card.elite .relic-gain{color:var(--accent)}.highlight-tags{display:inline-flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}.relic-card .meter{width:100%}.relic-card small{font-size:11px;line-height:1.5}.relic-progress{font-weight:600}
@keyframes relic-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1180px){.hatchery-layout{grid-template-columns:300px minmax(0,1fr);column-gap:18px}}
@media(max-width:1000px){.hatchery-layout{grid-template-columns:1fr;grid-template-areas:'list' 'view' 'eggs';grid-template-rows:auto}}
@media(max-width:760px),(max-height:500px) and (orientation:landscape){.chest-head{padding:20px 20px 0}.featured-dragons{grid-template-columns:1fr}.open-options{grid-template-columns:1fr 1fr}.open-option.daily{grid-column:1/-1}.results-summary{padding:4px 20px}.relic-grid,.relic-grid.single{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.relic-card{padding:14px 10px}.relic-card .relic-art{width:64px;height:64px}}
.theme-toggle:hover{color:var(--ink);background:var(--hover)}.theme-toggle[aria-pressed=true]{color:var(--accent)}.public-nav .theme-toggle{margin-left:2px}
/* Panel headings sit directly above their content; the heading already carries the bottom inset. */
.section-heading+.panel-body{padding-top:6px}
/* Task headings: icon, title and state stay on one row; narrow panels move the state under the title. */
.task-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:10px;row-gap:8px}.task-heading .badge{margin-left:0;justify-self:end}.ongoing-panel .task-heading .badge,aside .task-heading .badge{grid-column:2;justify-self:start}
.idle-task{background:transparent;border-style:dashed}.idle-task .task-heading>.icon{color:var(--muted)}
@media(max-width:760px),(max-height:500px) and (orientation:landscape){.task-heading .badge{grid-column:2;justify-self:start}
.management-resources{row-gap:0;padding:0}.management-resources .resource{padding:16px 14px;border-bottom:0;border-right:1px solid var(--line)}.management-resources .resource:nth-child(3n),.management-resources .resource:last-child{border-right:0}.management-resources .resource:nth-child(-n+3){border-bottom:1px solid var(--line)}.management-resources .resource strong{margin:6px 0 0}
.mobile-nav{background:var(--nav-bg);border-top-color:var(--line);box-shadow:0 -4px 18px var(--nav-shadow);padding-top:6px}.mobile-nav a,.mobile-nav button{font-size:11px;font-weight:500;gap:3px}.mobile-nav .icon{box-sizing:content-box;padding:3px 14px;border-radius:999px}.mobile-nav .active{font-weight:600}.mobile-nav .active .icon{background:var(--accent-soft)}
.mobile-account{display:inline-flex;align-items:center;gap:5px;width:auto;height:34px;padding:0 7px 0 4px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink)}.mobile-account .crest{width:24px;height:27px;font-size:15px;border-color:var(--field-border);border-radius:4px 4px 10px 10px}.mobile-account .icon{width:14px;height:14px;color:var(--muted)}}
@media(max-width:420px){.open-options{grid-template-columns:1fr}.open-option{min-height:0}}
.builder-list .badge,.requirement-list .badge{display:inline-flex;margin-top:0;line-height:1.3;flex-shrink:0}
/* Disclosures share the app's stroke chevron instead of the browser triangle. */
summary{list-style:none}summary::-webkit-details-marker{display:none}summary:before{content:'';display:inline-block;width:6px;height:6px;margin:0 11px 2px 2px;border:solid currentColor;border-width:0 1.6px 1.6px 0;transform:rotate(-45deg);vertical-align:middle;transition:transform .2s cubic-bezier(.16,1,.3,1)}details[open]>summary:before{transform:rotate(45deg);margin-bottom:4px}
@media(max-width:760px),(max-height:500px) and (orientation:landscape){.breadcrumbs{flex-wrap:nowrap;min-width:0}.breadcrumbs>*{flex-shrink:0}.breadcrumbs strong{flex-shrink:1;min-width:0}.breadcrumbs a:not(:first-of-type),.breadcrumbs a:not(:first-of-type)+.breadcrumb-separator{display:none}}
/* Small text controls keep their look but get an invisible touch area of at least 34px. */
.text-link,.breadcrumbs a,summary,td>a{position:relative}.text-link:after,.breadcrumbs a:after,summary:after,td>a:after{content:'';position:absolute;inset:-10px -4px}
/* Dragon collection: compact tiles sized for collections of 25+; the whole tile opens the profile. */
.dragon-tile{position:relative;display:grid;grid-template-columns:60px minmax(0,1fr) auto;grid-template-areas:'art name power' 'art meta meta' 'art level level' 'foot foot foot' 'assign assign assign';column-gap:12px;align-items:center;padding:12px 14px 11px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .15s}
.dragon-tile:hover{border-color:var(--accent)}.dragon-tile:has(.dragon-name:focus-visible){outline:3px solid var(--focus);outline-offset:3px}
.dragon-tile-art{grid-area:art;align-self:center;width:60px;height:60px;object-fit:contain;border-radius:50%;background:var(--art-ground)}
.dragon-tile-main{display:contents}.dragon-tile h2{grid-area:name;min-width:0;align-self:end;font:19px/1.2 var(--serif);margin:0;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dragon-name:after{content:'';position:absolute;inset:0;border-radius:inherit}.dragon-name:focus-visible{outline:none}.dragon-tile:hover .dragon-name{color:var(--accent)}
.dragon-tile-meta{grid-area:meta;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;line-height:1.4;color:var(--muted)}.dragon-tile-meta .rarity-label{font-size:11px}
.dragon-tile-level{grid-area:level;white-space:nowrap;display:flex;align-items:center;gap:6px;margin:3px 0 0;font-size:11px;line-height:1.4}.dragon-tile .dragon-stars svg{width:11px;height:11px}
.dragon-tile-power{grid-area:power;align-self:end;display:flex;align-items:baseline;gap:4px;margin:0;line-height:1.2;white-space:nowrap}.dragon-tile-power strong{font-size:16px;font-weight:500}.dragon-tile-power span{font-size:10px;color:var(--muted)}
.dragon-tile-foot{grid-area:foot;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid var(--row-line)}
.dragon-tile .dragon-affinities{gap:4px;margin:0}.dragon-tile .dragon-affinities span{padding:3px 6px}
.dragon-tile-damage{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--muted);white-space:nowrap}.dragon-tile-damage .game-icon{width:15px;height:15px}
.dragon-tile-assign{grid-area:assign;display:flex;align-items:center;gap:6px;margin:7px 0 0;font-size:11px;line-height:1.4;color:var(--ink);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dragon-tile-assign .icon{width:14px;height:14px;color:var(--accent)}.dragon-tile-assign.is-free{color:var(--muted)}.dragon-tile-assign.is-free .icon{color:var(--muted)}
@media(max-width:760px),(max-height:500px) and (orientation:landscape){.dragon-collection{grid-template-columns:1fr;gap:8px}.dragon-tile{grid-template-columns:56px minmax(0,1fr) auto}.dragon-tile-art{width:56px;height:56px}}
/* City upgrade queue */
.queue-modes{border:0;padding:0;margin:0 0 18px;display:grid;gap:8px}.queue-modes legend{font-size:12px;font-weight:600;margin-bottom:8px;padding:0}
.queue-mode{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border:1px solid var(--field-border);border-radius:8px;cursor:pointer;min-height:44px}.queue-mode:hover{border-color:var(--accent)}.queue-mode:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.queue-mode input{margin:2px 0 0;accent-color:var(--accent);flex-shrink:0}.queue-mode strong{display:block;font-size:12px}.queue-mode small{display:block;font-size:11px;color:var(--muted);line-height:1.5;margin-top:2px}
.queue-subhead{font-size:12px;margin:18px 0 6px}
.queue-steps{list-style:none;margin:0 0 18px;padding:0;font-size:12px}.queue-steps li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--row-line)}.queue-steps li:last-child{border-bottom:0}.queue-steps a{color:var(--ink);font-weight:500}
.queue-state{display:grid;gap:8px;justify-items:start;margin-bottom:12px}.queue-state p{margin:0;font-size:12px;color:var(--muted);line-height:1.6}
.queue-actions{margin:4px 0 14px}
input[type=radio]{width:17px;height:17px;min-height:17px;padding:0;accent-color:var(--accent)}
.queue-modes{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.queue-modes legend{grid-column:1/-1}
@media(min-width:1001px){.queue-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;align-items:start}.queue-summary .queue-subhead:first-child{margin-top:0}}
/* Dragon collection layout toggle and compact list rows */
.collection-heading .collection-note{margin-left:auto}.view-toggle{display:inline-flex;border:1px solid var(--field-border);border-radius:7px;overflow:hidden;flex-shrink:0}.view-toggle button{min-height:32px;padding:0 12px;border:0;background:var(--surface);color:var(--muted);font-size:11px;font-weight:600;position:relative}.view-toggle button+button{border-left:1px solid var(--field-border)}.view-toggle button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.view-toggle button:after{content:'';position:absolute;inset:-6px 0}
.dragon-collection.is-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:6px}
.is-list .dragon-tile{grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:'art name power' 'art level level';padding:8px 12px;row-gap:1px}
.is-list .dragon-tile-art{width:40px;height:40px}.is-list .dragon-tile h2{font-size:16px}.is-list .dragon-tile-meta,.is-list .dragon-tile-foot,.is-list .dragon-tile-assign{display:none}.is-list .dragon-tile-level{margin-top:1px}
@media(max-width:760px),(max-height:500px) and (orientation:landscape){.collection-heading{align-items:center}.collection-heading .collection-note{display:none}.collection-heading .view-toggle{margin-left:auto}.dragon-collection.is-list{grid-template-columns:1fr;gap:6px}.is-list .dragon-tile{grid-template-columns:40px minmax(0,1fr) auto}.is-list .dragon-tile-art{width:40px;height:40px}}
.tier-toggle{float:right;min-height:28px;margin:-5px 0 -5px 12px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--accent);font-size:11px;font-weight:600;position:relative}.tier-toggle:after{content:'';position:absolute;inset:-4px}.tier-toggle:hover{border-color:var(--accent)}
/* A single opening shows its three rewards as compact rows on phones. */
@media(max-width:760px),(max-height:500px) and (orientation:landscape){.relic-grid.single{grid-template-columns:1fr;gap:8px}.relic-grid.single .relic-card{grid-template-columns:56px minmax(0,1fr) auto;justify-items:start;align-items:center;text-align:left;column-gap:12px;row-gap:3px;padding:12px 14px}.relic-grid.single .relic-card>*{grid-column:2}.relic-grid.single .relic-card .relic-art{grid-column:1;grid-row:1/span 5;width:56px;height:56px;margin:0;align-self:start}.relic-grid.single .relic-card h3{font-size:18px}.relic-grid.single .relic-gain{grid-column:3;grid-row:1/span 2;margin:0;justify-self:end;text-align:right}.relic-grid.single .relic-tags:empty{display:none}}
.collection-heading{gap:12px}
/* Upgrade queue attention: amber when waiting for resources, brick when paused. Text labels carry the meaning. */
.attention-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--warning);box-shadow:0 0 0 2px var(--rail);flex-shrink:0;margin-left:6px}.attention-dot.paused{background:var(--error)}
.nav a .attention-dot{margin-left:auto}.nav a .attention-dot+small{margin-left:8px}.account-switch .attention-dot{margin-left:auto}.account-switch .attention-dot+.icon{margin-left:8px}
.mobile-nav .nav-icon{position:relative;display:block}.mobile-nav .attention-dot{position:absolute;top:2px;right:10px;margin:0;box-shadow:0 0 0 2px var(--nav-bg)}
.mobile-account .attention-dot{box-shadow:0 0 0 2px var(--surface);margin:0}
.sidebar .attention-dot{background:#e3b967}.sidebar .attention-dot.paused{background:#f0948a}
.queue-step-end{display:inline-flex;align-items:center;gap:10px}.queue-skip{min-height:26px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--accent);font-size:11px;font-weight:600;position:relative}.queue-skip:after{content:'';position:absolute;inset:-5px -3px}.queue-skip:hover{border-color:var(--accent)}
.queue-skipped{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:12px;margin:-6px 0 16px}.queue-skipped>span{display:inline-flex;align-items:center;gap:4px}
.queue-orders{margin:0 0 16px;border:1px solid var(--field-border);border-radius:8px}.queue-orders>summary{display:flex;align-items:center;gap:6px;padding:12px 14px;font-size:12px;cursor:pointer}.queue-orders>summary:before{margin-right:4px}.queue-orders .queue-change{margin-left:auto;color:var(--accent);font-weight:600}.queue-orders[open]>summary{border-bottom:1px solid var(--line)}.queue-orders .queue-modes{margin:0;padding:12px}
/* Stamina on Armies */
.stamina-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:12px 24px;padding:16px 20px;margin:0 0 24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.stamina-item{display:grid;gap:4px;min-width:0}.stamina-name{font-size:11px;color:var(--muted)}.stamina-item strong{font-size:20px;font-weight:500}.stamina-item strong span{font-size:12px;font-weight:400}.stamina-item small{font-size:10px}.stamina-note{margin:0;max-width:24ch;text-align:right;line-height:1.5}
@media(max-width:760px),(max-height:500px) and (orientation:landscape){.stamina-strip{grid-template-columns:1fr 1fr;padding:14px 16px}.stamina-note{grid-column:1/-1;text-align:left;max-width:none}}
/* Phones: the upgrade name already opens its details, so the separate Inspect column is dropped to keep the table within the screen. */
@media(max-width:760px),(max-height:500px) and (orientation:landscape){.city-table th:nth-child(5),.city-table td:nth-child(5){display:none}}
/* Phones: tier headers stay pinned to the visible table width, so Show/Hide never scrolls out of view with wide rows. */
@media(max-width:760px),(max-height:500px) and (orientation:landscape){.tier-head{position:sticky;left:14px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;width:calc(100vw - 70px);max-width:calc(100% - 0px)}.tier-head .tier-state{margin-left:0}.tier-head .tier-toggle{float:none;order:3;margin:0 0 0 auto}.city-table .tier-row th{position:relative}}
@media(max-width:760px),(max-height:500px) and (orientation:landscape){.city-table td,.city-table thead th{padding-left:8px;padding-right:8px}.city-table td:first-child,.city-table thead th:first-child{padding-left:14px}.city-table td:last-child{padding-right:14px}.city-table .badge{white-space:normal;align-items:flex-start}.city-table .badge:before{margin-top:5px}.city-table td:nth-child(4){min-width:110px}}