:root {
  --agent-ink: #261f22;
  --agent-wine: #6f2637;
  --agent-wine-dark: #32131d;
  --agent-gold: #d8ad58;
  --agent-gold-light: #f3d98d;
  --agent-paper: #f7f0df;
  --agent-night: #141217;
  --agent-shadow: 0 28px 80px rgba(20, 10, 14, .34);
}

.agent-anya-entry-page,
.agent-anya-auth-page,
.agent-anya-admin-page,
.agent-anya-game-page {
  margin: 0;
  min-height: 100vh;
  color: var(--agent-ink);
  font-family: Inter, "Segoe UI", sans-serif;
  background: #171318;
}
.agent-anya-entry-page *, .agent-anya-auth-page *, .agent-anya-admin-page *, .agent-anya-game-page * { box-sizing: border-box; }
.agent-anya-entry-page h1, .agent-anya-entry-page strong, .agent-anya-auth-page h1,
.agent-anya-admin-page h1, .agent-anya-admin-page h2 { font-family: Georgia, "Times New Roman", serif; }
.agent-back-link { position: relative; z-index: 5; display: inline-flex; color: #62404a; font-size: .82rem; font-weight: 800; text-decoration: none; }
.agent-back-link--light { color: #f6dfaa; }

/* Auswahl */
.agent-select-shell {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  padding: 42px clamp(20px, 6vw, 90px) 60px;
  background:
    radial-gradient(circle at 10% 12%, rgba(231, 187, 96, .18), transparent 28%),
    radial-gradient(circle at 88% 80%, rgba(112, 37, 55, .34), transparent 35%),
    linear-gradient(135deg, #f5ecda 0 48%, #27151c 48% 100%);
}
.agent-select-shell::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(128,88,53,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(128,88,53,.045) 1px, transparent 1px); background-size: 44px 44px; pointer-events: none; }
.agent-select-heading { position: relative; z-index: 2; display: flex; align-items: center; gap: 17px; width: min(1240px, 100%); margin: 68px auto 28px; }
.agent-mark { display: grid; place-items: center; width: 70px; height: 70px; border: 2px solid #e1bd6b; border-radius: 50%; background: linear-gradient(145deg, #762b40, #30111d); box-shadow: inset 0 0 0 5px rgba(255,255,255,.07), 0 14px 32px rgba(67,25,37,.25); color: #f6d988; font-size: 2.2rem; }
.agent-select-heading p { margin: 0 0 3px; color: #9b6c47; font-size: .68rem; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.agent-select-heading h1 { margin: 0; color: #321c24; font-size: clamp(2.5rem, 5vw, 4.8rem); line-height: .92; }
.agent-select-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(300px, .72fr); gap: 24px; width: min(1240px, 100%); margin: 0 auto; }
.agent-select-card { position: relative; min-height: 530px; overflow: hidden; border: 1px solid rgba(224, 187, 105, .2); border-radius: 34px; box-shadow: var(--agent-shadow); color: #fff; text-decoration: none; transition: transform .35s ease, box-shadow .35s ease; }
.agent-select-card:hover { transform: translateY(-5px); box-shadow: 0 38px 95px rgba(20,10,14,.44); }
.agent-select-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 30%, rgba(21,11,15,.18) 55%, rgba(19,9,13,.94)); }
.agent-select-card--game { background: #241218; }
.agent-select-card__image { position: absolute; inset: 0; background: url('/agent-anya/agent-anya-login.png?v=20260811-1') center 44% / cover; transition: transform .7s ease; }
.agent-select-card:hover .agent-select-card__image { transform: scale(1.035); }
.agent-select-card--admin { background: radial-gradient(circle at 50% 28%, rgba(216,173,88,.2), transparent 27%), linear-gradient(145deg, #4d1d2a, #171317); }
.agent-select-card--admin::before { content: ""; position: absolute; inset: 35px; border: 1px solid rgba(232,196,115,.12); border-radius: 50% 50% 30px 30px; }
.agent-select-card__seal { position: absolute; top: 70px; left: 50%; display: grid; place-items: center; width: 180px; height: 180px; border: 4px double rgba(238,202,121,.64); border-radius: 50%; background: rgba(19,16,19,.48); color: #d8ad58; font-size: 5rem; transform: translateX(-50%); }
.agent-select-card__seal i { position: absolute; display: grid; place-items: center; width: 55px; height: 55px; border-radius: 50%; background: #6c283b; color: #f3d98d; font-size: 1.7rem; font-style: normal; }
.agent-select-card__content { position: absolute; z-index: 2; inset: auto 0 0; display: flex; flex-direction: column; align-items: flex-start; gap: 7px; padding: 38px; }
.agent-select-card__content small { color: #e4bd65; font-size: .7rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.agent-select-card__content strong { font-size: clamp(2.25rem, 4vw, 4.1rem); line-height: .95; }
.agent-select-card--admin .agent-select-card__content strong { font-size: clamp(2rem, 3vw, 3.1rem); }
.agent-select-card__content > span { display: inline-flex; align-items: center; gap: 13px; margin-top: 10px; padding: 11px 16px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; background: rgba(255,255,255,.1); font-size: .8rem; font-weight: 800; backdrop-filter: blur(10px); }
.agent-select-card__content b { font-size: 1.3rem; }

/* Anmeldung */
.agent-auth-shell { min-height: 100vh; padding: 34px clamp(16px, 5vw, 68px); background: radial-gradient(circle at 75% 10%, rgba(222,177,83,.16), transparent 34%), linear-gradient(140deg, #1a1116, #4a1828 58%, #160f14); }
.agent-auth-card, .agent-admin-login-card { display: grid; grid-template-columns: 1.08fr .92fr; width: min(1000px, 100%); min-height: 640px; margin: 34px auto 0; overflow: hidden; border: 1px solid rgba(229,192,107,.23); border-radius: 34px; background: var(--agent-paper); box-shadow: 0 38px 110px rgba(0,0,0,.48); animation: agentCardIn .55s ease both; }
.agent-auth-card__art, .agent-admin-login-card__art { position: relative; min-height: 640px; overflow: hidden; background: #1a1014; }
.agent-auth-card__art::after, .agent-admin-login-card__art::after { content: ""; position: absolute; inset: 0; box-shadow: inset -20px 0 45px rgba(10,5,8,.28), inset 0 0 0 1px rgba(232,196,115,.1); }
.agent-auth-card__art img, .agent-admin-login-card__art img { display: block; width: 100%; height: 100%; min-height: 640px; object-fit: cover; object-position: 50% 45%; }
.agent-auth-card__form, .agent-admin-login-card__form { display: flex; flex-direction: column; justify-content: center; padding: clamp(38px, 6vw, 72px); background: radial-gradient(circle at 100% 0%, rgba(218,173,88,.18), transparent 34%), linear-gradient(155deg, #fffaf0, #eee1c8); }
.agent-auth-badge { display: grid; place-items: center; width: 58px; height: 58px; border: 2px solid #b48638; border-radius: 50%; background: #3d1723; box-shadow: inset 0 0 0 4px #f0d78f, 0 10px 24px rgba(60,23,34,.2); color: #f0d78f; font-size: 1.7rem; }
.agent-auth-card__form > p { margin: 22px 0 2px; color: #966f3d; font-size: .67rem; font-weight: 900; letter-spacing: .17em; text-transform: uppercase; }
.agent-auth-card__form h1 { margin: 0 0 18px; color: #351a23; font-size: clamp(2.6rem, 5vw, 4.2rem); line-height: .95; }
.agent-form { display: grid; gap: 15px; }
.agent-form label, .agent-admin-create-form label, .agent-admin-edit-form label, .agent-admin-password-form label, .agent-admin-danger label { display: grid; gap: 7px; color: #563b43; font-size: .76rem; font-weight: 850; }
.agent-form input, .agent-admin-create-form input, .agent-admin-edit-form input, .agent-admin-password-form input, .agent-admin-danger input { width: 100%; min-height: 50px; border: 1px solid #d8c7a5; border-radius: 12px; outline: 0; background: rgba(255,253,245,.92); color: #2f2025; padding: 0 13px; }
.agent-form input:focus, .agent-admin-create-form input:focus, .agent-admin-edit-form input:focus { border-color: #a46c47; box-shadow: 0 0 0 4px rgba(164,108,71,.13); }
.agent-form button, .agent-admin-create-form button, .agent-admin-edit-form button, .agent-admin-password-form button { min-height: 52px; border: 1px solid rgba(238,199,109,.18); border-radius: 12px; background: linear-gradient(135deg, #72283d, #32131e); box-shadow: 0 12px 25px rgba(72,23,37,.22); color: #fff2cd; padding: 0 16px; font-weight: 850; cursor: pointer; }
.agent-form button span { margin-left: 10px; font-size: 1.2rem; }
.agent-auth-card__form > small { margin-top: 19px; color: #877a72; font-size: .72rem; line-height: 1.45; }
.agent-admin-login-card { width: min(900px, 100%); grid-template-columns: 1.05fr .8fr; }
.agent-admin-login-card__form .agent-auth-badge { margin-bottom: 28px; }
.agent-message { margin: 0 0 16px; padding: 12px 14px; border-radius: 11px; font-size: .8rem; font-weight: 750; }
.agent-message--error { background: #f3d7d3; color: #8a302f; }
.agent-message--success { background: #dce9d5; color: #315f39; }
@keyframes agentCardIn { from { opacity: 0; transform: translateY(20px) scale(.985); } }

/* Administration */
.agent-admin-shell { display: grid; grid-template-columns: 225px minmax(0,1fr); min-height: 100vh; background: #f1ebdd; }
.agent-admin-sidebar { position: sticky; top: 0; display: flex; flex-direction: column; height: 100vh; padding: 24px 18px; background: linear-gradient(180deg, #32131e, #171217); color: white; }
.agent-admin-brand { display: flex; align-items: center; gap: 11px; color: white; text-decoration: none; }
.agent-admin-brand > span { display: grid; place-items: center; width: 45px; height: 45px; border: 2px solid #d8ad58; border-radius: 50%; background: #70283c; color: #f3d98d; font-size: 1.4rem; }
.agent-admin-brand strong { font-family: Georgia, serif; line-height: 1.05; }
.agent-admin-sidebar nav { display: grid; gap: 7px; margin-top: 46px; }
.agent-admin-sidebar nav a { padding: 12px; border-radius: 9px; color: #cdbcc1; font-size: .78rem; font-weight: 800; text-decoration: none; }
.agent-admin-sidebar nav a.is-active { background: rgba(255,255,255,.09); color: white; }
.agent-admin-sidebar > form { margin-top: auto; }
.agent-admin-sidebar > form button { width: 100%; min-height: 42px; border: 1px solid rgba(255,255,255,.15); border-radius: 9px; background: transparent; color: #e7dce0; font-weight: 800; cursor: pointer; }
.agent-admin-main { min-width: 0; padding: 32px clamp(18px, 4vw, 56px) 60px; }
.agent-admin-header { display: flex; align-items: center; justify-content: space-between; }
.agent-admin-header p, .agent-admin-header h1 { margin: 0; }
.agent-admin-header p { color: #9b6c47; font-size: .66rem; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.agent-admin-header h1 { margin-top: 2px; color: #351b24; font-size: 2.5rem; }
.agent-admin-header > span { display: inline-flex; align-items: center; gap: 8px; font-size: .72rem; font-weight: 800; }
.agent-admin-header > span i { width: 8px; height: 8px; border-radius: 50%; background: #6ca36c; box-shadow: 0 0 0 5px rgba(108,163,108,.14); }
.agent-admin-overview { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; margin: 24px 0; }
.agent-admin-overview article { padding: 18px 20px; border-left: 3px solid #8c3d4f; background: #fffaf0; box-shadow: 0 8px 24px rgba(62,36,43,.06); }
.agent-admin-overview span { display: block; color: #82766f; font-size: .7rem; }
.agent-admin-overview strong { color: #3d2029; font: 700 1.9rem Georgia, serif; }
.agent-admin-create { margin-bottom: 18px; border: 1px solid #ddd2be; background: #fbf6eb; }
.agent-admin-create summary, .agent-admin-panels details > summary { display: flex; align-items: center; gap: 8px; padding: 14px 17px; color: #4b3038; font-size: .8rem; font-weight: 850; cursor: pointer; list-style: none; }
.agent-admin-create summary span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 7px; background: #ead9c4; color: #7a2e42; }
.agent-admin-create-form { display: grid; grid-template-columns: repeat(3,1fr) auto; align-items: end; gap: 11px; padding: 0 17px 17px; }
.agent-admin-create-form button { min-height: 50px; }
.agent-admin-workspace { display: grid; grid-template-columns: 300px minmax(0,1fr); min-height: 610px; overflow: hidden; border: 1px solid #ded4c2; background: #fffaf1; box-shadow: 0 18px 50px rgba(59,31,39,.09); }
.agent-admin-list { border-right: 1px solid #e3d9c8; background: #f7f1e6; }
.agent-admin-search { display: flex; gap: 6px; padding: 13px; border-bottom: 1px solid #e2d8c7; }
.agent-admin-search input { min-width: 0; flex: 1; border: 1px solid #d9cebc; border-radius: 8px; background: #fffdf7; padding: 9px 10px; }
.agent-admin-search button { border: 0; border-radius: 8px; background: #e5d8c4; color: #593845; font-weight: 800; cursor: pointer; }
.agent-admin-list > div { max-height: 720px; overflow: auto; }
.agent-admin-player { display: grid; grid-template-columns: 38px 1fr 8px; align-items: center; gap: 10px; padding: 12px 13px; border-bottom: 1px solid #e8decf; color: #35242a; text-decoration: none; }
.agent-admin-player:hover, .agent-admin-player.is-selected { background: #eee0d5; }
.agent-admin-player > span, .agent-admin-player-header > span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: #72283d; color: #f4d98e; font: 700 1rem Georgia, serif; }
.agent-admin-player strong, .agent-admin-player small { display: block; }
.agent-admin-player strong { font-size: .82rem; }
.agent-admin-player small { margin-top: 2px; color: #86776f; font-size: .66rem; }
.agent-admin-player > i { width: 7px; height: 7px; border-radius: 50%; background: #b05c55; }
.agent-admin-player > i.is-active { background: #6ca36c; }
.agent-admin-editor { min-width: 0; padding: 21px; }
.agent-admin-welcome { display: grid; place-items: center; align-content: center; min-height: 520px; color: #8a7c74; text-align: center; }
.agent-admin-welcome > span { display: grid; place-items: center; width: 80px; height: 80px; border: 2px solid #d1aa5c; border-radius: 50%; color: #7a2e42; font-size: 2.5rem; }
.agent-admin-welcome h2 { margin: 15px 0 4px; color: #422830; }
.agent-admin-welcome p { margin: 0; }
.agent-admin-player-header { display: grid; grid-template-columns: 58px 1fr auto; align-items: center; gap: 13px; padding-bottom: 18px; }
.agent-admin-player-header > span { width: 58px; height: 58px; font-size: 1.5rem; }
.agent-admin-player-header h2, .agent-admin-player-header p { margin: 0; }
.agent-admin-player-header small, .agent-admin-player-header p { color: #867870; font-size: .7rem; }
.agent-admin-player-header > i { padding: 6px 10px; border-radius: 999px; background: #efd8d3; color: #9a483f; font-size: .68rem; font-style: normal; font-weight: 850; }
.agent-admin-player-header > i.is-active { background: #dcebd6; color: #477447; }
.agent-admin-panels { display: grid; gap: 8px; }
.agent-admin-panels details { border: 1px solid #e0d6c5; background: #fbf6eb; }
.agent-admin-edit-form { display: grid; grid-template-columns: 1fr 1fr auto auto; align-items: end; gap: 10px; padding: 0 16px 16px; }
.agent-admin-edit-form button, .agent-admin-password-form button { min-height: 50px; }
.agent-admin-check { align-self: center; display: flex !important; align-items: center; gap: 7px; }
.agent-admin-check input { width: 18px; min-height: 18px; }
.agent-admin-password-form { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 10px; padding: 0 16px 16px; }
.agent-admin-progress { display: grid; grid-template-columns: repeat(4,1fr); gap: 9px; padding: 0 16px 16px; }
.agent-admin-progress article { padding: 14px; background: #eee4d5; }
.agent-admin-progress span, .agent-admin-progress strong { display: block; }
.agent-admin-progress span { color: #84776f; font-size: .66rem; }
.agent-admin-progress strong { margin-top: 4px; font: 700 1.4rem Georgia, serif; }
.agent-admin-activity { padding: 0 16px 16px; }
.agent-admin-activity article { display: flex; gap: 9px; padding: 8px 0; border-bottom: 1px solid #e8dfd1; }
.agent-admin-activity i { width: 7px; height: 7px; margin-top: 6px; border-radius: 50%; background: #8c3d4f; }
.agent-admin-activity strong, .agent-admin-activity small { display: block; font-size: .72rem; }
.agent-admin-activity small { color: #887a72; }
.agent-admin-danger > div { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 0 16px 16px; }
.agent-admin-danger form { padding: 12px; background: #fff0eb; }
.agent-admin-danger button { min-height: 42px; margin-top: 9px; border: 0; border-radius: 8px; background: #a34842; color: white; padding: 0 12px; font-weight: 850; cursor: pointer; }
.agent-empty { padding: 18px; color: #8c7f77; font-size: .78rem; }

/* Spiel */
.agent-anya-game-page { overflow: hidden; background: #100d11; }
.agent-game-loading { position: fixed; z-index: 999; inset: 0; display: grid; place-items: center; background: linear-gradient(rgba(15,8,12,.42), rgba(15,8,12,.88)), url('/agent-anya/agent-anya-login.png?v=20260811-1') center 45% / cover; color: #fff; transition: opacity .55s ease, visibility .55s ease; }
.agent-game-loading.is-done { opacity: 0; visibility: hidden; }
.agent-game-loading > div { width: min(560px, calc(100% - 34px)); text-align: center; text-shadow: 0 3px 20px rgba(0,0,0,.5); }
.agent-game-loading span { display: grid; place-items: center; width: 82px; height: 82px; margin: 0 auto 16px; border: 3px solid #e3bc66; border-radius: 50%; background: rgba(84,28,44,.82); color: #f6d88b; font-size: 2.5rem; }
.agent-game-loading p { margin: 0; color: #f0ca74; font-size: .72rem; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.agent-game-loading h1 { margin: 6px 0 28px; font: 700 clamp(3rem, 8vw, 6rem)/.9 Georgia, serif; }
.agent-game-loading progress { display: block; width: 100%; height: 11px; overflow: hidden; border: 0; border-radius: 99px; background: rgba(0,0,0,.48); appearance: none; }
.agent-game-loading progress::-webkit-progress-bar { background: rgba(0,0,0,.48); }.agent-game-loading progress::-webkit-progress-value { border-radius: 99px; background: linear-gradient(90deg, #b85268, #f2cf78); transition: width .2s; }.agent-game-loading progress::-moz-progress-bar { border-radius: 99px; background: linear-gradient(90deg, #b85268, #f2cf78); }
.agent-game-loading small { display: block; margin-top: 8px; font-weight: 800; }
.agent-game { display: grid; grid-template-rows: 70px minmax(0,1fr) 42px; height: 100vh; background: #151117; }
.agent-hud { position: relative; z-index: 20; display: flex; align-items: center; gap: 10px; padding: 8px 14px; border-bottom: 1px solid rgba(232,197,116,.17); background: linear-gradient(90deg, rgba(28,15,21,.98), rgba(65,23,36,.97), rgba(24,15,20,.98)); box-shadow: 0 8px 25px rgba(0,0,0,.25); color: white; }
.agent-hud-brand { display: flex; align-items: center; gap: 9px; min-width: 150px; color: white; text-decoration: none; }
.agent-hud-brand span { display: grid; place-items: center; width: 42px; height: 42px; border: 2px solid #d8ad58; border-radius: 50%; background: #6e263a; color: #f3d98d; font-size: 1.25rem; }
.agent-hud-brand strong { font: 700 1rem Georgia, serif; }
.agent-hud-profile { display: flex; align-items: center; gap: 8px; min-width: 135px; padding: 6px 10px; border: 1px solid rgba(255,255,255,.1); border-radius: 12px; background: rgba(255,255,255,.06); }
.agent-hud-profile > span { width: 35px; height: 35px; border-radius: 50%; background: url('/agent-anya/agent-anya-login.png?v=20260811-1') center 53% / 220%; }
.agent-hud-profile small, .agent-hud-profile strong, .agent-hud-stat small, .agent-hud-stat strong { display: block; }
.agent-hud-profile small, .agent-hud-stat small { color: #cbbcc0; font-size: .58rem; }
.agent-hud-profile strong, .agent-hud-stat strong { font-size: .78rem; }
.agent-hud-stat { display: flex; align-items: center; gap: 7px; min-width: 84px; padding: 6px 9px; border-radius: 11px; background: rgba(255,255,255,.055); }
.agent-hud-stat > span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: rgba(255,255,255,.08); }
.agent-hud-stat--gold > span { color: #f1ca6c; }
.agent-hud-skill { margin-left: auto; min-height: 40px; border: 1px solid rgba(232,197,116,.25); border-radius: 10px; background: rgba(223,178,81,.11); color: #f6dda0; padding: 0 13px; font-weight: 850; cursor: pointer; }
.agent-hud kbd, .agent-controls kbd, .agent-interact kbd { border: 1px solid rgba(255,255,255,.24); border-radius: 5px; background: rgba(255,255,255,.1); box-shadow: 0 2px 0 rgba(0,0,0,.2); color: white; padding: 2px 5px; font: 800 .65rem Inter, sans-serif; }
.agent-hud > form button { width: 38px; height: 38px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; background: transparent; color: #dacbd0; font-size: 1.3rem; cursor: pointer; }
.agent-stage { position: relative; min-height: 0; overflow: hidden; background: #1a1419; }
#agentCanvas { display: block; width: 100%; height: 100%; cursor: default; }
.agent-stage.is-dungeon #agentCanvas { cursor: none; }
.agent-interact { position: absolute; z-index: 8; bottom: 24px; left: 50%; display: flex; align-items: center; gap: 9px; padding: 9px 13px; border: 1px solid rgba(240,204,121,.28); border-radius: 11px; background: rgba(25,15,20,.86); box-shadow: 0 10px 28px rgba(0,0,0,.3); color: #fff0c5; font-size: .75rem; font-weight: 800; transform: translateX(-50%); backdrop-filter: blur(10px); }
.agent-dungeon-hud { position: absolute; z-index: 7; top: 15px; left: 50%; display: flex; gap: 9px; transform: translateX(-50%); }
.agent-dungeon-hud > div { min-width: 130px; padding: 9px 13px; border: 1px solid rgba(230,194,111,.2); border-radius: 11px; background: rgba(27,15,21,.83); color: white; text-align: center; backdrop-filter: blur(10px); }
.agent-dungeon-hud small, .agent-dungeon-hud strong { display: block; }.agent-dungeon-hud small { color: #c9b6bc; font-size: .56rem; text-transform: uppercase; }.agent-dungeon-hud strong { margin-top: 2px; color: #f6d98e; }
.agent-dungeon-hud progress { display: block; width: 100%; height: 4px; margin-top: 5px; overflow: hidden; border: 0; border-radius: 99px; background: rgba(255,255,255,.1); appearance: none; }.agent-dungeon-hud progress::-webkit-progress-bar { background: rgba(255,255,255,.1); }.agent-dungeon-hud progress::-webkit-progress-value { background: #e0b45c; }.agent-dungeon-hud progress::-moz-progress-bar { background: #e0b45c; }
.agent-toast { position: absolute; z-index: 12; top: 18px; right: 18px; max-width: 320px; padding: 11px 15px; border: 1px solid rgba(241,205,121,.23); border-radius: 11px; background: rgba(33,17,24,.9); box-shadow: 0 15px 35px rgba(0,0,0,.3); color: #fff1ca; font-size: .75rem; font-weight: 800; opacity: 0; transform: translateY(-8px); pointer-events: none; transition: opacity .25s, transform .25s; }
.agent-toast.is-visible { opacity: 1; transform: translateY(0); }.agent-toast.is-error { border-color: rgba(226,102,91,.4); color: #ffd0c9; }
.agent-controls { display: flex; align-items: center; justify-content: center; gap: 24px; padding: 0 14px; border-top: 1px solid rgba(232,197,116,.13); background: #171116; color: #cdbfc3; font-size: .66rem; font-weight: 750; }

/* Agent Anya visual overhaul v2 */
.agent-game { grid-template-rows: 72px minmax(0,1fr) 44px; background: #0d090c; }
.agent-hud { gap: 12px; padding: 9px 18px; border-bottom-color: rgba(237,193,97,.28); background: radial-gradient(circle at 34% -100%,rgba(151,55,75,.42),transparent 43%),linear-gradient(90deg,#120c10 0%,#26131b 48%,#100b0f 100%); box-shadow: 0 9px 30px rgba(0,0,0,.48),inset 0 -1px rgba(255,215,132,.08); }
.agent-hud::after { content: ''; position: absolute; inset: auto 0 0; height: 2px; background: linear-gradient(90deg,transparent,#d3a84d 30%,#f2d27d 50%,#d3a84d 70%,transparent); opacity: .46; }
.agent-hud-brand span { border: 1px solid rgba(246,211,132,.62); background: radial-gradient(circle at 36% 28%,#a54d61,#4e1f2e 64%,#25121a); box-shadow: inset 0 0 0 4px rgba(17,8,13,.48),0 0 24px rgba(220,166,72,.13); }
.agent-hud-profile,.agent-hud-stat { border: 1px solid rgba(238,204,130,.14); background: linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025)); box-shadow: inset 0 1px rgba(255,255,255,.05); }
.agent-hud-profile > span { border: 1px solid rgba(239,196,99,.55); background: #f2dfb5 url('/agent-anya/agent-anya-profile-v3.png?v=20260811-3') center 12% / 112% auto no-repeat; box-shadow: 0 0 0 3px rgba(84,31,45,.42), 0 5px 16px rgba(0,0,0,.28); }
.agent-hud-stat > span { border: 1px solid rgba(238,198,109,.13); background: radial-gradient(circle at 35% 28%,rgba(246,215,145,.15),rgba(74,27,40,.3)); }
.agent-hud-skill { border-color: rgba(242,205,121,.34); background: linear-gradient(145deg,rgba(170,68,90,.3),rgba(73,28,41,.42)); box-shadow: inset 0 1px rgba(255,255,255,.08),0 7px 18px rgba(0,0,0,.16); }
.agent-hud-skill:hover { border-color: rgba(255,222,146,.62); background: linear-gradient(145deg,rgba(186,76,98,.46),rgba(78,29,43,.56)); }
.agent-stage { background: #0b080b; box-shadow: inset 0 18px 42px rgba(0,0,0,.3); }
#agentCanvas { image-rendering: auto; }
.agent-interact { bottom: 28px; padding: 10px 16px; border-color: rgba(246,207,119,.42); border-radius: 9px; background: linear-gradient(145deg,rgba(25,14,19,.93),rgba(67,27,39,.88)); box-shadow: 0 14px 34px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.07); }
.agent-interact kbd,.agent-pot-hold kbd { display: grid; place-items: center; min-width: 30px; height: 30px; border: 1px solid #e8bc61; border-radius: 7px; background: linear-gradient(#8f3d52,#4e1f2d); box-shadow: inset 0 1px rgba(255,255,255,.18),0 3px 0 #251019; color: #fff2c6; font: 900 .8rem Inter,sans-serif; }
.agent-pot-hold { position: absolute; z-index: 11; bottom: 26px; left: 50%; width: min(360px,calc(100% - 30px)); padding: 12px 14px 13px; border: 1px solid rgba(247,207,117,.46); border-radius: 12px; background: linear-gradient(145deg,rgba(20,12,16,.96),rgba(78,31,45,.94)); box-shadow: 0 18px 48px rgba(0,0,0,.56),inset 0 1px rgba(255,255,255,.08); color: #fff1c3; transform: translateX(-50%); backdrop-filter: blur(14px); }
.agent-pot-hold > div { display: flex; align-items: center; gap: 11px; margin-bottom: 9px; }
.agent-pot-hold span,.agent-pot-hold strong,.agent-pot-hold small { display: block; }
.agent-pot-hold strong { font-size: .78rem; letter-spacing: .01em; }.agent-pot-hold small { margin-top: 2px; color: #cbb6b9; font-size: .6rem; }
.agent-pot-hold progress { width: 100%; height: 8px; overflow: hidden; border: 0; border-radius: 99px; background: rgba(0,0,0,.38); appearance: none; }
.agent-pot-hold progress::-webkit-progress-bar { background: rgba(0,0,0,.38); }.agent-pot-hold progress::-webkit-progress-value { border-radius: 99px; background: linear-gradient(90deg,#a64058,#f0c968); box-shadow: 0 0 12px rgba(238,193,91,.5); }.agent-pot-hold progress::-moz-progress-bar { border-radius: 99px; background: linear-gradient(90deg,#a64058,#f0c968); }
.agent-dungeon-hud > div { border-color: rgba(238,198,108,.32); background: linear-gradient(145deg,rgba(16,10,14,.94),rgba(68,26,39,.88)); box-shadow: 0 14px 34px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.08); }
.agent-stage.is-dungeon::after { content: ''; position: absolute; z-index: 5; inset: 0; border: 2px solid rgba(236,190,88,.22); box-shadow: inset 0 0 55px rgba(9,4,7,.38); pointer-events: none; }
.agent-stage.is-dungeon .agent-dungeon-hud { top: 12px; gap: 7px; padding: 5px; border: 1px solid rgba(241,202,111,.24); border-radius: 16px; background: rgba(18,9,14,.72); box-shadow: 0 16px 38px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.05); backdrop-filter: blur(9px); }
.agent-stage.is-dungeon .agent-dungeon-hud > div { position: relative; min-width: 142px; padding: 9px 15px 10px; border: 0; border-right: 1px solid rgba(238,198,108,.17); border-radius: 10px; background: linear-gradient(155deg,rgba(111,38,56,.52),rgba(31,15,22,.25)); box-shadow: inset 0 1px rgba(255,255,255,.045); transition: background .2s,border-color .2s; }
.agent-stage.is-dungeon .agent-dungeon-hud > div:last-child { border-right: 0; }
.agent-stage.is-dungeon .agent-dungeon-hud small { color: #bcaeb0; font-size: .53rem; font-weight: 900; letter-spacing: .12em; }
.agent-stage.is-dungeon .agent-dungeon-hud strong { color: #ffe09a; font-size: .86rem; letter-spacing: .02em; }
.agent-stage.is-dungeon .agent-dungeon-hud > div.is-reloading { background: linear-gradient(155deg,rgba(139,83,34,.56),rgba(47,25,19,.32)); }
.agent-stage.is-dungeon .agent-dungeon-hud > div.is-empty { background: linear-gradient(155deg,rgba(142,37,45,.62),rgba(48,14,22,.38)); }
.agent-stage.is-dungeon .agent-dungeon-hud > div.is-empty strong { color: #ffb5aa; animation: agentAmmoWarning .85s ease-in-out infinite alternate; }
.agent-stage.is-dungeon .agent-dungeon-hud progress { height: 5px; box-shadow: inset 0 1px 2px rgba(0,0,0,.52); }
@keyframes agentAmmoWarning { to { opacity: .62; } }
.agent-toast { border-color: rgba(244,202,111,.38); background: linear-gradient(145deg,rgba(19,11,15,.95),rgba(74,28,42,.93)); box-shadow: 0 18px 48px rgba(0,0,0,.48); }
.agent-controls { border-top-color: rgba(238,197,108,.2); background: linear-gradient(90deg,#100b0e,#24121a,#100b0e); box-shadow: inset 0 1px rgba(255,255,255,.025); }

.agent-dialog, .agent-result-dialog { width: min(760px, calc(100% - 24px)); max-height: calc(100vh - 110px); overflow: auto; border: 1px solid rgba(220,177,82,.34); border-radius: 24px; background: linear-gradient(155deg, #f9f0dd, #eadcc1); box-shadow: 0 35px 90px rgba(0,0,0,.55); color: #37232a; padding: 26px; }
.agent-dialog::backdrop, .agent-result-dialog::backdrop { background: rgba(12,7,10,.72); backdrop-filter: blur(6px); }
.agent-dialog > form:first-child { position: sticky; z-index: 2; top: 0; height: 0; text-align: right; }
.agent-dialog > form:first-child button { width: 36px; height: 36px; border: 1px solid #d7c5a2; border-radius: 50%; background: #fff8e9; color: #603346; font-size: 1.2rem; cursor: pointer; }
.agent-dialog h2, .agent-result-dialog h2 { margin: 0 0 6px; font: 700 2rem Georgia, serif; }.agent-dialog > div > p { margin: 0 0 18px; color: #81736b; }
.agent-card-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 11px; }
.agent-dialog-card { position: relative; padding: 15px; border: 1px solid #ddcfb5; border-radius: 14px; background: rgba(255,252,244,.76); box-shadow: 0 8px 20px rgba(70,40,47,.06); }
.agent-dialog-card.is-selected { border-color: #8c3d4f; box-shadow: 0 0 0 3px rgba(140,61,79,.11); }
.agent-dialog-card > header { display: flex; align-items: center; gap: 9px; }.agent-dialog-card > header > span { font-size: 1.8rem; }.agent-dialog-card h3, .agent-dialog-card p { margin: 0; }.agent-dialog-card h3 { font-size: .9rem; }.agent-dialog-card p { margin-top: 7px; color: #81746d; font-size: .7rem; line-height: 1.45; }
.agent-dialog-card dl { display: grid; grid-template-columns: 1fr auto; gap: 3px; margin: 10px 0; font-size: .7rem; }.agent-dialog-card dt { color: #897b72; }.agent-dialog-card dd { margin: 0; font-weight: 850; }
.agent-dialog-card button { width: 100%; min-height: 38px; border: 0; border-radius: 8px; background: linear-gradient(135deg,#762b40,#3c1723); color: white; font-size: .72rem; font-weight: 850; cursor: pointer; }.agent-dialog-card button:disabled { opacity: .45; cursor: not-allowed; }
.agent-progress { width: 100%; height: 6px; overflow: hidden; border: 0; border-radius: 99px; background: #ded4c1; appearance: none; }.agent-progress::-webkit-progress-bar { background: #ded4c1; }.agent-progress::-webkit-progress-value { background: linear-gradient(90deg,#9f4457,#d1a74f); }.agent-progress::-moz-progress-bar { background: linear-gradient(90deg,#9f4457,#d1a74f); }
.agent-result-dialog { text-align: center; }.agent-result-dialog > div > span { font-size: 4rem; }.agent-result-dialog p { color: #756861; }.agent-result-dialog form button { min-height: 46px; border: 0; border-radius: 11px; background: #5e2233; color: white; padding: 0 20px; font-weight: 850; cursor: pointer; }

/* Agent Anya visual overhaul v3: grafischer Skillbaum */
.agent-dialog.agent-dialog--skill-tree { width: min(1160px,calc(100% - 26px)); max-height: calc(100vh - 34px); padding: 0; overflow: auto; border: 1px solid #d6aa56; border-radius: 25px; background: #d9bf88; }
.agent-dialog--skill-tree > form:first-child { position: sticky; top: 13px; right: 13px; z-index: 20; padding-right: 13px; }
.agent-dialog--skill-tree #agentDialogContent { min-width: 860px; background: linear-gradient(rgba(244,224,176,.87),rgba(225,193,127,.9)),repeating-linear-gradient(7deg,rgba(101,68,34,.045) 0 1px,transparent 1px 7px); }
.agent-skill-tree-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 25px 34px 18px; border-bottom: 1px solid rgba(108,69,35,.28); background: linear-gradient(90deg,rgba(76,29,42,.97),rgba(41,20,27,.96)); color: #fff1c7; }
.agent-skill-tree-heading h2,.agent-skill-tree-heading p { margin: 0; }.agent-skill-tree-heading h2 { margin-top: 3px; color: #fff2cb; font-size: 2.15rem; }.agent-skill-tree-heading p { max-width: 660px; margin-top: 5px; color: #d6c1b6; font-size: .73rem; }
.agent-skill-tree-heading small { color: #e5bb61; font-size: .62rem; font-weight: 900; letter-spacing: .18em; }.agent-skill-tree-heading > strong { min-width: 115px; color: #f5cd6e; font: 800 1.8rem Georgia,serif; text-align: right; }.agent-skill-tree-heading > strong span { display: block; color: #cbb6ae; font: 800 .58rem Inter,sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.agent-skill-tree-map { position: relative; min-height: 620px; overflow: hidden; isolation: isolate; background: radial-gradient(circle at 50% 49%,rgba(255,248,213,.88) 0 7%,rgba(223,184,103,.27) 7.5% 21%,transparent 21.5%),radial-gradient(circle at 50% 50%,transparent 0 48%,rgba(105,65,30,.09) 48.5% 49%,transparent 49.5%),linear-gradient(110deg,rgba(255,248,219,.34),transparent 38%,rgba(104,58,34,.08)); }
.agent-skill-tree-map::before { content: ''; position: absolute; inset: 23px; z-index: -2; border: 2px solid rgba(100,61,31,.24); border-radius: 45% 52% 47% 51%; box-shadow: inset 0 0 65px rgba(100,54,31,.13); }
.agent-skill-tree-map::after { content: ''; position: absolute; inset: 45px; z-index: -3; opacity: .3; background-image: radial-gradient(circle,rgba(76,43,27,.35) 1px,transparent 1.5px); background-size: 24px 24px; mask-image: radial-gradient(circle at center,transparent 0 16%,#000 25% 100%); }
.agent-skill-tree-core { position: absolute; z-index: 6; top: 50%; left: 50%; display: grid; place-items: center; width: 154px; height: 154px; border: 4px double #b87b2f; border-radius: 50%; background: radial-gradient(circle,#f7e7bc 0 48%,#6b2a3d 49% 64%,#2e1720 65%); box-shadow: 0 0 0 9px rgba(255,244,202,.7),0 0 0 11px rgba(95,53,32,.25),0 20px 40px rgba(67,32,29,.25); transform: translate(-50%,-50%); }
.agent-skill-tree-core img { width: 104px; height: 104px; margin-top: -18px; border-radius: 50%; object-fit: cover; }.agent-skill-tree-core span { position: absolute; bottom: 20px; padding: 4px 10px; border-radius: 99px; background: #572236; color: #ffe6a2; font-size: .62rem; font-weight: 950; letter-spacing: .12em; }.agent-skill-tree-core small { position: absolute; bottom: 3px; color: #634235; font-size: .49rem; font-weight: 950; letter-spacing: .1em; }
.agent-skill-branch { position: absolute; z-index: 3; width: 300px; color: #422b2c; }.agent-skill-branch::after { content: ''; position: absolute; z-index: -1; height: 3px; background: linear-gradient(90deg,#714128,#ddb558); box-shadow: 0 0 0 2px rgba(255,245,207,.45); transform-origin: left center; }
.agent-skill-branch header { display: flex; align-items: center; gap: 9px; margin-bottom: 10px; }.agent-skill-branch header > span { display: grid; place-items: center; width: 35px; height: 35px; flex: 0 0 35px; border: 2px solid #7b4930; border-radius: 50%; background: #5d2738; color: #f7d87e; font-size: 1.05rem; }.agent-skill-branch h3,.agent-skill-branch p { margin: 0; }.agent-skill-branch h3 { font: 800 .82rem Georgia,serif; }.agent-skill-branch p { margin-top: 1px; color: #745c4c; font-size: .57rem; }.agent-skill-branch > strong { display: block; margin-top: 7px; color: #70492f; font-size: .55rem; letter-spacing: .09em; text-transform: uppercase; }
.agent-skill-chain { display: flex; align-items: center; gap: 17px; }.agent-skill-chain::before { content: ''; position: absolute; left: 18px; right: 35px; height: 4px; border-radius: 9px; background: #9c7547; box-shadow: 0 0 0 2px rgba(255,244,202,.45); }
.agent-skill-node { position: relative; z-index: 2; display: grid; place-items: center; width: 46px; height: 46px; flex: 0 0 46px; border: 3px solid #8f7047; border-radius: 50%; background: radial-gradient(circle at 35% 25%,#aaa08d,#554b45); box-shadow: 0 5px 12px rgba(72,43,30,.25),inset 0 1px rgba(255,255,255,.55); color: #e8dfcc; cursor: default; }.agent-skill-node span { font-size: 1rem; font-weight: 950; }.agent-skill-node small { position: absolute; right: -4px; bottom: -3px; display: grid; place-items: center; width: 18px; height: 18px; border: 1px solid #6e432d; border-radius: 50%; background: #f6e4b3; color: #573327; font-size: .52rem; font-weight: 950; }.agent-skill-node b { position: absolute; top: calc(100% + 7px); white-space: nowrap; color: #65432e; font-size: .5rem; }
.agent-skill-node.is-complete { border-color: #477543; background: radial-gradient(circle at 35% 25%,#a9d67f,#376341); color: #fff8d5; }.agent-skill-node.is-next { border-color: #d79b30; background: radial-gradient(circle at 35% 22%,#ffe99b,#a45d27); color: #422313; cursor: pointer; animation: agentSkillPulse 1.7s ease-in-out infinite; }.agent-skill-node.is-next:not(:disabled):hover { transform: scale(1.12); }.agent-skill-node.is-next:disabled { filter: saturate(.55); cursor: not-allowed; }.agent-skill-node.is-locked { opacity: .72; filter: grayscale(.35); }
.agent-skill-branch--damage { top: 70px; left: 54px; }.agent-skill-branch--damage::after { top: 105px; left: 247px; width: 230px; transform: rotate(28deg); }
.agent-skill-branch--speed { bottom: 62px; left: 92px; }.agent-skill-branch--speed::after { top: -22px; left: 240px; width: 208px; transform: rotate(-28deg); }
.agent-skill-branch--magazine { top: 35px; left: 50%; transform: translateX(-50%); }.agent-skill-branch--magazine::after { top: 106px; left: 149px; width: 118px; transform: rotate(90deg); }
.agent-skill-branch--reload { right: 92px; bottom: 62px; }.agent-skill-branch--reload::after { top: -21px; left: 47px; width: 208px; transform: rotate(-152deg); }
.agent-skill-branch--dungeonTime { top: 70px; right: 54px; }.agent-skill-branch--dungeonTime::after { top: 106px; left: 48px; width: 230px; transform: rotate(152deg); }
.agent-skill-stats { display: grid; grid-template-columns: repeat(5,1fr); gap: 1px; border-top: 1px solid rgba(103,64,32,.32); background: rgba(95,54,37,.22); }.agent-skill-stats span { padding: 13px 18px; background: rgba(255,246,215,.57); text-align: center; }.agent-skill-stats small,.agent-skill-stats b { display: block; }.agent-skill-stats small { color: #7f6652; font-size: .55rem; font-weight: 850; text-transform: uppercase; }.agent-skill-stats b { margin-top: 3px; color: #4d2d30; font: 800 1.15rem Georgia,serif; }
@keyframes agentSkillPulse { 0%,100% { box-shadow: 0 0 0 0 rgba(211,151,47,.35),0 5px 12px rgba(72,43,30,.25); } 50% { box-shadow: 0 0 0 9px rgba(211,151,47,0),0 7px 17px rgba(72,43,30,.32); } }

/* Agent Anya visual overhaul v4: lesbarer Talentpfad */
.agent-dialog.agent-dialog--skill-tree { border-color: rgba(240,196,91,.72); background: #160d12; box-shadow: 0 38px 110px rgba(0,0,0,.7),0 0 0 1px rgba(255,224,147,.13); }
.agent-dialog--skill-tree #agentDialogContent { min-width: 940px; background: #160d12; }
.agent-skill-tree-heading { padding: 22px 31px; border-bottom-color: rgba(243,202,109,.28); background: radial-gradient(circle at 80% -80%,rgba(208,145,54,.24),transparent 45%),linear-gradient(112deg,#331521,#180e14 68%,#27131b); }
.agent-skill-tree-heading h2 { font-size: 2.35rem; text-shadow: 0 3px 18px rgba(0,0,0,.35); }
.agent-skill-tree-map { display: grid; grid-template-columns: 220px minmax(0,1fr); grid-template-rows: repeat(5,minmax(98px,auto)); gap: 10px 22px; min-height: 610px; padding: 28px 34px; overflow: visible; background: radial-gradient(circle at 18% 50%,rgba(137,47,69,.26),transparent 30%),radial-gradient(circle at 78% 40%,rgba(190,130,45,.11),transparent 38%),linear-gradient(125deg,#140c11,#24131a 55%,#100a0e); }
.agent-skill-tree-map::before { inset: 16px; border: 1px solid rgba(238,196,100,.18); border-radius: 20px; box-shadow: inset 0 0 90px rgba(0,0,0,.5); }
.agent-skill-tree-map::after { inset: 0; opacity: .16; background-size: 32px 32px; background-image: linear-gradient(rgba(241,204,121,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(241,204,121,.18) 1px,transparent 1px); mask-image: linear-gradient(90deg,transparent,#000 20% 100%); }
.agent-skill-tree-core { position: relative; top: auto; left: auto; grid-column: 1; grid-row: 1 / 6; align-self: center; justify-self: center; width: 176px; height: 176px; border: 2px solid #e2b85b; background: radial-gradient(circle at 50% 30%,#f2d78c 0 38%,#6e2b40 39% 58%,#211019 59%); box-shadow: 0 0 0 7px rgba(92,34,51,.72),0 0 0 9px rgba(231,190,93,.28),0 0 55px rgba(210,147,58,.22); transform: none; }
.agent-skill-tree-core::after { content: ''; position: absolute; top: 50%; left: calc(100% + 9px); width: 45px; height: 3px; background: linear-gradient(90deg,#efca72,rgba(239,202,114,.2)); box-shadow: 0 0 10px rgba(240,194,88,.42); }
.agent-skill-tree-core img { width: 122px; height: 122px; margin-top: -20px; }.agent-skill-tree-core span { bottom: 22px; border: 1px solid rgba(247,211,128,.3); background: #3a1724; }.agent-skill-tree-core small { bottom: 5px; color: #d8b96e; }
.agent-skill-branch,.agent-skill-branch--damage,.agent-skill-branch--speed,.agent-skill-branch--magazine,.agent-skill-branch--reload,.agent-skill-branch--dungeonTime { position: relative; top: auto; right: auto; bottom: auto; left: auto; display: grid; grid-template-columns: 205px minmax(0,1fr) 78px; align-items: center; gap: 14px; width: auto; min-width: 0; padding: 12px 15px; border: 1px solid rgba(239,198,105,.15); border-radius: 15px; background: linear-gradient(100deg,rgba(255,255,255,.055),rgba(255,255,255,.015)); box-shadow: inset 0 1px rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.12); color: #f4e6c8; transform: none; }
.agent-skill-branch::before { content: ''; position: absolute; top: 50%; right: 100%; width: 22px; height: 2px; background: rgba(235,191,87,.58); box-shadow: 0 0 8px rgba(235,191,87,.4); }
.agent-skill-branch::after { display: none; }
.agent-skill-branch--damage { grid-column: 2; grid-row: 1; }.agent-skill-branch--speed { grid-column: 2; grid-row: 2; }.agent-skill-branch--magazine { grid-column: 2; grid-row: 3; }.agent-skill-branch--reload { grid-column: 2; grid-row: 4; }.agent-skill-branch--dungeonTime { grid-column: 2; grid-row: 5; }
.agent-skill-branch header { margin: 0; }.agent-skill-branch header > span { width: 43px; height: 43px; flex-basis: 43px; border-color: rgba(239,197,101,.68); background: radial-gradient(circle at 35% 25%,#8f3d53,#3c1825 70%); box-shadow: inset 0 1px rgba(255,255,255,.15),0 6px 15px rgba(0,0,0,.25); color: #f6d579; font-size: 1.25rem; }.agent-skill-branch h3 { color: #fff0c6; font-size: .9rem; }.agent-skill-branch p { color: #bdaeb0; font-size: .59rem; }
.agent-skill-chain { position: relative; justify-content: flex-start; gap: clamp(13px,2vw,24px); min-width: 0; }.agent-skill-chain::before { left: 15px; right: 15px; height: 3px; background: linear-gradient(90deg,#5a884f,#cb973c 42%,#62534d); box-shadow: 0 0 8px rgba(230,181,73,.2); }
.agent-skill-node { width: 54px; height: 54px; flex-basis: 54px; border-width: 2px; border-color: #665951; background: radial-gradient(circle at 34% 25%,#68615e,#2d2729 68%); box-shadow: 0 6px 15px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.14); color: #b8ada7; }.agent-skill-node span { font-size: 1.17rem; }.agent-skill-node small { right: -3px; bottom: -3px; border-color: #b48135; background: #2b1720; color: #f5d77d; }.agent-skill-node b { top: calc(100% + 5px); color: #c9b17b; }
.agent-skill-node.is-complete { border-color: #76a567; background: radial-gradient(circle at 34% 25%,#8fbf77,#31553a 69%); box-shadow: 0 0 18px rgba(100,171,93,.25),0 6px 14px rgba(0,0,0,.34); }.agent-skill-node.is-next { border-color: #f1c55f; background: radial-gradient(circle at 34% 23%,#ffe9a0,#a05a26 68%); box-shadow: 0 0 24px rgba(234,180,66,.28),0 7px 17px rgba(0,0,0,.38); }
.agent-skill-branch > strong { margin: 0; color: #d2b565; text-align: right; }
.agent-skill-stats { border-top-color: rgba(238,197,102,.24); background: #100a0e; }.agent-skill-stats span { border-right: 1px solid rgba(238,197,102,.12); background: linear-gradient(180deg,rgba(255,255,255,.045),transparent); }.agent-skill-stats small { color: #a89799; }.agent-skill-stats b { color: #f3ce74; }

@media (max-width: 900px) {
  .agent-select-grid { grid-template-columns: 1fr; }.agent-select-card { min-height: 440px; }.agent-select-card--admin { min-height: 390px; }
  .agent-auth-card, .agent-admin-login-card { grid-template-columns: 1fr; grid-template-rows: 280px auto; min-height: 0; }.agent-auth-card__art, .agent-auth-card__art img, .agent-admin-login-card__art, .agent-admin-login-card__art img { min-height: 280px; height: 280px; object-position: 50% 33%; }
  .agent-admin-shell { grid-template-columns: 1fr; }.agent-admin-sidebar { position: relative; display: grid; grid-template-columns: 1fr auto; height: auto; }.agent-admin-sidebar nav { display: none; }.agent-admin-workspace { grid-template-columns: 1fr; }.agent-admin-list { border-right: 0; border-bottom: 1px solid #e2d8c7; }.agent-admin-list > div { display: flex; max-height: 130px; overflow-x: auto; }.agent-admin-player { min-width: 230px; border-right: 1px solid #e3d9c8; }
  .agent-admin-create-form, .agent-admin-edit-form { grid-template-columns: 1fr 1fr; }.agent-admin-overview { grid-template-columns: 1fr; }
  .agent-hud-brand strong { display: none; }.agent-hud-brand { min-width: auto; }.agent-hud-profile { min-width: auto; }.agent-hud-stat { min-width: auto; }.agent-hud-stat small { display: none; }
}

@media (max-width: 620px) {
  .agent-select-shell { padding: 22px 13px 40px; background: linear-gradient(165deg,#f3e8d5 0 37%,#27151c 37%); }.agent-select-heading { margin-top: 50px; }.agent-mark { width: 54px; height: 54px; }.agent-select-card { min-height: 380px; border-radius: 24px; }.agent-select-card__content { padding: 25px; }.agent-select-card__seal { width: 140px; height: 140px; top: 45px; }
  .agent-auth-shell { padding: 16px 10px; }.agent-auth-card, .agent-admin-login-card { margin-top: 18px; border-radius: 24px; }.agent-auth-card__form, .agent-admin-login-card__form { padding: 30px 23px; }
  .agent-admin-main { padding: 22px 10px 40px; }.agent-admin-header > span { display: none; }.agent-admin-create-form, .agent-admin-edit-form, .agent-admin-password-form, .agent-admin-danger > div, .agent-admin-progress { grid-template-columns: 1fr; }.agent-admin-player-header { grid-template-columns: 50px 1fr; }.agent-admin-player-header > i { grid-column: 2; justify-self: start; }
  .agent-game { grid-template-rows: 58px minmax(0,1fr) 38px; }.agent-hud { gap: 5px; padding: 6px; }.agent-hud-brand span { width: 36px; height: 36px; }.agent-hud-profile { padding: 4px; }.agent-hud-profile > span { width: 30px; height: 30px; }.agent-hud-profile small { display: none; }.agent-hud-stat { padding: 4px 6px; }.agent-hud-stat > span { width: 25px; height: 25px; font-size: .75rem; }.agent-hud-skill { min-height: 34px; padding: 0 8px; font-size: .65rem; }.agent-hud > form { display: none; }.agent-controls { gap: 11px; font-size: .56rem; }.agent-controls > span:nth-child(3) { display: none; }
  .agent-stage.is-dungeon .agent-dungeon-hud { top: 7px; gap: 2px; width: calc(100% - 12px); padding: 3px; }.agent-stage.is-dungeon .agent-dungeon-hud > div { min-width: 0; flex: 1; padding: 7px 4px; }.agent-stage.is-dungeon .agent-dungeon-hud strong { font-size: .69rem; }.agent-stage.is-dungeon .agent-dungeon-hud small { font-size: .43rem; letter-spacing: .06em; }
  .agent-card-grid { grid-template-columns: 1fr; }.agent-dialog { padding: 19px 14px; }
}

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }