/* app.css */
:root{--bg:#f5f1e8;--surface:#fffdf8;--text:#27342c;--muted:#667069;--primary:#6f8f72;--primary2:#58775e;--sand:#dcc9a5;--blue:#acc8c2;--border:#dedbd1;--shadow:0 12px 35px #39503a14}*{box-sizing:border-box}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark;--bg:#18211c;--surface:#222e27;--text:#edf2ed;--muted:#b7c2ba;--primary:#96b69a;--primary2:#bdd0bf;--sand:#685e49;--blue:#496761;--border:#38463d;--shadow:0 12px 35px #0004}@media(prefers-color-scheme:dark){html[data-theme=auto]{color-scheme:dark;--bg:#18211c;--surface:#222e27;--text:#edf2ed;--muted:#b7c2ba;--primary:#96b69a;--primary2:#bdd0bf;--sand:#685e49;--blue:#496761;--border:#38463d;--shadow:0 12px 35px #0004}}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px max(20px,calc((100% - 1160px)/2));background:var(--surface);border-bottom:1px solid var(--border)}.brand{font-weight:850;font-size:1.2rem;color:var(--text);text-decoration:none}nav{display:flex;align-items:center;gap:20px}nav a,.link{color:var(--muted);text-decoration:none;background:none;border:0;padding:0;font:inherit}nav form{margin:0}main{max-width:1160px;margin:auto;padding:36px 20px 70px;min-height:80vh}footer{text-align:center;color:var(--muted);padding:30px}.card{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:22px}.hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:28px;padding:44px;border-radius:28px;background:linear-gradient(135deg,var(--surface),var(--blue))}h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.06;margin:.2em 0}h2{margin-top:1.6em}.eyebrow{color:var(--primary2);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.shelf{font-size:4.5rem;text-align:center}button,.button{display:inline-block;border:0;border-radius:12px;background:var(--primary);color:#fff;padding:12px 18px;font-weight:750;text-decoration:none;cursor:pointer}.secondary{background:transparent;color:var(--primary2);border:1px solid var(--primary)}.stats,.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.stats strong{display:block;font-size:2rem}.quick a{color:var(--text);font-weight:700;text-decoration:none}.filters{display:grid;grid-template-columns:2fr repeat(3,1fr) auto auto;gap:12px;align-items:end}.games{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.game{padding:0;overflow:hidden}.game img,.placeholder{width:100%;height:180px;object-fit:cover}.placeholder{display:grid;place-items:center;background:linear-gradient(135deg,var(--sand),var(--blue));font-size:4rem}.game-body{padding:18px}.game h3{font-size:1.3rem;margin:.6em 0 .2em}.game p,.loan p{color:var(--muted)}.badge{display:inline-block;border-radius:999px;padding:4px 9px;font-size:.75rem}.good{background:#dcebdd;color:#35553a}.muted{background:var(--border);color:var(--muted)}form{display:grid;gap:14px}label{display:grid;gap:6px;font-weight:650}input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font:inherit}textarea{min-height:90px}.columns{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.check{display:flex;align-items:center;font-size:.85rem}.check input{width:auto}.add{margin-top:30px}.add summary{font-size:1.2rem;font-weight:800;cursor:pointer;margin-bottom:18px}.auth{max-width:480px;margin:6vh auto}.flash{padding:12px 16px;border-radius:12px;margin-bottom:16px}.flash.ok{background:#dcebdd;color:#27472d}.flash.error{background:#f4d9d3;color:#6c2e22}.loan{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.settings{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.scanner{position:fixed;inset:10%;width:80%;height:70%;object-fit:cover;z-index:99;background:#000;border-radius:20px}@media(max-width:800px){nav a{display:none}.hero{grid-template-columns:1fr;padding:28px}.filters,.settings{grid-template-columns:1fr 1fr}.games{grid-template-columns:1fr 1fr}.columns{grid-template-columns:1fr 1fr}}@media(max-width:520px){main{padding:24px 14px 80px}header{padding:13px 16px}.stats{gap:8px}.stats .card{padding:13px}.stats strong{font-size:1.4rem}.quick,.filters,.settings,.games{grid-template-columns:1fr}.hero{padding:24px}.loan{align-items:flex-start;gap:10px;flex-direction:column}.game img,.placeholder{height:210px}}

.edit-photo{display:block;width:min(100%,320px);max-height:240px;object-fit:cover;border-radius:14px;margin:6px 0}
.lookup-dialog{max-width:520px;width:calc(100% - 28px);border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--text);padding:24px;box-shadow:var(--shadow)}.lookup-dialog::backdrop{background:#101713aa}.dialog-actions{display:grid;gap:10px;margin-top:20px}
.lookup-sources{padding:12px;border-radius:12px;background:var(--bg);color:var(--muted);font-size:.85rem}.lookup-sources a{color:var(--primary2)}
.game-add-wizard{gap:16px}.form-step{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--blue) 55%,var(--surface))}.form-step>div{display:grid;gap:1px}.form-step strong{font-size:1rem}.form-step small,.form-step [data-step-status]{color:var(--muted);font-size:.82rem}.step-number{display:inline-grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:var(--primary);color:#fff;font-size:.85rem;font-weight:850}.game-search-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.game-search-actions{grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.game-search-actions button{padding:9px 13px;font-size:.88rem}.game-search-actions .link-button{margin-left:auto;padding:7px 2px}.game-add-wizard input,.game-add-wizard select,.game-add-wizard textarea{padding:9px 10px}.game-add-wizard label{gap:4px;font-size:.9rem}fieldset[data-game-details]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:2px 0 0;padding:14px;border:1px solid var(--border);border-radius:16px;transition:opacity .2s;background:color-mix(in srgb,var(--surface) 92%,var(--blue))}fieldset[data-game-details] legend{padding:0 8px;font-weight:800;font-size:.95rem}fieldset[data-game-details] legend .step-number{display:inline-grid;margin-right:7px;width:26px;height:26px}fieldset[data-game-details]:disabled{opacity:.4;filter:grayscale(.35)}fieldset[data-game-details].is-unlocked{opacity:1;filter:none}.details-wide{grid-column:1/-1}.game-add-wizard .columns{gap:8px}.game-add-wizard textarea{min-height:70px}.save-game-button{grid-column:1/-1;justify-self:end;min-width:180px}.link-button{background:transparent;color:var(--primary2);border:0;text-align:left;text-decoration:underline}.add.card{padding:18px}.add summary{margin-bottom:12px}
@media(max-width:620px){.game-search-grid,fieldset[data-game-details]{grid-template-columns:1fr}.game-search-actions{grid-column:1}.game-search-actions .link-button{width:100%;margin-left:0}.details-wide,.save-game-button{grid-column:1}.save-game-button{justify-self:stretch}.form-step [data-step-status]{display:none}.game-add-wizard .columns{grid-template-columns:1fr 1fr}}

/* Verbindliches Oberflächendesign nach dem freigegebenen Tischbande-Mockup */
:root{--bg:#f3efe7;--surface:#fffdfa;--surface-soft:#f8f4ed;--text:#20251f;--muted:#74786f;--primary:#758f62;--primary2:#5f7850;--sand:#e8dcc8;--blue:#dfe6d5;--border:#e7e1d7;--shadow:0 8px 28px #4c553c0d}body.signed-in{background:var(--bg);font-size:14px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:228px;padding:28px 18px 20px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:10px;font-size:1.12rem}.brand-mark{display:grid;place-items:center;width:36px;height:42px;border-radius:8px;background:linear-gradient(145deg,#e7d6b7,#dce6cf);color:var(--primary2);font-size:1.55rem}.brand small{display:block;font-size:.58rem;font-weight:500;color:#9a8d73}.side-nav{display:grid;gap:6px;margin-top:38px}.side-nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;color:var(--text);text-decoration:none;font-weight:650}.side-nav a span{width:19px;color:var(--primary2);font-size:1.1rem}.side-nav a:hover,.side-nav a.active{background:#e8ebdf}.side-profile{display:flex;align-items:center;gap:10px;margin-top:auto;padding:14px 8px;border-top:1px solid var(--border)}.side-profile>span:last-child{display:grid}.side-profile small{color:var(--muted);font-size:.7rem}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#849a70;color:#fff;text-decoration:none;font-weight:800}.app-content{margin-left:228px;min-height:100vh;background:radial-gradient(circle at 80% 0,#fffaf0 0,transparent 30%),var(--bg)}.topbar{position:sticky;top:0;z-index:20;height:74px;padding:0 34px;display:flex;align-items:center;gap:18px;background:#fffdfaeF;backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topbar>div{display:grid}.topbar>div small{display:none}.topbar>div strong{font-size:1.35rem}.top-add{margin-left:auto;padding:9px 15px;border-radius:9px;background:var(--primary);color:#fff;text-decoration:none;font-weight:750;font-size:.84rem}.mobile-avatar{display:none}.signed-in main{max-width:1260px;padding:28px 34px 65px}.signed-in footer{padding:18px 30px;font-size:.75rem}.card{border-radius:12px;box-shadow:var(--shadow)}h1{font-size:clamp(1.65rem,3vw,2.35rem);letter-spacing:-.035em}h2{font-size:1rem}.eyebrow{text-transform:none;letter-spacing:0;font-size:.82rem}.hero{min-height:142px;padding:25px 28px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(105deg,var(--surface),#f2ebdd);box-shadow:none}.hero h1{margin:.2em 0;font-size:1.45rem}.hero p{margin:.25em 0;color:var(--muted)}.hero .shelf{font-size:3.2rem}.dashboard-stats{grid-template-columns:repeat(4,1fr);gap:12px}.dashboard-stats a{position:relative;color:var(--text);text-decoration:none;padding:16px;box-shadow:none}.dashboard-stats small{display:block}.dashboard-stats strong{font-size:1.8rem;margin:5px 0}.dashboard-stats em{font-size:.7rem;color:var(--primary2);font-style:normal}.stat-icon{position:absolute;right:15px;top:14px;color:#b38551;font-size:1.2rem}.dashboard-panels{display:grid;grid-template-columns:1.35fr .65fr;gap:14px;margin-top:14px}.dashboard-panels>.card{padding:18px;box-shadow:none}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading h2{margin:0}.section-heading a{font-size:.75rem;color:var(--primary2)}.quick{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.quick a{display:grid;gap:6px;padding:14px;border-radius:10px;background:var(--surface-soft);font-size:1.15rem}.quick a span{font-size:.78rem}.welcome-panel{background:linear-gradient(145deg,#edf0e6,#f7f1e5)}.welcome-panel h2{margin-top:0}.welcome-panel p{color:var(--muted)}.filters{padding:14px;border-radius:12px;box-shadow:none}.games{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.game{border-radius:12px;box-shadow:none}.game img,.placeholder{height:190px}.game-body{padding:12px}.game h3{font-size:1rem;margin:.45em 0}.game p{font-size:.77rem;margin:.45em 0}.game-body small{font-size:.7rem}.game-body .button,.game-body button{padding:7px 10px;font-size:.75rem}.badge{padding:3px 7px}.add{border-radius:12px}.auth{border-radius:14px}.bottom-nav{display:none}.guest-header{padding:18px 28px;background:var(--surface);border-bottom:1px solid var(--border)}
@media(max-width:1050px){.sidebar{width:194px}.app-content{margin-left:194px}.games{grid-template-columns:repeat(3,1fr)}.signed-in main{padding:24px}.topbar{padding:0 24px}}
@media(max-width:760px){body.signed-in{font-size:14px}.sidebar{display:none}.app-content{margin-left:0;padding-bottom:66px}.topbar{height:64px;padding:0 16px}.topbar>div small{display:block;color:var(--muted);font-size:.65rem}.topbar>div strong{font-size:1.05rem}.top-add{padding:8px 10px;font-size:.75rem}.mobile-avatar{display:grid}.signed-in main{padding:18px 14px 30px}.signed-in footer{display:none}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);inset:auto 0 0;z-index:40;height:66px;padding:7px 5px calc(6px + env(safe-area-inset-bottom));background:#fffdfaf5;border-top:1px solid var(--border);backdrop-filter:blur(12px)}.bottom-nav a{display:grid;place-items:center;color:var(--muted);text-decoration:none;font-size:1.05rem}.bottom-nav a.active{color:var(--primary2)}.bottom-nav small{font-size:.6rem}.hero{min-height:0;padding:20px;grid-template-columns:1fr}.hero .shelf{display:none}.dashboard-stats{grid-template-columns:1fr 1fr;gap:8px}.dashboard-stats a{padding:13px}.dashboard-stats strong{font-size:1.45rem}.dashboard-panels{grid-template-columns:1fr}.quick{grid-template-columns:1fr}.games{grid-template-columns:1fr 1fr;gap:9px}.game img,.placeholder{height:155px}.game-body{padding:10px}.filters{grid-template-columns:1fr 1fr}.filters label:first-of-type{grid-column:1/-1}.settings{grid-template-columns:1fr}.add.card{padding:14px}}
@media(max-width:430px){.top-add{font-size:0}.top-add::after{content:'＋';font-size:1rem}.dashboard-stats a{min-height:102px}.games{grid-template-columns:1fr}.game{display:grid;grid-template-columns:112px 1fr}.game img,.placeholder{height:100%;min-height:150px}.filters{grid-template-columns:1fr}.filters label:first-of-type{grid-column:1}.game-add-wizard .columns{grid-template-columns:1fr 1fr}}
.side-nav .side-add{margin-bottom:10px;background:var(--primary);color:#fff}.side-nav .side-add span{color:#fff}.dashboard-library{margin-top:24px}.dashboard-library>.section-heading{margin-bottom:12px}.dashboard-library>.section-heading h2{margin:0;font-size:1.25rem}.dashboard-library>.section-heading small{color:var(--muted)}.location-badge{background:#e8eddc;color:#4e653e;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-games{grid-column:1/-1;padding:25px;text-align:center;color:var(--muted)}
.dashboard-spotlight .quick-borrow,.dashboard-library .game-card-actions,.dashboard-section .game-card-actions,.dashboard-section .game-history-button,.dashboard-section .game-more-button{display:none!important}
body:has(.add-drawer[open])::before{content:'';position:fixed;inset:0;z-index:79;background:#1e251b66;backdrop-filter:blur(2px)}.add-drawer{display:none}.add-drawer[open]{display:block;position:fixed;z-index:80;top:0;right:0;width:min(560px,100%);height:100dvh;margin:0;padding:20px 22px 35px;border:0;border-left:1px solid var(--border);border-radius:18px 0 0 18px;background:var(--surface);overflow:auto;box-shadow:-20px 0 60px #1f281b2a}.add-drawer[open]>summary{position:sticky;top:-20px;z-index:2;display:flex;justify-content:space-between;margin:-20px -22px 18px;padding:20px 22px 14px;background:var(--surface);border-bottom:1px solid var(--border);font-size:1.15rem;font-weight:850;list-style:none}.add-drawer summary::-webkit-details-marker{display:none}.add-drawer summary span{font-size:1.5rem;font-weight:400}.add-drawer .game-search-grid{grid-template-columns:1fr}.add-drawer fieldset[data-game-details]{grid-template-columns:1fr}.add-drawer .details-wide,.add-drawer .save-game-button{grid-column:1}.add-drawer .columns{grid-template-columns:1fr 1fr}.add-drawer .save-game-button{width:100%}
@media(max-width:760px){.add-drawer[open]{width:100%;border-radius:0;padding:16px 14px 90px}.add-drawer[open]>summary{top:-16px;margin:-16px -14px 16px;padding:17px 15px 13px}.dashboard-library>.section-heading{align-items:flex-end}.dashboard-library>.section-heading .button{padding:8px 10px;font-size:.75rem}}
.game{border:2px solid transparent}.game.state-own-home{border-color:#8aaa72}.game.state-own-lent{border-color:#d69b61;background:#fffaf4}.game.state-other-available{border-color:#d2b878;background:#fffdf5}.game.state-borrowed-by-us{border-color:#7da9bd;background:#f6fbfd}.game.state-other-unavailable{border-color:#c4c5c1;opacity:.78}.state-own-home .location-badge{background:#dfeeda;color:#3f6335}.state-own-lent .location-badge{background:#f6dfc9;color:#89562e}.state-other-available .location-badge{background:#f1e6bd;color:#705e2d}.state-borrowed-by-us .location-badge{background:#d9eaf1;color:#35667c}.state-other-unavailable .location-badge{background:#e5e5e2;color:#666}.info-button{display:inline-grid;place-items:center;margin-left:8px;padding:0;width:25px;height:25px;border:0;border-radius:50%;background:transparent;color:var(--primary2);font-size:1rem;vertical-align:middle}.legend-dialog{width:min(460px,calc(100% - 28px));border:1px solid var(--border);border-radius:16px;padding:22px;background:var(--surface);color:var(--text);box-shadow:0 24px 80px #1d251a38}.legend-dialog::backdrop{background:#17201580}.legend-dialog h2{margin:0 35px 17px 0;font-size:1.15rem}.legend-close{position:absolute;right:14px;top:11px;padding:2px 9px;background:transparent;color:var(--muted);font-size:1.5rem}.legend-list{display:grid;gap:11px}.legend-list p{display:flex;align-items:center;gap:10px;margin:0;font-size:.86rem}.legend-list i{flex:0 0 17px;width:17px;height:17px;border-radius:5px}.legend-own-home{background:#8aaa72}.legend-own-lent{background:#d69b61}.legend-other-available{background:#d2b878}.legend-borrowed{background:#7da9bd}.legend-unavailable{background:#c4c5c1}.code-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.code-actions button{width:100%;font-size:.78rem}.connected-family{display:flex;align-items:center;gap:8px;padding:10px;border-radius:9px;background:var(--surface-soft)}.connected-family span{color:var(--primary2)}.family-settings>.card{align-content:start}

/* settings.css */
.family-settings > .card,
.account-settings > .card {
  display: grid;
  align-content: start;
  gap: 18px;
}

.family-settings > .card > h2,
.account-settings > .card > h2,
.family-settings > .card > p {
  margin: 0;
}

.family-settings > .card > form + form {
  margin-top: 8px;
  padding-top: 18px;
  border-top: 1px solid var(--border);
}

.member-invite {
  padding: 16px;
  border-radius: 12px;
  background: var(--surface-soft);
}

.settings-title {
  margin: 30px 0 14px;
  font-size: 1.25rem;
}

.account-settings {
  margin-top: 0;
}

.dashboard-library > .section-heading > .button {
  display: none;
}

.top-add {
  display: none;
}

.side-profile {
  flex-wrap: wrap;
}

.profile-link {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 5px;
  border-radius: 9px;
  color: var(--text);
  text-decoration: none;
}

.profile-link:hover,
.profile-link:focus-visible,
.profile-link.active {
  background: var(--surface-soft);
}

.profile-link > span:last-child {
  display: grid;
}

.profile-link small {
  color: var(--muted);
  font-size: .7rem;
}

.logout-form {
  width: 100%;
  margin-top: 8px;
}

.logout-button {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid var(--border);
  background: transparent;
  color: var(--muted);
  font-size: .78rem;
}

.logout-button:hover {
  border-color: #b76a5d;
  color: #93483d;
}

.settings-logout {
  max-width: 320px;
  margin: 22px 0 5px;
}

.notification-settings-card > p {
  margin: 0;
  color: var(--muted);
  font-size: .85rem;
}

.notification-option {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface-soft);
  cursor: pointer;
}

.notification-option input {
  width: 18px;
  margin-top: 3px;
}

.notification-option span {
  display: grid;
  gap: 2px;
}

.notification-option small {
  color: var(--muted);
  font-weight: 400;
}

@media (max-width: 760px) {
  input,
  select,
  textarea {
    font-size: 16px;
  }

  .top-add {
    display: inline-block;
  }

  .family-settings > .card,
  .account-settings > .card {
    gap: 15px;
  }
}

.scanner-shell {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #060806;
}

.scanner-shell .scanner {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
  background: #000;
  z-index: 0;
}

.scanner-guide {
  position: relative;
  z-index: 2;
  width: min(82vw, 520px);
  aspect-ratio: 2.25 / 1;
  border: 3px solid #fff;
  border-radius: 16px;
  box-shadow: 0 0 0 100vmax #0008, inset 0 0 25px #0005;
  overflow: hidden;
}

.scanner-guide::before,
.scanner-guide::after {
  content: '';
  position: absolute;
  width: 34px;
  height: 34px;
  border-color: #a9cd8f;
  border-style: solid;
}

.scanner-guide::before { left: -3px; top: -3px; border-width: 6px 0 0 6px; border-radius: 14px 0 0; }
.scanner-guide::after { right: -3px; top: -3px; border-width: 6px 6px 0 0; border-radius: 0 14px 0 0; }
.scanner-guide > span {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  border-top: 2px solid #ef6b58;
  animation: scanner-line 2.2s ease-in-out infinite;
}

@keyframes scanner-line {
  0%,100% { top: 10px; }
  50% { top: calc(100% - 12px); }
}

.scanner-hint {
  position: fixed;
  z-index: 3;
  left: 20px;
  right: 20px;
  bottom: max(35px, env(safe-area-inset-bottom));
  margin: 0 auto;
  max-width: 420px;
  padding: 11px 15px;
  border-radius: 999px;
  background: #111b;
  color: #fff;
  text-align: center;
  font-size: .9rem;
}

.scanner-hint::after {
  content: ' · Bei Unschärfe auf das Bild tippen';
}

.scanner-close {
  position: fixed;
  z-index: 4;
  top: max(16px, env(safe-area-inset-top));
  right: 16px;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid #ffffff80;
  border-radius: 50%;
  background: #111b;
  color: #fff;
  font-size: 1.7rem;
}

.scanner-zoom {
  position: fixed;
  z-index: 4;
  left: 50%;
  bottom: max(92px, calc(env(safe-area-inset-bottom) + 75px));
  display: flex;
  align-items: center;
  gap: 10px;
  width: min(78vw, 380px);
  padding: 8px 13px;
  border-radius: 999px;
  background: #111c;
  color: #fff;
  transform: translateX(-50%);
  font-size: .8rem;
}

.scanner-zoom input {
  flex: 1;
  width: auto;
  accent-color: #a9cd8f;
}

/* design-v2.css */
/* Tischbande Designsystem 2.0 – verbindliche helle und dunkle Mockup-Optik */
:root {
  --bg: #f5f1e9;
  --surface: #fffdf9;
  --surface-soft: #f7f3eb;
  --surface-raised: #ffffff;
  --text: #20251f;
  --muted: #73796f;
  --primary: #1f563f;
  --primary-hover: #174733;
  --primary-soft: #e4eee8;
  --accent: #d5a43b;
  --border: #e5dfd4;
  --border-strong: #d8d0c3;
  --danger: #a65145;
  --shadow-sm: 0 2px 10px rgba(52, 57, 43, .045);
  --shadow-md: 0 16px 42px rgba(52, 57, 43, .09);
  --radius-sm: 9px;
  --radius-md: 13px;
  --radius-lg: 18px;
}

html[data-theme="dark"] {
  --bg: #101512;
  --surface: #171d19;
  --surface-soft: #1c231e;
  --surface-raised: #202822;
  --text: #f0f1e9;
  --muted: #a4aa9f;
  --primary: #9eb37d;
  --primary-hover: #b1c58f;
  --primary-soft: #24372d;
  --accent: #d5a43b;
  --border: #303830;
  --border-strong: #404940;
  --danger: #d47f70;
  --shadow-sm: 0 2px 12px rgba(0, 0, 0, .18);
  --shadow-md: 0 18px 54px rgba(0, 0, 0, .35);
}

@media (prefers-color-scheme: dark) {
  html[data-theme="auto"] {
    --bg: #101512;
    --surface: #171d19;
    --surface-soft: #1c231e;
    --surface-raised: #202822;
    --text: #f0f1e9;
    --muted: #a4aa9f;
    --primary: #9eb37d;
    --primary-hover: #b1c58f;
    --primary-soft: #24372d;
    --accent: #d5a43b;
    --border: #303830;
    --border-strong: #404940;
    --danger: #d47f70;
    --shadow-sm: 0 2px 12px rgba(0, 0, 0, .18);
    --shadow-md: 0 18px 54px rgba(0, 0, 0, .35);
  }
}

body,
body.signed-in {
  background: var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.45;
}

button, .button, input, select, textarea { font: inherit; }
button, .button { transition: background .18s ease, border-color .18s ease, transform .18s ease, color .18s ease; }
button:hover, .button:hover { background: var(--primary-hover); transform: translateY(-1px); }
button:focus-visible, .button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--primary) 30%, transparent);
  outline-offset: 2px;
}

.card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

.sidebar {
  width: 232px;
  padding: 27px 17px 18px;
  background: var(--surface);
  border-color: var(--border);
}

.app-content { margin-left: 232px; background: var(--bg); }
.brand { gap: 11px; color: var(--text); letter-spacing: -.02em; }
.brand-mark {
  width: 38px;
  height: 42px;
  border: 1px solid var(--border-strong);
  background: linear-gradient(145deg, var(--surface-soft), var(--primary-soft));
  color: var(--primary);
}
.brand-mark img { display: block; width: 100%; height: 100%; padding: 3px; object-fit: contain; }
.placeholder img { width: 46% !important; height: 46% !important; object-fit: contain !important; opacity: .82; }
.game-media .placeholder {
  position: relative;
  display: grid !important;
  place-items: center !important;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 46%, color-mix(in srgb,var(--primary) 15%,transparent), transparent 42%),
    linear-gradient(145deg,var(--surface-soft),color-mix(in srgb,var(--primary-soft) 72%,var(--surface)));
}
.game-media .placeholder::before,
.game-media .placeholder::after {
  content: '';
  position: absolute;
  width: 72%;
  aspect-ratio: 1;
  border: 1px solid color-mix(in srgb,var(--primary) 16%,transparent);
  border-radius: 50%;
}
.game-media .placeholder::after { width: 50%; border-color: color-mix(in srgb,var(--accent) 20%,transparent); }
.game-media .placeholder img {
  position: relative;
  z-index: 1;
  display: block;
  width: 54% !important;
  height: 54% !important;
  margin: 0 !important;
  padding: 0 !important;
  object-position: center !important;
  filter: drop-shadow(0 8px 14px color-mix(in srgb,var(--primary) 15%,transparent));
}
.mini-placeholder img { width: 72%; height: 72%; object-fit: contain; }
.hero .brand-hero-symbol { display: block; width: 86px; height: 86px; margin-left: auto; object-fit: contain; }
.brand small { color: var(--muted); letter-spacing: 0; }

.side-nav { gap: 4px; margin-top: 34px; }
.side-nav a {
  min-height: 41px;
  padding: 9px 11px;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  color: var(--text);
  font-size: .82rem;
  font-weight: 560;
}
.side-nav a:hover { background: var(--surface-soft); border-color: var(--border); }
.side-nav a.active { background: var(--primary-soft); color: var(--text); border-color: transparent; }
.side-nav a span { display: grid; place-items: center; width: 20px; color: var(--primary); }
.side-nav .side-add { margin-bottom: 12px; background: var(--primary); color: #fff; border: 0; }
.side-nav .side-add:hover { background: var(--primary-hover); }
.side-nav .side-add span { color: #fff; }

.ui-icon { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.brand-mark .ui-icon { width: 23px; height: 27px; }

.side-profile { padding: 15px 5px 4px; border-color: var(--border); }
.profile-link { border: 1px solid transparent; }
.profile-link:hover, .profile-link:focus-visible, .profile-link.active { background: var(--surface-soft); border-color: var(--border); }
.avatar { background: var(--primary); color: #fff; }
.logout-button { border-color: var(--border); color: var(--muted); }

.topbar {
  height: 70px;
  padding: 0 30px;
  background: color-mix(in srgb, var(--surface) 92%, transparent);
  border-color: var(--border);
  backdrop-filter: blur(16px);
}
.topbar > div strong { font-size: 1.22rem; letter-spacing: -.02em; }

.signed-in main { max-width: 1160px; padding: 24px 28px 64px; }
h1 { font-size: clamp(1.55rem, 2.3vw, 2.05rem); letter-spacing: -.035em; }
h2 { color: var(--text); }
.eyebrow { color: var(--primary); font-weight: 700; }

.hero {
  position: relative;
  overflow: hidden;
  min-height: 132px;
  padding: 23px 27px;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: linear-gradient(108deg, var(--surface), color-mix(in srgb,var(--primary-soft) 72%,var(--surface-soft)));
  box-shadow: var(--shadow-sm);
}
.hero::after {
  content: '';
  position: absolute;
  right: 4%;
  bottom: -68px;
  width: 260px;
  height: 150px;
  border: 1px solid color-mix(in srgb, var(--primary) 22%, transparent);
  border-radius: 50%;
  background: radial-gradient(ellipse, color-mix(in srgb, var(--primary) 12%, transparent), transparent 68%);
  pointer-events: none;
}
.hero > * { position: relative; z-index: 1; }
.hero h1 { font-size: 1.35rem; }
.hero p { color: var(--muted); }
.hero .shelf { color: var(--primary); filter: saturate(.7); }
.welcome-gathering { display: block; width: min(240px,100%); height: auto; margin-left: auto; filter: drop-shadow(0 12px 18px color-mix(in srgb,var(--primary) 18%,transparent)); }

.dashboard-stats { grid-template-columns: repeat(5, minmax(0,1fr)); gap: 11px; }
.dashboard-stats a { position: relative; min-height: 108px; overflow: hidden; padding: 15px; box-shadow: var(--shadow-sm); isolation: isolate; }
.dashboard-stats a::before { content: ''; position: absolute; z-index: -1; right: -34px; bottom: -42px; width: 105px; height: 105px; border: 1px solid color-mix(in srgb,var(--primary) 18%,transparent); border-radius: 50%; background: radial-gradient(circle,color-mix(in srgb,var(--primary) 9%,transparent),transparent 68%); transition: transform .25s ease,opacity .25s ease; }
.dashboard-stats a:hover::before { transform: scale(1.18); opacity: .9; }
.dashboard-stats a:hover { border-color: var(--border-strong); background: var(--surface-raised); transform: translateY(-2px); }
.dashboard-stats strong { margin: 7px 0 3px; font-size: 1.65rem; font-weight: 650; }
.dashboard-stats em { color: var(--primary); }
.dashboard-add-card { border-color: var(--primary) !important; background: var(--primary) !important; color: #fff !important; }
.dashboard-add-card:hover { border-color: var(--primary-hover) !important; background: var(--primary-hover) !important; }
.dashboard-add-card small, .dashboard-add-card em { color: #f4f7ef !important; opacity: 1; }
.dashboard-add-card strong { max-width: calc(100% - 33px); color: #fff !important; font-size: 1rem; line-height: 1.2; overflow-wrap: anywhere; }
.dashboard-add-card .stat-icon { background: #ffffff22 !important; color: #fff !important; }
.stat-icon { right: 14px; top: 13px; color: var(--accent); }
.stat-icon img { display: block; width: 35px; height: 35px; object-fit: contain; }

.dashboard-panels { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; margin-top: 11px; }
.dashboard-list { min-width: 0; padding: 14px; box-shadow: none; }
.panel-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.panel-title h2 { margin: 0; font-size: .83rem; }
.panel-title a { color: var(--primary); font-size: .65rem; text-decoration: none; }
.mini-game { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 8px; padding: 6px 2px; border-bottom: 1px solid var(--border); }
.mini-game:last-child { border-bottom: 0; }
.mini-game img, .mini-placeholder { width: 34px; height: 38px; border-radius: 5px; object-fit: cover; }
.mini-placeholder { display: grid; place-items: center; background: var(--surface-soft); font-size: 1rem; }
.mini-game > span:not(.mini-placeholder) { display: grid; min-width: 0; }
.mini-game strong { overflow: hidden; color: var(--text); font-size: .71rem; text-overflow: ellipsis; white-space: nowrap; }
.mini-game small, .mini-game time { color: var(--muted); font-size: .58rem; }
.panel-empty { margin: 18px 0; color: var(--muted); font-size: .72rem; }

.dashboard-library { margin-top: 27px; }
.dashboard-library > .section-heading { margin-bottom: 12px; }
.section-heading h1, .section-heading h2 { letter-spacing: -.025em; }
.info-button { color: var(--primary); }

.filters {
  grid-template-columns: minmax(210px, 2fr) repeat(3, minmax(82px, 1fr)) auto auto auto;
  gap: 10px;
  padding: 13px;
  background: var(--surface);
  box-shadow: none;
}
.filters label { color: var(--muted); font-size: .72rem; font-weight: 650; }
.filters input, .filters select { min-height: 38px; background: var(--surface-soft); }

input, select, textarea {
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface-soft);
  color: var(--text);
}
input::placeholder, textarea::placeholder { color: color-mix(in srgb, var(--muted) 72%, transparent); }

.games { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 11px; margin-top: 15px; }
.game {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border-width: 1px;
  border-color: var(--border);
  border-radius: 15px;
  background: var(--surface);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.game:hover { transform: translateY(-4px); border-color: var(--border-strong); box-shadow: var(--shadow-md); }
.game img, .game .placeholder {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  border-bottom: 1px solid var(--border);
}
.game-body { display: flex; flex: 1; flex-direction: column; padding: 10px; }
.game h3 { margin: 7px 0 4px; font-size: .91rem; line-height: 1.25; }
.game p { margin: 3px 0; color: var(--muted); font-size: .69rem; line-height: 1.5; }
.game-body small { margin-top: auto; padding-top: 5px; color: var(--muted); }
.game-body form, .game-body > p:last-child { margin: 8px 0 0; }
.game-body .button, .game-body button { width: 100%; text-align: center; }
.location-badge { align-self: flex-start; background: var(--primary-soft); color: var(--primary); font-size: .65rem; }

.game-media { position: relative; overflow: hidden; aspect-ratio: 1 / 1; background: linear-gradient(145deg,var(--surface-soft),color-mix(in srgb,var(--primary-soft) 38%,var(--surface))); }
.game-media > img { width: 100%; height: 100%; padding: 7px; object-fit: contain; object-position: center; }
.game-media > img { display: block; border-bottom: 1px solid var(--border); }
.game-media .placeholder { display: grid; place-items: center; border-bottom: 1px solid var(--border); }
.game-body > h3 { margin: 8px 0 7px; }
.game-facts { display: grid; gap: 4px; color: var(--muted); font-size: .66rem; }
.game-facts > span { display: flex; align-items: center; gap: 5px; min-width: 0; white-space: nowrap; }
.game-facts > span:first-child { align-items: flex-start; white-space: normal; }
.game-info-icon { flex: 0 0 13px; width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.game-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 7px; margin-top: auto; padding-top: 10px; }
.game-card-footer .location-badge { min-width: 0; }
.game-owner-chip { position: absolute; z-index: 2; left: 8px; top: 8px; max-width: calc(100% - 52px); overflow: hidden; padding: 5px 8px 5px 20px; border: 1px solid color-mix(in srgb,var(--border) 70%,transparent); border-radius: 999px; background: color-mix(in srgb,var(--surface-raised) 84%,transparent); color: var(--text); font-size: .62rem; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; backdrop-filter: blur(12px); }
.game-owner-chip::before { content: ''; position: absolute; left: 8px; top: 50%; width: 7px; height: 7px; border-radius: 50%; background: var(--primary); box-shadow: 0 0 8px color-mix(in srgb,var(--primary) 60%,transparent); transform: translateY(-50%); }
.state-other-available .game-owner-chip::before,.state-other-unavailable .game-owner-chip::before { background: var(--accent); box-shadow: 0 0 8px color-mix(in srgb,var(--accent) 60%,transparent); }
.state-borrowed-by-us .game-owner-chip::before { background: #6f9fae; box-shadow: 0 0 8px #6f9fae88; }
.game-like-button { position: absolute; z-index: 3; right: 8px; top: 8px; display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 1px solid color-mix(in srgb,var(--border) 70%,transparent); border-radius: 50%; background: color-mix(in srgb,var(--surface-raised) 86%,transparent); color: var(--primary); box-shadow: 0 5px 16px #0002; backdrop-filter: blur(12px); }
.game-like-button:hover { background: var(--surface-raised); transform: scale(1.06); }
.game-like-button .game-info-icon { width: 18px; height: 18px; transition: fill .18s ease,transform .18s ease; }
.game-like-button.is-liked { color: #c65f56; }
.game-like-button.is-liked .game-info-icon { fill: currentColor; transform: scale(1.08); }
.game-like-button.is-saving { opacity: .55; cursor: wait; }
.game-like-label { color: var(--muted); font-size: .64rem; }
.game:has(.game-like-button.is-liked) .game-like-label { color: #c65f56; font-weight: 700; }
.liked-filter { white-space: nowrap; }
.game-card-action { margin-top: 7px !important; }
.game-card-actions { display: grid; grid-template-columns: repeat(auto-fit,minmax(82px,1fr)); gap: 7px; margin-top: auto; }
.game-card-actions .game-card-action { width: 100%; }
.game-card-actions .game-card-action.button, .game-card-actions .game-card-action button { width: 100%; }
.game-card-actions .return-button { background: #4f86b5; border-color: #4f86b5; color: #fff; }
.game-card-actions .return-button:hover { background: #3f739f; border-color: #3f739f; color: #fff; }
.statistics-heading { margin-bottom: 18px; }
.statistics-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-bottom: 16px; }
.statistics-summary .card { display: grid; align-content: center; min-height: 118px; }
.statistics-summary small, .statistics-summary span { color: var(--muted); }
.statistics-summary strong { margin-top: 6px; font-size: clamp(1.35rem,2.5vw,2.2rem); }
.statistics-summary .newest-summary strong { font-size: clamp(1.05rem,1.8vw,1.45rem); }
.statistics-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.statistics-panel h2 { margin-top: 0; }
.stat-bar { display: grid; gap: 6px; margin-top: 15px; }
.stat-bar > span { display: flex; justify-content: space-between; gap: 15px; font-size: .86rem; }
.stat-bar b { color: var(--primary); }
.stat-bar > i { display: block; height: 9px; overflow: hidden; border-radius: 99px; background: var(--surface-soft); }
.stat-bar > i > em { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--primary),var(--primary2)); }
.category-filter-empty { grid-column: 1/-1; margin: 10px 0; color: var(--muted); text-align: center; }
@media (max-width:700px){.statistics-summary{grid-template-columns:1fr 1fr}.statistics-summary .newest-summary{grid-column:1/-1}.statistics-grid{grid-template-columns:1fr}}
.game-body > .game-card-action.button, .game-card-action button { min-height: 31px; padding: 6px 9px; border-radius: 8px; font-size: .69rem; }
.game-card-action input { display: none; }
.category-picker { display: flex; flex-wrap: wrap; gap: 7px; margin: 0; padding: 12px; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface-soft); }
.category-picker legend { padding: 0 5px; color: var(--text); font-size: .82rem; font-weight: 750; }
.category-chip { position: relative; display: inline-flex; cursor: pointer; }
.category-chip input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.category-chip span { display: inline-flex; align-items: center; min-height: 31px; padding: 5px 10px; border: 1px solid var(--border-strong); border-radius: 999px; background: var(--surface); color: var(--muted); font-size: .73rem; font-weight: 600; transition: .16s ease; }
.category-chip input:checked + span { border-color: var(--primary); background: var(--primary-soft); color: var(--primary-hover); }
.category-chip input:focus-visible + span { outline: 3px solid color-mix(in srgb,var(--primary) 30%,transparent); outline-offset: 2px; }
.filter-category-picker { position: relative; align-self: end; }
.filter-category-picker summary { display: flex; align-items: center; min-height: 38px; padding: 8px 11px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface-soft); color: var(--text); cursor: pointer; font-size: .78rem; font-weight: 500; list-style: none; }
.filter-category-picker summary::-webkit-details-marker { display: none; }
.filter-category-picker summary::after { content: '⌄'; margin-left: auto; color: var(--muted); }
.category-filter-options { position: absolute; z-index: 25; left: 0; top: calc(100% + 7px); display: flex; flex-wrap: wrap; gap: 7px; width: min(430px,calc(100vw - 30px)); padding: 13px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-raised); box-shadow: var(--shadow-md); }
.category-filter-title, .category-filter-done, .category-filter-cancel { display: none; }
.busy-overlay { position: fixed; z-index: 1000; inset: 0; display: grid; place-content: center; justify-items: center; gap: 9px; padding: 24px; background: color-mix(in srgb,var(--bg) 68%,transparent); color: var(--text); text-align: center; opacity: 0; backdrop-filter: blur(8px); transition: opacity .18s ease; }
.busy-overlay[hidden] { display: none; }
.busy-overlay.is-visible { opacity: 1; }
.busy-overlay strong { font-size: .95rem; }
.busy-overlay small { color: var(--muted); font-size: .72rem; }
.busy-spinner { position: relative; display: grid; place-items: center; width: 84px; height: 84px; margin-bottom: 5px; border-radius: 50%; background: radial-gradient(circle at 50% 48%,#8da56e 0,#1f563f 54%,#163d2d 100%); box-shadow: 0 0 0 1px #ffffff24,0 0 32px color-mix(in srgb,#8da56e 48%,transparent),0 18px 38px #0003; }
.busy-spinner::before,.busy-spinner::after { content: ''; position: absolute; inset: -8px; border: 1px solid color-mix(in srgb,#d5a43b 58%,transparent); border-radius: 50%; animation: busy-hologram 1.5s ease-in-out infinite; }
.busy-spinner::after { inset: -15px; border-color: color-mix(in srgb,#d77d62 38%,transparent); animation-delay: -.75s; }
.busy-spinner img { display: block; width: 68px; height: 68px; animation: busy-spin 1.45s linear infinite; }
@keyframes busy-spin { to { transform: rotate(360deg); } }
@keyframes busy-hologram { 0%,100% { transform: scale(.94); opacity: .28; } 50% { transform: scale(1.04); opacity: .78; } }

.auth-tischbande { position: relative; overflow: hidden; padding-top: 126px; }
.auth-tischbande::before { content: ''; position: absolute; inset: 0 0 auto; height: 112px; background: linear-gradient(135deg,color-mix(in srgb,var(--primary) 13%,var(--surface)),color-mix(in srgb,var(--accent) 12%,var(--surface))); border-bottom: 1px solid var(--border); }
.auth-brand-art { position: absolute; z-index: 1; top: 14px; left: 50%; width: 205px; height: 94px; transform: translateX(-50%); filter: drop-shadow(0 8px 16px color-mix(in srgb,var(--primary) 16%,transparent)); }

@media (prefers-reduced-motion: reduce) {
  .busy-spinner img { animation-duration: 3s; }
  .busy-spinner::before,.busy-spinner::after { animation: none; }
}
.delete-game-form { max-width: 480px; margin: 14px auto 5vh; padding: 16px; border: 1px solid color-mix(in srgb,var(--danger) 42%,var(--border)); border-radius: 13px; background: var(--surface); }
.delete-game-form small { color: var(--muted); }
.danger-button { background: var(--danger); }
.danger-button:hover { background: color-mix(in srgb,var(--danger) 82%,#000); }

.game.state-own-home { border-color: #8ba476; background: var(--surface); }
.game.state-own-lent { border-color: #bd8650; background: color-mix(in srgb, var(--surface) 96%, #c67f38); }
.game.state-other-available { border-color: #c5aa68; background: color-mix(in srgb, var(--surface) 96%, #d7b354); }
.game.state-borrowed-by-us { border-color: #789ead; background: color-mix(in srgb, var(--surface) 96%, #6f9fae); }
.game.state-other-unavailable { border-color: var(--border-strong); background: var(--surface-soft); opacity: .72; }

.secondary { background: transparent; color: var(--primary); border-color: var(--primary); }
.secondary:hover { background: var(--primary-soft); color: var(--text); }
.flash { border: 1px solid currentColor; box-shadow: var(--shadow-sm); }

.settings { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.settings > .card { padding: 18px; }
.member-invite, .notification-option, .connected-family { background: var(--surface-soft); border-color: var(--border); }
.notification-channels { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; margin: 0 0 17px; padding: 13px; border: 1px solid var(--border); border-radius: 13px; }
.notification-channels legend { padding: 0 6px; font-size: .78rem; font-weight: 750; }
.notification-option.is-disabled { opacity: .55; }
.push-device-card { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 17px; padding: 13px; border: 1px solid var(--border); border-radius: 12px; background: var(--primary-soft); }
.push-device-card > div { display: grid; gap: 3px; }
.push-device-card strong { font-size: .78rem; }
.push-device-card small { color: var(--muted); font-size: .68rem; }
.push-device-card button { flex: 0 0 auto; }
.push-device-card button.is-loading { display: inline-flex; align-items: center; justify-content: center; gap: .55rem; cursor: wait; opacity: .9; }
.push-device-card button.is-loading::before { content: ""; width: 1rem; height: 1rem; flex: 0 0 1rem; border: 2px solid rgba(255,255,255,.42); border-top-color: #fff; border-radius: 50%; animation: push-button-spin .75s linear infinite; }
@keyframes push-button-spin { to { transform: rotate(360deg); } }
.notification-events-title { margin: 8px 0; font-size: .88rem; }

.add-drawer[open] { background: var(--surface); border-color: var(--border); box-shadow: -20px 0 65px rgba(0, 0, 0, .2); }
.add-drawer[open] > summary { background: var(--surface); border-color: var(--border); }
.form-step { background: var(--primary-soft); }
fieldset[data-game-details] { background: var(--surface-soft); border-color: var(--border); }
.lookup-dialog, .legend-dialog { background: var(--surface-raised); border-color: var(--border); }

.bottom-nav { background: color-mix(in srgb, var(--surface) 94%, transparent); border-color: var(--border); }
.bottom-nav a { color: var(--muted); }
.bottom-nav a.active { color: var(--primary); }

.notification-center { position: relative; z-index: 5; margin-left: auto; }
.notification-bell { position: relative; display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 1px solid transparent; border-radius: 50%; background: transparent; color: var(--text); }
.notification-bell:hover { border-color: var(--border); background: var(--surface-soft); transform: none; }
.notification-bell b { position: absolute; right: -1px; top: -2px; min-width: 17px; height: 17px; padding: 1px 4px; border: 2px solid var(--surface); border-radius: 999px; background: #c96755; color: #fff; font-size: .56rem; line-height: 12px; text-align: center; }
.notification-panel { position: absolute; right: 0; top: 46px; width: min(380px, calc(100vw - 28px)); overflow: hidden; border: 1px solid var(--border); border-radius: 14px; background: var(--surface-raised); box-shadow: var(--shadow-md); }
.notification-panel > header { position: static; display: flex; align-items: center; justify-content: space-between; padding: 13px 14px; border-bottom: 1px solid var(--border); background: transparent; }
.notification-panel > header button { padding: 4px; background: transparent; color: var(--primary); font-size: .65rem; }
.notification-list { max-height: min(520px, 70vh); overflow: auto; }
.notification-item { display: grid; grid-template-columns: 30px minmax(0,1fr) auto; align-items: start; gap: 8px; padding: 11px 13px; border-bottom: 1px solid var(--border); color: var(--text); text-decoration: none; }
.notification-item:hover { background: var(--surface-soft); }
.notification-item.is-unread { background: color-mix(in srgb, var(--primary-soft) 62%, var(--surface)); }
.notification-item i { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--primary-soft); color: var(--primary); font-style: normal; }
.notification-item > span { display: grid; min-width: 0; }
.notification-item strong { font-size: .72rem; }
.notification-item small { margin-top: 2px; overflow: hidden; color: var(--muted); font-size: .62rem; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.notification-item time { color: var(--muted); font-size: .58rem; }
.notification-empty { padding: 22px 14px; color: var(--muted); text-align: center; }
.toast-stack { position: fixed; z-index: 300; right: 20px; top: 82px; display: grid; gap: 9px; width: min(360px, calc(100vw - 28px)); }
.app-toast { position: relative; display: grid; gap: 3px; padding: 13px 42px 13px 14px; border: 1px solid var(--border); border-left: 4px solid var(--primary); border-radius: 12px; background: var(--surface-raised); box-shadow: var(--shadow-md); color: var(--text); opacity: 0; transform: translateX(18px); transition: opacity .2s ease, transform .2s ease; }
.app-toast.is-visible { opacity: 1; transform: translateX(0); }
.app-toast strong { font-size: .78rem; }
.app-toast span { color: var(--muted); font-size: .67rem; }
.app-toast button { position: absolute; right: 8px; top: 7px; padding: 3px 7px; background: transparent; color: var(--muted); font-size: 1rem; }

@media (max-width: 1180px) {
  .games { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 980px) {
  .sidebar { width: 200px; }
  .app-content { margin-left: 200px; }
  .games { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .filters { grid-template-columns: 2fr 1fr 1fr; }
}

@media (max-width: 760px) {
  .app-content { margin-left: 0; }
  .topbar { height: 62px; padding: 0 14px; }
  .signed-in main { padding: 16px 13px 28px; }
  .hero { padding: 18px; }
  .hero .eyebrow { margin-top: 0; }
  .dashboard-stats { grid-template-columns: 1fr 1fr; gap: 8px; }
  .dashboard-stats a { min-height: 96px; padding: 12px; }
  .dashboard-stats .dashboard-add-card { grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 54px 12px 18px; text-align: center; }
  .dashboard-add-card small, .dashboard-add-card em { display: none; }
  .dashboard-add-card strong { margin: 0; font-size: .88rem; }
  .dashboard-add-card .stat-icon { right: 14px; top: 50%; transform: translateY(-50%); }
  .topbar .top-add { display: none !important; }
  .filter-category-picker[open]::before { content: ''; position: fixed; z-index: 210; inset: 0; background: #1119; backdrop-filter: blur(2px); }
  .filter-category-picker .category-filter-options { position: fixed; z-index: 220; left: 50%; top: 50%; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; width: min(430px,calc(100vw - 26px)); max-height: min(620px,82dvh); padding: 18px 15px 15px; overflow-y: auto; border-radius: 17px; transform: translate(-50%,-50%); }
  .category-filter-title { display: block; grid-column: 1 / -1; margin: 0 0 4px; font-size: 1rem; }
  .category-filter-cancel { position: absolute; right: 12px; top: 11px; display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; background: var(--surface-soft); color: var(--muted); font-size: 1.35rem; }
  .category-filter-title { padding-right: 38px; }
  .filter-category-picker .category-chip, .filter-category-picker .category-chip span { width: 100%; min-width: 0; }
  .filter-category-picker .category-chip span { justify-content: center; min-height: 39px; padding: 7px 5px; text-align: center; white-space: normal; }
  .category-filter-done { display: block; grid-column: 1 / -1; width: 100%; margin-top: 5px; }
  .filters { grid-template-columns: 1fr 1fr; padding: 11px; }
  .games { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .game { display: flex; }
  .game img, .game .placeholder { min-height: 0; aspect-ratio: 1 / 1; }
  .game-body { padding: 9px; }
  .game h3 { font-size: .86rem; }
  .game p { font-size: .65rem; }
  .settings { grid-template-columns: 1fr; }
  .dashboard-panels { grid-template-columns: 1fr; }
  .notification-panel { position: fixed; right: 12px; top: 58px; }
  .notification-channels { grid-template-columns: 1fr; }
  .push-device-card { align-items: stretch; flex-direction: column; }
  .toast-stack { left: 14px; right: 14px; top: 72px; width: auto; }
  .bottom-nav { height: 68px; }
  .bottom-nav .ui-icon { width: 20px; height: 20px; }
}

@media (max-width: 390px) {
  .games { gap: 7px; }
  .game-body { padding: 8px; }
  .location-badge { font-size: .59rem; }
}

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

/* Desktop-Skalierung: Die Anwendung soll große Browserfenster sichtbar ausfüllen. */
@media (min-width: 761px) {
  body.signed-in { font-size: 15.5px; }
  .sidebar { width: 244px; padding: 31px 20px 21px; }
  .app-content { margin-left: 244px; }
  .brand { font-size: 1.18rem; }
  .brand-mark { width: 42px; height: 47px; }
  .brand small { font-size: .64rem; }
  .side-nav { margin-top: 39px; }
  .side-nav a { min-height: 45px; padding: 10px 13px; font-size: .88rem; }
  .side-nav a span { width: 22px; }
  .side-nav .ui-icon { width: 20px; height: 20px; }
  .topbar { height: 78px; padding: 0 38px; }
  .topbar > div strong { font-size: 1.38rem; }
  .signed-in main { width: 100%; max-width: 1480px; padding: 32px 38px 76px; }
  .hero { min-height: 154px; padding: 29px 33px; }
  .hero h1 { font-size: 1.58rem; }
  .hero p { font-size: .9rem; }
  .hero .shelf { font-size: 3.8rem; }
  .dashboard-stats { gap: 14px; margin-top: 16px; }
  .dashboard-stats a { min-height: 123px; padding: 19px; }
  .dashboard-stats small { font-size: .8rem; }
  .dashboard-stats strong { font-size: 2rem; }
  .dashboard-stats em { font-size: .76rem; }
  .stat-icon .ui-icon { width: 22px; height: 22px; }
  .dashboard-panels { gap: 14px; margin-top: 14px; }
  .dashboard-list { padding: 18px; }
  .panel-title h2 { font-size: .94rem; }
  .mini-game { grid-template-columns: 42px minmax(0,1fr) auto; gap: 10px; padding: 8px 2px; }
  .mini-game img, .mini-placeholder { width: 42px; height: 47px; }
  .mini-game strong { font-size: .79rem; }
  .mini-game small, .mini-game time { font-size: .66rem; }
  .dashboard-library { margin-top: 34px; }
  .dashboard-library > .section-heading h2 { font-size: 1.4rem; }
  .filters { grid-template-columns: minmax(210px,2fr) minmax(175px,1.4fr) repeat(3,minmax(80px,1fr)) auto auto; gap: 13px; padding: 16px; }
  .filters label { font-size: .78rem; }
  .filters input, .filters select { min-height: 44px; }
  .filter-category-picker summary { min-height: 44px; }
  .games { grid-template-columns: repeat(auto-fill,minmax(205px,1fr)); gap: 15px; margin-top: 19px; }
  .game-body { padding: 13px; }
  .game h3, .game-body > h3 { margin: 10px 0 8px; font-size: 1.02rem; }
  .game-facts { gap: 6px; font-size: .76rem; }
  .game-info-icon { flex-basis: 15px; width: 15px; height: 15px; }
  .game-card-footer { padding-top: 13px; }
  .location-badge { padding: 4px 9px; font-size: .7rem; }
  .game-body > .game-card-action.button, .game-card-action button { min-height: 37px; font-size: .76rem; }
  .notification-bell { width: 42px; height: 42px; }
}

@media (min-width: 1700px) {
  .signed-in main { max-width: 1580px; }
  .games { grid-template-columns: repeat(auto-fill,minmax(220px,1fr)); }
}

@media (min-width: 761px) and (max-width: 1050px) {
  .sidebar { width: 210px; padding-inline: 16px; }
  .app-content { margin-left: 210px; }
  .signed-in main { padding: 25px; }
  .games { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

/* Begrüßung und Kennzahlen nach der freigegebenen Dashboard-Vorlage. */
.hero { grid-template-columns: minmax(0,1fr) 250px; }
.hero .welcome-title { margin: 0 0 6px; color: var(--text); font-size: 1.05rem; font-weight: 750; text-transform: none; }
.hero .welcome-title::after { content: ' 👋'; }
.hero .shelf { display: grid; place-items: center; font-size: 0; }
.welcome-art { width: min(100%,210px); height: auto; overflow: visible; color: #cbb68d; }
.welcome-art rect { fill: #d9c8a7; stroke: #b8a47e; stroke-width: 1; }
.welcome-art rect:nth-of-type(2), .welcome-art rect:nth-of-type(5) { fill: #bdc4a3; }
.welcome-art rect:nth-of-type(3) { fill: #e1c5a9; }
.welcome-art .welcome-shelf { fill: #bca27b; }
.welcome-art .welcome-plant { fill: none; stroke: #758f62; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; }
.welcome-art .welcome-pot { fill: #cbb18b; }
.dashboard-stats a { padding-right: 70px; }
.stat-icon { display: grid; place-items: center; right: 17px; top: 50%; width: 42px; height: 42px; border-radius: 12px; background: var(--primary-soft); color: var(--primary); transform: translateY(-50%); }
.dashboard-stats a:nth-child(2) .stat-icon { background: color-mix(in srgb,#d99449 16%,var(--surface)); color: #c1782e; }
.dashboard-stats a:nth-child(3) .stat-icon { background: color-mix(in srgb,#c77c47 16%,var(--surface)); color: #b66b37; }
.dashboard-stats a:nth-child(4) .stat-icon { background: color-mix(in srgb,#759668 18%,var(--surface)); color: #67865b; }
.dashboard-stats a:nth-child(5) .stat-icon { background: #ffffff22; color: #fff; }
.stat-icon .ui-icon { width: 25px; height: 25px; stroke-width: 1.9; }

@media (min-width: 761px) {
  .hero { min-height: 116px; padding: 20px 25px; }
  .hero .welcome-title { font-size: 1.08rem; }
  .hero p { margin: 0; font-size: .78rem; }
  .dashboard-stats a { min-height: 112px; }
}

@media (max-width: 760px) {
  .hero { display: block; padding: 17px 16px; }
  .hero .welcome-title { font-size: 1rem; }
  .hero p { margin: 0; font-size: .76rem; }
  .dashboard-stats a { padding-right: 58px; }
  .stat-icon { right: 10px; width: 37px; height: 37px; border-radius: 10px; }
  .stat-icon .ui-icon { width: 22px; height: 22px; }
  html, body { max-width: 100%; overflow-x: hidden; }
  .category-picker { display: grid; grid-template-columns: 1fr 1fr; width: 100%; min-width: 0; overflow: visible; }
  .category-picker .category-chip, .category-picker .category-chip span { width: 100%; min-width: 0; }
  .category-picker .category-chip span { justify-content: center; padding-inline: 6px; text-align: center; white-space: normal; }
  fieldset[data-game-details], .auth form { min-width: 0; }
}

.game-footer-icons { display: inline-flex; align-items: center; gap: 2px; }
.game-history-button { display: grid; place-items: center; width: 27px; height: 27px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--primary); }
.game-history-button:hover { background: var(--primary-soft); transform: none; }
.game-history-button .game-info-icon { width: 17px; height: 17px; }
.clear-dashboard-filter { display: block; margin-top: 3px; color: var(--primary); font-size: .7rem; text-decoration: none; }
.history-dialog { width: min(560px,calc(100% - 26px)); max-height: min(720px,88dvh); padding: 0; overflow: auto; border: 1px solid var(--border); border-radius: 17px; background: var(--surface-raised); color: var(--text); box-shadow: var(--shadow-md); }
.history-dialog::backdrop { background: #111a; backdrop-filter: blur(2px); }
.history-dialog-content { position: relative; padding: 22px; }
.history-dialog-content h2 { margin: 2px 38px 18px 0; font-size: 1.25rem; }
.history-close { position: absolute; right: 12px; top: 10px; width: 34px; height: 34px; padding: 0; background: transparent; color: var(--muted); font-size: 1.4rem; }
.history-list { display: grid; gap: 9px; }
.history-entry { display: grid; grid-template-columns: 13px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 12px; border: 1px solid var(--border); border-radius: 11px; background: var(--surface-soft); }
.history-entry > div { display: grid; gap: 2px; }
.history-entry strong { font-size: .82rem; }
.history-entry small { color: var(--muted); font-size: .69rem; }
.history-entry form { margin: 0; }
.history-entry button { padding: 7px 10px; font-size: .7rem; }
.history-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--border-strong); }
.history-dot.is-active { background: var(--accent); box-shadow: 0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent); }
.history-empty { color: var(--muted); }
.mobile-more-sheet { width: 100%; max-width: none; margin: auto 0 0; padding: 0; overflow: visible; border: 0; border-radius: 20px 20px 0 0; background: transparent; color: var(--text); }
.mobile-more-sheet::backdrop { background: #1119; backdrop-filter: blur(2px); }
.mobile-more-panel { display: grid; gap: 12px; padding: 8px 15px max(20px,env(safe-area-inset-bottom)); border: 1px solid var(--border); border-bottom: 0; border-radius: 20px 20px 0 0; background: var(--surface-raised); box-shadow: 0 -14px 45px #0003; }
.mobile-more-handle { justify-self: center; width: 42px; height: 4px; border-radius: 999px; background: var(--border-strong); }
.mobile-more-heading { display: flex; align-items: center; justify-content: space-between; min-height: 35px; }
.mobile-more-heading > strong { font-size: 1.05rem; }
.mobile-more-close { display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; background: var(--surface-soft); color: var(--muted); font-size: 1.35rem; }
.mobile-more-profile { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 11px; padding: 13px; border: 1px solid var(--border); border-radius: 13px; background: var(--surface-soft); color: var(--text); text-decoration: none; }
.mobile-more-profile .avatar { width: 42px; height: 42px; }
.mobile-more-profile > span:nth-child(2) { display: grid; gap: 2px; }
.mobile-more-profile strong { font-size: .86rem; }
.mobile-more-profile small { color: var(--muted); font-size: .68rem; }
.mobile-more-arrow { color: var(--primary); font-size: 1.6rem; }
.mobile-more-logout { margin: 0; }
.mobile-more-logout .logout-button { width: 100%; min-height: 46px; border-color: var(--border); background: transparent; color: var(--muted); }

/* Kompaktes Scannerfenster: sichtbar ist nur der Barcode-Ausschnitt. */
.scanner-shell { background: #090d0b; }
.scanner-shell .scanner { position: absolute; inset: auto; left: 50%; top: 50%; width: min(92vw,640px); height: auto; aspect-ratio: 2.45 / 1; border: 1px solid #ffffff55; border-radius: 17px; object-fit: cover; transform: translate(-50%,-50%); }
.scanner-guide { width: min(84vw,580px); aspect-ratio: 2.7 / 1; border-width: 2px; border-radius: 12px; box-shadow: inset 0 0 20px #0005; }
.scanner-hint { bottom: max(24px,env(safe-area-inset-bottom)); }
.scanner-zoom { bottom: max(78px,calc(env(safe-area-inset-bottom) + 62px)); }

@media (max-width: 520px) {
  .scanner-shell .scanner { width: 94vw; aspect-ratio: 2.25 / 1; }
  .scanner-guide { width: 86vw; aspect-ratio: 2.55 / 1; }
  .scanner-hint { font-size: .78rem; }
  .history-dialog-content { padding: 18px 15px; }
  .history-entry { grid-template-columns: 12px minmax(0,1fr); }
  .history-entry form { grid-column: 2; }
}

/* 4.1 – sichtbar neuer Aufbau für Bibliothek und Suche */
.modern-game-filter { display:grid; grid-template-columns:minmax(230px,2fr) minmax(150px,1.15fr) repeat(3,minmax(90px,.7fr)) auto; align-items:end; gap:12px; margin:16px 0 22px; padding:18px; border:1px solid var(--border); border-radius:18px; background:linear-gradient(135deg,var(--surface-raised),color-mix(in srgb,var(--primary-soft) 18%,var(--surface-raised))); box-shadow:0 14px 38px #18251b0b; }
.modern-game-filter .filter-intro { grid-column:1/-1; display:flex; align-items:baseline; gap:9px; padding-bottom:2px; }
.filter-intro strong { color:var(--text); font-size:1rem; }
.filter-intro span { color:var(--muted); font-size:.72rem; }
.modern-game-filter label { gap:6px; color:var(--muted); font-size:.7rem; }
.modern-game-filter input[type="text"],.modern-game-filter input[type="number"],.modern-game-filter input:not([type]) { min-height:45px; border-radius:11px; background:var(--surface); }
.modern-game-filter .filter-search { position:relative; }
.modern-game-filter .filter-search input { padding-left:39px; }
.modern-game-filter .filter-search::after { content:'⌕'; position:absolute; left:13px; bottom:9px; color:var(--primary); font-size:1.35rem; line-height:1; }
.modern-game-filter .filter-category-picker { align-self:end; }
.modern-game-filter .filter-category-picker summary { min-height:45px; border-radius:11px; background:var(--surface); }
.filter-toggles { display:flex; align-items:center; gap:7px; min-height:45px; }
.modern-game-filter .filter-pill { display:inline-flex; cursor:pointer; }
.modern-game-filter .filter-pill input { position:absolute; width:1px; height:1px; opacity:0; }
.modern-game-filter .filter-pill span { display:flex; align-items:center; min-height:38px; padding:7px 11px; border:1px solid var(--border); border-radius:999px; background:var(--surface); color:var(--muted); white-space:nowrap; }
.modern-game-filter .filter-pill input:checked + span { border-color:var(--primary); background:var(--primary-soft); color:var(--primary-hover); font-weight:750; }
.modern-game-filter .filter-submit { min-height:45px; padding-inline:17px; border-radius:11px; white-space:nowrap; }
.modern-game-filter .filter-reset { grid-column:1/-1; justify-self:end; margin-top:-4px; color:var(--muted); font-size:.7rem; text-decoration:none; }
.modern-game-filter .filter-reset:hover { color:var(--primary); }
.games { gap:16px; }
.game { border:1px solid var(--border)!important; border-radius:18px; box-shadow:0 10px 30px #1a281d0b; }
.game-media { margin:7px 7px 0; border-radius:13px; aspect-ratio:1.05/1; }
.game-media > img,.game-media .placeholder { border:0; border-radius:inherit; }
.game-body { padding:10px 13px 13px; }
.game-title-row { display:flex; align-items:flex-start; justify-content:space-between; gap:7px; }
.game-title-row h3 { flex:1; }
.game-family-dot { flex:0 0 8px; width:8px; height:8px; margin-top:14px; border-radius:50%; background:var(--primary); box-shadow:0 0 0 4px var(--primary-soft); }
.state-other-available .game-family-dot,.state-other-unavailable .game-family-dot { background:var(--accent); box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 15%,transparent); }
.game-facts { padding:8px 0 4px; border-top:1px solid var(--border); }
.game-card-footer { justify-content:flex-end; min-height:29px; padding-top:4px; }
.game-like-label { display:none!important; }
@media (max-width:1100px) {
  .modern-game-filter { grid-template-columns:1fr 1fr; }
  .modern-game-filter .filter-intro,.modern-game-filter .filter-search,.modern-game-filter .filter-category-picker,.modern-game-filter .filter-submit,.modern-game-filter .filter-reset { grid-column:1/-1; }
  .filter-toggles { grid-column:1/-1; }
}
@media (max-width:600px) {
  .modern-game-filter { grid-template-columns:1fr 1fr; gap:10px; padding:13px; border-radius:15px; }
  .modern-game-filter .filter-intro { flex-direction:column; gap:1px; }
  .modern-game-filter .filter-submit { width:100%; }
  .modern-game-filter .filter-reset { justify-self:center; }
  .game { display:flex; }
  .game-media { aspect-ratio:1.18/1; }
}

/* Eigene Tablet-Zwischenstufe: großzügige mobile Anordnung mit Seitenleiste. */
@media (min-width: 761px) and (max-width: 1100px), (min-width: 761px) and (max-width: 1600px) and (pointer: coarse) {
  html { scroll-padding-top: 94px; }
  .sidebar { width: 184px; padding: 25px 13px 18px; }
  .app-content { margin-left: 184px; }
  .brand { gap: 8px; font-size: 1rem; }
  .brand-mark { width: 37px; height: 42px; }
  .brand small { font-size: .56rem; }
  .side-nav { margin-top: 28px; }
  .side-nav a { min-height: 41px; padding: 8px 10px; font-size: .78rem; }
  .side-profile { padding-inline: 4px; }
  .side-profile strong { font-size: .78rem; }
  .topbar { height: 70px; padding: 0 24px; }
  .topbar .top-add { display: none !important; }
  .signed-in main { padding: 24px 22px 64px; }
  .hero { display: grid; grid-template-columns: minmax(0,1fr) 150px; min-height: 108px; padding: 18px 21px; }
  .welcome-art { width: 145px; }
  .dashboard-stats { grid-template-columns: 1fr 1fr; gap: 10px; }
  .dashboard-stats a { min-height: 100px; padding: 15px 64px 14px 15px; }
  .dashboard-stats .dashboard-add-card { grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; min-height: 50px; padding: 12px 60px 12px 18px; text-align: center; }
  .dashboard-add-card small, .dashboard-add-card em { display: none; }
  .dashboard-add-card strong { margin: 0; font-size: .9rem; }
  .dashboard-add-card .stat-icon { right: 15px; }
  .dashboard-panels { grid-template-columns: 1fr; }
  .dashboard-library { scroll-margin-top: 94px; }
  .filters { grid-template-columns: 1fr 1fr; gap: 11px; padding: 13px; }
  .filters > label:first-of-type, .filters > .filter-category-picker, .filters > button { grid-column: 1 / -1; }
  .filters > button { width: 100%; }
  .games { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .filter-category-picker[open]::before { content: ''; position: fixed; z-index: 210; inset: 0; background: #1119; backdrop-filter: blur(2px); }
  .filter-category-picker .category-filter-options { position: fixed; z-index: 220; left: 50%; top: 50%; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; width: min(500px,calc(100vw - 42px)); max-height: min(650px,82dvh); padding: 20px 17px 17px; overflow-y: auto; border-radius: 17px; transform: translate(-50%,-50%); }
  .category-filter-title { display: block; grid-column: 1 / -1; margin-bottom: 4px; font-size: 1.05rem; }
  .category-filter-cancel { position: absolute; right: 13px; top: 12px; display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: var(--surface-soft); color: var(--muted); font-size: 1.4rem; }
  .category-filter-title { padding-right: 42px; }
  .filter-category-picker .category-chip, .filter-category-picker .category-chip span { width: 100%; min-width: 0; }
  .filter-category-picker .category-chip span { justify-content: center; min-height: 41px; text-align: center; white-space: normal; }
  .category-filter-done { display: block; grid-column: 1 / -1; width: 100%; margin-top: 5px; }
}

/* 4.2 – Karten und Filter entsprechend der freigegebenen Vorlage */
.modern-game-filter { display:block; margin:14px 0 21px; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.filter-search-row { display:flex; gap:10px; }
.modern-game-filter .filter-search { flex:1; }
.modern-game-filter .filter-search input { min-height:46px; padding:11px 15px 11px 43px; border:1px solid var(--border); border-radius:12px; background:var(--surface); box-shadow:0 5px 18px #1b281d08; }
.modern-game-filter .filter-search::after { left:15px; bottom:10px; }
.filter-search-row .filter-category-picker { flex:0 0 175px; margin:0; align-self:auto; }
.filter-search-row .filter-category-picker summary { min-height:46px; padding:10px 13px; border-radius:12px; background:var(--surface); }
.modern-game-filter .filter-toggles { display:flex; flex-wrap:wrap; gap:7px; min-height:0; margin-top:10px; }
.modern-game-filter .filter-pill span,.filter-link-pill { display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:6px 14px; border:1px solid var(--border); border-radius:999px; background:var(--surface); color:var(--muted); font-size:.7rem; font-weight:650; text-decoration:none; white-space:nowrap; }
.modern-game-filter .filter-pill input:checked + span,.filter-link-pill.is-active { border-color:var(--primary); background:var(--primary); color:#fff; }
.advanced-filter-panel { margin-top:10px; border-top:1px solid var(--border); }
.advanced-filter-panel summary { width:max-content; padding:10px 2px 4px; color:var(--primary); cursor:pointer; font-size:.72rem; font-weight:700; list-style:none; }
.advanced-filter-panel summary::before { content:'＋ '; }
.advanced-filter-panel[open] summary::before { content:'− '; }
.advanced-filter-fields { display:grid; grid-template-columns:repeat(3,minmax(100px,160px)); gap:9px; padding:8px 0 2px; }
.advanced-filter-fields label { color:var(--muted); font-size:.68rem; }
.advanced-filter-fields input { min-height:39px!important; background:var(--surface)!important; }
.advanced-filter-panel>.advanced-category-filter { width:min(430px,100%); margin-top:8px; }
.advanced-filter-panel>.advanced-category-filter>summary { width:100%; min-height:39px; padding:8px 11px; border:1px solid var(--border); border-radius:10px; background:var(--surface); color:var(--text); }
.advanced-filter-panel>.advanced-category-filter .category-filter-options { left:0; right:auto; width:min(430px,calc(100vw - 48px)); max-width:100%; }
.filter-search-row>.filter-category-picker { display:none!important; }
.filters>.category-filter-panel { grid-column:1/-1; width:100%; }
.page-games .catalogue-searchbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin:14px 0 0}.page-games .catalogue-searchbar>label{display:grid;gap:5px;margin:0}.page-games .catalogue-searchbar input{width:100%;min-height:46px;padding:11px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.page-games .catalogue-filter-button{min-height:46px;padding:10px 17px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--primary);font-weight:700}.page-games form.filters:not(.is-expanded){display:none}.page-games form.filters.is-expanded{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0 0}.page-games form.filters.is-expanded>.category-filter-panel,.page-games form.filters.is-expanded>button{grid-column:1/-1}.page-games .catalogue-chips{margin-top:10px}
.page-games form.filters.is-expanded{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.page-games form.filters.is-expanded>.filter-category-picker{display:block!important;position:relative;grid-column:1/-1}.page-games form.filters.is-expanded>.filter-category-picker>summary{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface-soft)}
.page-games form.filters.is-expanded>.filter-category-picker{order:-10}.page-games form.filters.is-expanded>.filter-category-picker>summary{display:none!important}.page-games form.filters.is-expanded>.filter-category-picker>.category-filter-options{position:static!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important;max-width:none!important;padding:0 0 13px!important;border:0!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}.page-games form.filters.is-expanded>.filter-category-picker .category-filter-title{display:block!important;flex:0 0 100%;margin:0 0 2px;font-size:.78rem}.page-games form.filters.is-expanded>.filter-category-picker .category-filter-cancel,.page-games form.filters.is-expanded>.filter-category-picker .category-filter-done{display:none!important}.page-games form.filters.is-expanded>.filter-category-picker .category-chip{width:auto!important}.page-games form.filters.is-expanded>.filter-category-picker .category-chip span{width:auto!important;min-height:36px;padding:6px 11px;white-space:nowrap}
.filter-actions { display:flex; align-items:center; gap:12px; margin-top:10px; }
@media(max-width:520px){.page-games .catalogue-searchbar{grid-template-columns:minmax(0,1fr) auto}.page-games .catalogue-filter-button{padding-inline:12px}.page-games .catalogue-searchbar>label{min-width:0}}
@media(max-width:760px){body.page-games:has(.filters.is-expanded){overflow:auto}.page-games main>form.filters.is-expanded{position:static!important;display:grid!important;grid-template-columns:1fr!important;width:100%!important;max-height:none!important;margin:10px 0 0!important;padding:14px!important;overflow:visible!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--surface)!important;color:var(--text)!important;box-shadow:none!important}.page-games main>form.filters.is-expanded::before,.page-games main>form.filters.is-expanded::after{display:none!important}.page-games .filters.is-expanded .filter-sheet-close{display:none!important}.page-games .filters.is-expanded>label,.page-games .filters.is-expanded>.check,.page-games .filters.is-expanded>.filter-category-picker,.page-games .filters.is-expanded>button[type=submit]{grid-column:1!important}.page-games .filters.is-expanded>label:first-of-type{display:grid!important}}

/* Kompakter, direkt bedienbarer Spielefilter */
.page-games form.filters.is-expanded{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:end!important;gap:14px!important;padding:18px!important;overflow:visible!important}
.page-games form.filters.is-expanded>.filter-sheet-close{display:none!important}
.page-games form.filters.is-expanded>.filter-category-picker{grid-column:1/-1!important;order:-20!important}
.page-games form.filters.is-expanded>.filter-category-picker[open]::before{display:none!important;content:none!important}
.page-games form.filters.is-expanded>.filter-category-picker>.category-filter-options{position:static!important;z-index:auto!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important;max-width:none!important;max-height:none!important;padding:0 0 16px!important;overflow:visible!important;border:0!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}
.page-games form.filters.is-expanded .category-filter-title{display:block!important;flex:0 0 100%!important;margin:0 0 3px!important;padding:0!important;color:var(--text)!important;font-size:.8rem!important}
.page-games form.filters.is-expanded .category-filter-cancel,.page-games form.filters.is-expanded .category-filter-done{display:none!important}
.page-games form.filters.is-expanded .category-chip{width:auto!important;min-width:0!important}
.page-games form.filters.is-expanded .category-chip span{width:auto!important;min-height:36px!important;padding:7px 12px!important;white-space:nowrap!important}
.page-games form.filters.is-expanded>label{display:grid!important;grid-column:auto!important;gap:6px!important;margin:0!important;color:var(--muted)!important;font-size:.72rem!important;font-weight:700!important}
.page-games form.filters.is-expanded>label input[type=number]{width:100%!important;min-height:44px!important;border:1px solid var(--border)!important;border-radius:10px!important;background:var(--surface-soft)!important}
.page-games form.filters.is-expanded>.check{display:flex!important;grid-column:1/-1!important;align-items:center!important;gap:10px!important;min-height:42px!important;margin:0!important;padding:8px 0!important;color:var(--text)!important;font-size:.76rem!important;font-weight:700!important}
.page-games form.filters.is-expanded>.check input{flex:0 0 22px!important;width:22px!important;height:22px!important;margin:0!important;accent-color:var(--primary)!important}
.page-games form.filters.is-expanded>button[type=submit]{grid-column:1/-1!important;min-height:46px!important;margin:0!important;border-radius:11px!important}
@media(max-width:760px){.page-games form.filters.is-expanded{grid-template-columns:1fr!important;gap:12px!important;padding:15px!important}.page-games form.filters.is-expanded>label,.page-games form.filters.is-expanded>.check,.page-games form.filters.is-expanded>.filter-category-picker,.page-games form.filters.is-expanded>button[type=submit]{grid-column:1!important}.page-games form.filters.is-expanded>.filter-category-picker>.category-filter-options{display:flex!important;padding-bottom:14px!important}.page-games form.filters.is-expanded .category-chip span{min-height:38px!important;padding:7px 11px!important}.page-games form.filters.is-expanded>label input[type=number]{min-height:48px!important}}
.modern-game-filter .filter-submit { min-height:38px; padding:8px 15px; border-radius:9px; font-size:.72rem; }
.modern-game-filter .filter-reset { margin:0; color:var(--muted); font-size:.7rem; }

.games { grid-template-columns:repeat(5,minmax(145px,1fr)); gap:14px; }
.game { display:flex!important; flex-direction:column; overflow:hidden; border:1px solid var(--border)!important; border-radius:13px; background:var(--surface); box-shadow:none; }
.game:hover { transform:translateY(-3px); box-shadow:0 12px 30px #1a281d12; }
.game-media { width:100%; margin:0; aspect-ratio:4/5; overflow:hidden; border-radius:0; background:var(--surface-soft); }
.game-media > img { width:100%; height:100%; padding:6px; border:0; object-fit:contain; }
.game-media .placeholder { width:100%; height:100%; aspect-ratio:auto; border:0; border-radius:0; }
.game-body { display:flex; flex:1; flex-direction:column; padding:9px 10px 10px; }
.game-owner-chip { position:static; display:flex; align-items:center; align-self:flex-start; gap:5px; max-width:100%; margin:0 0 3px; padding:0; border:0; border-radius:0; background:transparent; color:var(--muted); box-shadow:none; font-size:.57rem; font-weight:600; backdrop-filter:none; }
.game-owner-chip::before { display:none; }
.game-owner-chip i { flex:0 0 6px; width:6px; height:6px; border-radius:50%; background:var(--primary); }
.state-other-available .game-owner-chip i,.state-other-unavailable .game-owner-chip i { background:var(--accent); }
.game-title-row { min-height:29px; }
.game-title-row h3,.game h3 { margin:3px 0 6px; font-size:.82rem; line-height:1.25; }
.game-facts { gap:4px; padding:7px 0 3px; border-top:1px solid var(--border); font-size:.62rem; }
.game-info-icon { flex-basis:12px; width:12px; height:12px; }
.game-card-footer { min-height:31px; margin-top:auto; padding-top:7px; justify-content:space-between; }
.game-status-pill { padding:3px 8px; border-radius:999px; background:var(--primary-soft); color:var(--primary-hover); font-size:.57rem; font-weight:750; }
.state-own-lent .game-status-pill { background:#f6dfc9; color:#89562e; }
.state-borrowed-by-us .game-status-pill { background:#d9eaf1; color:#35667c; }
.state-other-unavailable .game-status-pill { background:var(--surface-soft); color:var(--muted); }
.game-footer-icons { gap:3px; }
.game-like-button { position:static; width:27px; height:27px; border:0; background:transparent; color:var(--primary); box-shadow:none; backdrop-filter:none; }
.game-like-button:hover { background:var(--primary-soft); }
.game-like-button .game-info-icon { width:18px; height:18px; }
.game-history-button { width:27px; height:27px; }
.game-card-actions { margin-top:7px; }

@media (max-width:1100px) { .games { grid-template-columns:repeat(3,minmax(145px,1fr)); } }
@media (max-width:760px) {
  .games { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .advanced-filter-fields { grid-template-columns:1fr 1fr; }
  .filter-search-row { display:grid; }
  .filter-search-row .filter-category-picker { width:100%; }
  .filter-search-row .filter-category-picker summary { width:100%; }
  .game-body { padding:8px; }
  .game-owner-chip { font-size:.54rem; }
  .game-title-row h3,.game h3 { font-size:.78rem; }
  .game-facts { font-size:.59rem; }
}
@media (max-width:390px) { .games { grid-template-columns:1fr; } .game-media { aspect-ratio:5/4; } }

/* redesign-v5.css */
:root{--app-bg:#f7f4ef;--app-panel:#fffdfa;--app-panel-2:#f3f1eb;--app-text:#17231c;--app-muted:#6f776f;--app-line:#e7e4dd;--app-green:#176144;--app-green-2:#0f4f37;--app-green-soft:#e8f0e9;--app-sand:#f3ead7;--app-orange:#b87043;--app-radius:14px;--app-shadow:0 8px 30px #203b2a0a}
html[data-theme=dark]{--app-bg:#101713;--app-panel:#151d19;--app-panel-2:#1b2520;--app-text:#f2f5f1;--app-muted:#a5afa8;--app-line:#2a352e;--app-green:#77ae8e;--app-green-2:#9bc4aa;--app-green-soft:#20362a;--app-sand:#302a21;--app-orange:#d39466;--app-shadow:none}
@media(prefers-color-scheme:dark){html[data-theme=auto]{--app-bg:#101713;--app-panel:#151d19;--app-panel-2:#1b2520;--app-text:#f2f5f1;--app-muted:#a5afa8;--app-line:#2a352e;--app-green:#77ae8e;--app-green-2:#9bc4aa;--app-green-soft:#20362a;--app-sand:#302a21;--app-orange:#d39466;--app-shadow:none}}
body.signed-in{background:var(--app-bg);color:var(--app-text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.app-shell,.app-content{background:var(--app-bg)}
.sidebar{width:220px;padding:22px 14px 18px;background:var(--app-panel);border-color:var(--app-line)}.app-content{margin-left:220px}.brand{gap:9px;color:var(--app-text);font-size:.95rem}.brand-mark{width:37px;height:37px;border-radius:50%;background:var(--app-green-soft)}.brand small{display:none}.side-nav{gap:3px;margin-top:25px}.side-nav a{min-height:39px;padding:9px 10px;border-radius:9px;color:var(--app-muted);font-size:.76rem;font-weight:550}.side-nav a.active{background:var(--app-green-soft);color:var(--app-green)}.side-nav .side-add{order:-1;margin-bottom:10px;background:var(--app-green);color:#fff}.side-profile{border-color:var(--app-line)}
.topbar{height:65px;padding:0 27px;background:color-mix(in srgb,var(--app-panel) 94%,transparent);border-color:var(--app-line)}.topbar>div strong{font-size:1.08rem}.topbar>div small{display:none}.top-add{display:none}.signed-in main{width:100%;max-width:1440px;padding:18px 27px 54px}.signed-in footer{display:none}
.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;margin:2px 0 17px}.dashboard-welcome h1{margin:0 0 3px;font-size:1.42rem}.dashboard-welcome p{margin:0;color:var(--app-muted);font-size:.75rem}
.compact-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:24px}.compact-kpis a{display:grid;grid-template-columns:36px auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;min-height:74px;padding:13px 15px;border:1px solid var(--app-line);border-radius:var(--app-radius);background:var(--app-panel);color:var(--app-text);text-decoration:none;box-shadow:var(--app-shadow)}.compact-kpis .kpi-icon{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--app-green-soft);color:var(--app-green)}.compact-kpis strong{align-self:end;font-size:1.25rem;line-height:1}.compact-kpis small{align-self:start;color:var(--app-muted);font-size:.67rem}.compact-kpis a:nth-child(2) .kpi-icon{background:var(--app-sand);color:#9b741f}.compact-kpis a:nth-child(3) .kpi-icon{background:#f5e8df;color:var(--app-orange)}
.dashboard-section{margin-top:21px}.native-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.native-section-head h2{margin:0;font-size:.82rem}.native-section-head a{color:var(--app-green);font-size:.66rem;text-decoration:none}
.dashboard-spotlight{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.spotlight-game{position:relative;display:grid;grid-template-columns:78px minmax(0,1fr) 30px;gap:10px;min-height:111px;padding:8px;border:1px solid var(--app-line);border-radius:var(--app-radius);background:var(--app-panel);box-shadow:var(--app-shadow)}.spotlight-cover img,.spotlight-cover>.mini-placeholder{width:78px;height:95px;border-radius:8px;object-fit:contain;background:var(--app-panel-2)}.spotlight-copy{display:grid;align-content:start;min-width:0;padding-top:2px}.spotlight-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.spotlight-copy small{color:var(--app-muted);font-size:.61rem}.spotlight-facts{display:flex;align-items:center;gap:3px;margin-top:10px;color:var(--app-muted);font-size:.58rem;white-space:nowrap}.owner-location{margin-top:9px;color:var(--app-text);font-size:.6rem}.spotlight-game>.game-like-button{position:static;align-self:start;width:29px;height:29px}.quick-borrow{position:absolute;right:8px;bottom:8px;margin:0}.quick-borrow button{display:grid;place-items:center;width:30px;height:30px;padding:0;border-radius:50%;background:var(--app-green-soft);color:var(--app-green)}
.activity-list{overflow:hidden;border:1px solid var(--app-line);border-radius:var(--app-radius);background:var(--app-panel)}.activity-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 10px;border-bottom:1px solid var(--app-line)}.activity-row:last-child{border-bottom:0}.activity-row img,.activity-row>.mini-placeholder{width:38px;height:42px;border-radius:6px;object-fit:cover}.activity-row>span:nth-child(2){display:grid}.activity-row strong{font-size:.7rem}.activity-row small,.activity-row time{color:var(--app-muted);font-size:.6rem}
.section-heading{margin-bottom:14px}.section-heading h1{margin:0;font-size:1.35rem}.section-heading .eyebrow{display:none}
form.filters{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:10px;margin-bottom:12px;padding:0;border:0;background:transparent;box-shadow:none}form.filters>label:first-of-type{grid-column:1}form.filters>label:first-of-type input{height:43px;padding-left:14px;border-radius:10px;background:var(--app-panel)}form.filters>.filter-category-picker{grid-column:2;grid-row:1}form.filters>.filter-category-picker summary{height:43px;min-width:120px;border-radius:10px;background:var(--app-panel)}form.filters>label:not(:first-of-type),form.filters>.check{display:none}form.filters>button{grid-column:2;display:none}
.games{display:grid;grid-template-columns:1fr;gap:0;margin-top:12px;border:1px solid var(--app-line);border-radius:var(--app-radius);background:var(--app-panel);overflow:hidden}.game{position:relative;display:grid!important;grid-template-columns:50px minmax(140px,1.4fr) minmax(100px,1fr) 92px 72px 90px minmax(115px,1fr) 90px auto;align-items:center;gap:10px;min-height:66px;padding:7px 10px;border:0!important;border-bottom:1px solid var(--app-line)!important;border-radius:0;background:transparent;box-shadow:none}.game:last-child{border-bottom:0!important}.game:hover{transform:none;background:var(--app-panel-2);box-shadow:none}.game-media{grid-column:1;width:45px;height:51px;margin:0;aspect-ratio:auto;border-radius:6px}.game-media>img,.game-media .placeholder{width:45px;height:51px;padding:1px;border:0;object-fit:contain}.game-body{display:contents}.game-owner-chip{grid-column:7;position:static;max-width:none;margin:0;padding:0;border:0;background:none;color:var(--app-text);font-size:.64rem}.game-title-row{grid-column:2;grid-row:1;min-height:0}.game-title-row h3,.game h3{margin:0;font-size:.73rem}.game-facts{display:contents}.game-facts>span{font-size:.63rem;color:var(--app-muted)}.game-facts>span:nth-child(1){grid-column:3}.game-facts>span:nth-child(2){grid-column:4}.game-facts>span:nth-child(3){grid-column:5}.game-facts>span:nth-child(4){grid-column:6}.game-info-icon{width:12px;height:12px}.game-card-footer{grid-column:8;grid-row:1;min-height:0;margin:0;padding:0}.game-status-pill{font-size:.58rem}.game-footer-icons{position:absolute;right:9px;top:50%;transform:translateY(-50%)}.game-like-button{position:static;width:30px;height:30px}.game-history-button{display:none}.game-card-actions{grid-column:9;grid-row:1;margin:0}.game-card-actions .game-card-action.button,.game-card-actions .game-card-action button{width:auto;min-height:30px;margin:0;padding:5px 8px;border-radius:8px;background:transparent;border:1px solid var(--app-line);color:var(--app-green);font-size:.61rem}.game-card-actions .return-button{background:#477ba5!important;color:#fff!important}.game-family-dot{display:none}
.statistics-summary .card,.statistics-panel,.settings .card,.auth.card,.loan.card{border:1px solid var(--app-line);background:var(--app-panel);box-shadow:var(--app-shadow)}
.bottom-nav{background:color-mix(in srgb,var(--app-panel) 96%,transparent);border-color:var(--app-line)}
@media(max-width:950px){.sidebar{width:190px}.app-content{margin-left:190px}.signed-in main{padding-inline:20px}.dashboard-spotlight{grid-template-columns:1fr 1fr}.game{grid-template-columns:48px minmax(130px,1.2fr) minmax(95px,1fr) 85px 68px 80px minmax(105px,1fr) 75px auto}.game-facts>span{font-size:.58rem}}
@media(max-width:760px){.sidebar{display:none}.app-content{margin-left:0;padding-bottom:70px}.topbar{height:59px;padding:0 16px}.topbar>div strong{display:none}.topbar>div small{display:block;color:var(--app-text);font-size:.68rem}.signed-in main{padding:14px 14px 28px}.dashboard-welcome h1{font-size:1.18rem}.compact-kpis{grid-template-columns:repeat(4,1fr);gap:0;padding:12px 5px;border:1px solid var(--app-line);border-radius:var(--app-radius);background:var(--app-panel)}.compact-kpis a{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;justify-items:center;gap:2px;min-height:0;padding:3px;border:0;border-radius:0;background:transparent;box-shadow:none}.compact-kpis .kpi-icon{grid-row:auto;width:25px;height:25px;background:transparent!important}.compact-kpis strong{font-size:.92rem}.compact-kpis small{font-size:.55rem}.dashboard-spotlight{display:grid;grid-template-columns:1fr}.spotlight-game{grid-template-columns:62px minmax(0,1fr) 30px;min-height:93px}.spotlight-cover img,.spotlight-cover>.mini-placeholder{width:62px;height:76px}.spotlight-facts{margin-top:6px}.owner-location{margin-top:5px}.activity-row time{font-size:.55rem}.bottom-nav{height:65px;grid-template-columns:repeat(5,1fr)}.bottom-nav .nav-add{transform:translateY(-9px)}.bottom-nav .nav-add span{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:var(--app-green);color:#fff;font-size:1.3rem}.section-heading .button{display:none}form.filters{grid-template-columns:1fr}form.filters>label:first-of-type,form.filters>.filter-category-picker{grid-column:1;grid-row:auto}.games{gap:8px;border:0;background:transparent;overflow:visible}.game{display:grid!important;grid-template-columns:72px minmax(0,1fr) 34px;grid-template-rows:auto auto auto auto;gap:2px 9px;min-height:116px;padding:8px;border:1px solid var(--app-line)!important;border-radius:12px!important;background:var(--app-panel)}.game-media{grid-column:1;grid-row:1/5;width:68px;height:98px}.game-media>img,.game-media .placeholder{width:68px;height:98px}.game-title-row{grid-column:2;grid-row:1}.game-title-row h3,.game h3{font-size:.78rem}.game-owner-chip{grid-column:2;grid-row:4;font-size:.59rem}.game-facts{display:flex;grid-column:2;grid-row:2;flex-wrap:wrap;gap:4px 8px;padding:0;border:0}.game-facts>span{font-size:.57rem}.game-facts>span:nth-child(1){width:100%;color:var(--app-muted)}.game-card-footer{grid-column:2;grid-row:3;justify-content:flex-start}.game-footer-icons{right:5px;top:7px;transform:none}.game-status-pill{padding:2px 7px}.game-card-actions{position:absolute;right:7px;bottom:7px}.game-card-actions .game-card-action.button,.game-card-actions .game-card-action button{font-size:0;width:30px;height:30px;padding:0;border-radius:50%}.game-card-actions .game-card-action button::after{content:'↗';font-size:.85rem}.game-card-actions>a.game-card-action::after{content:'⋮';font-size:1rem}.statistics-summary{grid-template-columns:1fr 1fr}.settings,.account-settings{grid-template-columns:1fr}.add-drawer[open]{width:100%}}
@media(max-width:390px){.spotlight-facts{font-size:.53rem}.activity-row{grid-template-columns:34px minmax(0,1fr)}.activity-row time{grid-column:2}.game{grid-template-columns:66px minmax(0,1fr) 32px}.game-media,.game-media>img,.game-media .placeholder{width:62px}}
.activity-tabs{display:inline-flex;gap:3px;margin-bottom:15px;padding:3px;border:1px solid var(--app-line);border-radius:10px;background:var(--app-panel)}.activity-tabs a{padding:7px 13px;border-radius:8px;color:var(--app-muted);font-size:.7rem;text-decoration:none}.activity-tabs a.active{background:var(--app-green-soft);color:var(--app-green);font-weight:700}.activity-page-list{display:grid;gap:8px}.activity-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border:1px solid var(--app-line);border-radius:12px;background:var(--app-panel)}.activity-card>img,.activity-card>.mini-placeholder{width:48px;height:55px;border-radius:6px;object-fit:cover}.activity-card>div{display:grid}.activity-card strong{font-size:.75rem}.activity-card small,.activity-card time{color:var(--app-muted);font-size:.62rem}.activity-card form{margin:0}.activity-card button{padding:7px 10px;font-size:.65rem}.activity-card .return-button{background:#477ba5;color:#fff}
.catalogue-chips{display:flex;flex-wrap:wrap;gap:7px;margin:4px 0 12px}.catalogue-chips a,.catalogue-chips button{min-height:32px;padding:6px 12px;border:1px solid var(--app-line);border-radius:999px;background:var(--app-panel);color:var(--app-muted);font-size:.65rem;text-decoration:none}.catalogue-chips a.active{border-color:var(--app-green);background:var(--app-green);color:#fff}.games-list-head{display:grid;grid-template-columns:50px minmax(140px,1.4fr) minmax(100px,1fr) 92px 72px 90px minmax(115px,1fr) 90px auto;gap:10px;padding:0 10px 6px;color:var(--app-muted);font-size:.58rem}.filters.is-expanded>label:not(:first-of-type),.filters.is-expanded>.check{display:grid}.filters.is-expanded{grid-template-columns:repeat(4,minmax(90px,1fr)) auto}.filters.is-expanded>label:first-of-type{grid-column:1/-1}.filters.is-expanded>.filter-category-picker{grid-column:auto;grid-row:auto}.filters.is-expanded>button{display:block;grid-column:auto}
@media(max-width:950px){.games-list-head{grid-template-columns:48px minmax(130px,1.2fr) minmax(95px,1fr) 85px 68px 80px minmax(105px,1fr) 75px auto}}
@media(max-width:760px){.games-list-head{display:none}.catalogue-chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.catalogue-chips a,.catalogue-chips button{flex:0 0 auto}.filters.is-expanded{grid-template-columns:1fr 1fr}.filters.is-expanded>label:first-of-type{grid-column:1/-1}}
.game-title-row a{color:inherit;text-decoration:none}.game-detail{display:grid;grid-template-columns:minmax(260px,430px) minmax(300px,1fr);gap:34px;max-width:980px;margin:0 auto}.detail-back{grid-column:1/-1;color:var(--app-muted);text-decoration:none}.detail-cover{display:grid;place-items:center;min-height:440px;border:1px solid var(--app-line);border-radius:18px;background:var(--app-panel)}.detail-cover>img{width:100%;max-height:520px;padding:18px;object-fit:contain}.detail-cover .placeholder{width:100%;height:100%}.detail-copy{align-self:center}.detail-copy h1{margin:13px 0 3px;font-size:2rem}.detail-category{margin:0;color:var(--app-muted)}.detail-facts{display:flex;gap:22px;margin:24px 0;padding:15px 0;border-block:1px solid var(--app-line);color:var(--app-muted);font-size:.75rem}.detail-facts span{display:flex;align-items:center;gap:6px}.detail-description{line-height:1.7}.detail-owner{display:grid;margin:22px 0;padding:13px;border:1px solid var(--app-line);border-radius:12px;background:var(--app-panel)}.detail-owner small{color:var(--app-muted)}.detail-primary{width:100%;min-height:47px}.detail-copy>.button{width:100%;text-align:center}
@media(max-width:760px){.game-detail{grid-template-columns:1fr;gap:16px}.detail-cover{min-height:320px}.detail-copy h1{font-size:1.5rem}.detail-facts{justify-content:space-between;gap:8px}.detail-facts span{display:grid;justify-items:center;text-align:center}.detail-back{grid-column:1}}
.settings-title{margin:25px 0 10px}.settings,.account-settings{gap:10px}.settings .card{padding:16px;border-radius:var(--app-radius)}.settings .card h2{margin:0 0 13px;font-size:.85rem}.settings form{gap:9px}.settings label,.add-drawer label,.auth label{color:var(--app-muted);font-size:.7rem}.settings input,.settings select,.add-drawer input,.add-drawer select,.add-drawer textarea,.auth input,.auth select,.auth textarea{min-height:41px;border-color:var(--app-line);border-radius:10px;background:var(--app-panel-2)}.add-drawer[open]{background:var(--app-panel);border-color:var(--app-line)}.add-drawer[open]>summary{background:var(--app-panel);border-color:var(--app-line)}.category-picker{border-color:var(--app-line);background:var(--app-panel-2)}.category-chip span{border-color:var(--app-line);background:var(--app-panel)}.category-chip input:checked+span{border-color:var(--app-green);background:var(--app-green-soft);color:var(--app-green)}.flash{border:1px solid var(--app-line);box-shadow:var(--app-shadow)}.busy-overlay{background:color-mix(in srgb,var(--app-bg) 75%,transparent)}
.statistics-summary{gap:10px}.statistics-summary .card{min-height:95px;padding:15px;border-radius:var(--app-radius)}.statistics-summary strong{font-size:1.55rem}.statistics-grid{gap:10px}.statistics-panel{padding:16px;border-radius:var(--app-radius)}.stat-bar>i{background:var(--app-panel-2)}.stat-bar>i>em{background:var(--app-green)}

/* final-design-v6.css */
/* Finale Designautorität: Tischbande_Finaler_UI_UX_Redesign_Arbeitsauftrag.docx */
:root{--tb-bg:#f5f0e8;--tb-card:#fffdf9;--tb-card-soft:#f8f4ed;--tb-text:#10251b;--tb-muted:#6c756f;--tb-line:#e8e1d6;--tb-green:#0f593e;--tb-green-dark:#08472f;--tb-green-soft:#e8f0e7;--tb-beige:#f7f0df;--tb-ochre:#d49a31;--tb-terracotta:#cf7655;--tb-blue:#3976a1;--tb-radius:14px;--tb-shadow:0 8px 25px #22392b0b}
html[data-theme=dark]{--tb-bg:#0d1511;--tb-card:#141d18;--tb-card-soft:#1a2520;--tb-text:#f3f5f1;--tb-muted:#a9b1ac;--tb-line:#29362f;--tb-green:#76ad8d;--tb-green-dark:#103d2d;--tb-green-soft:#1d3428;--tb-beige:#302a20;--tb-shadow:none}
@media(prefers-color-scheme:dark){html[data-theme=auto]{--tb-bg:#0d1511;--tb-card:#141d18;--tb-card-soft:#1a2520;--tb-text:#f3f5f1;--tb-muted:#a9b1ac;--tb-line:#29362f;--tb-green:#76ad8d;--tb-green-dark:#103d2d;--tb-green-soft:#1d3428;--tb-beige:#302a20;--tb-shadow:none}}
body.signed-in,.app-content{background:var(--tb-bg);color:var(--tb-text)}.sidebar,.topbar,.bottom-nav{background:var(--tb-card);border-color:var(--tb-line)}.signed-in main{max-width:1320px}.card{background:var(--tb-card);border-color:var(--tb-line);box-shadow:var(--tb-shadow)}
.brand-mark{width:38px;height:38px;border-radius:50%;background:transparent}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand>span:last-child{font-family:Georgia,"Times New Roman",serif;font-size:1.02rem;color:var(--tb-green)}
.dashboard-welcome{margin-bottom:12px}.dashboard-welcome h1{font-size:1.38rem}.dashboard-welcome p{color:var(--tb-muted)}
.compact-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:12px 9px;border-radius:12px;background:linear-gradient(135deg,var(--tb-green-dark),var(--tb-green));color:#fff;box-shadow:0 10px 26px #0f593e22}.compact-kpis a{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;justify-items:center;gap:2px;min-height:48px;padding:2px 8px;border:0;border-right:1px solid #ffffff28;border-radius:0;background:transparent;color:#fff;box-shadow:none}.compact-kpis a:last-child{border-right:0}.compact-kpis .kpi-icon{display:none}.compact-kpis strong{font-size:1.25rem}.compact-kpis small{color:#fff;font-size:.62rem}
.dashboard-spotlight{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.spotlight-game{display:grid;grid-template-columns:90px minmax(0,1fr) 30px;min-height:124px;padding:9px;border-color:var(--tb-line);background:var(--tb-card)}.spotlight-cover img,.spotlight-cover>.mini-placeholder{width:90px;height:106px;background:var(--tb-card-soft);object-fit:contain}.spotlight-copy strong{font-size:.8rem}.spotlight-copy small,.spotlight-facts{color:var(--tb-muted)}.owner-location{font-weight:650}.spotlight-game>.game-like-button{color:var(--tb-green)}.quick-borrow button{border:1px solid var(--tb-line);background:var(--tb-green-soft);color:var(--tb-green)}
.activity-list{border-color:var(--tb-line);background:var(--tb-card)}.activity-row{border-color:var(--tb-line)}.activity-row small,.activity-row time{color:var(--tb-muted)}
.games-list-head{display:none!important}.games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;border:0;border-radius:0;background:transparent;overflow:visible}.game{display:grid!important;grid-template-columns:86px minmax(0,1fr) 34px;grid-template-rows:auto auto auto auto;gap:2px 10px;min-height:126px;padding:9px;border:1px solid var(--tb-line)!important;border-radius:12px!important;background:var(--tb-card);box-shadow:var(--tb-shadow)}.game:last-child{border-bottom:1px solid var(--tb-line)!important}.game:hover{background:var(--tb-card);transform:translateY(-2px);box-shadow:0 13px 30px #263a2d12}.game-media{grid-column:1;grid-row:1/5;width:82px;height:108px;border-radius:8px;background:var(--tb-card-soft)}.game-media>img,.game-media .placeholder{width:82px;height:108px;padding:2px;object-fit:contain}.game-body{display:contents}.game-title-row{grid-column:2;grid-row:1;min-height:0}.game-title-row h3,.game h3{margin:0;font-size:.78rem}.game-owner-chip{grid-column:2;grid-row:4;position:static;align-self:center;margin:0;padding:0;border:0;background:none;color:var(--tb-text);font-size:.59rem}.game-facts{display:flex;grid-column:2;grid-row:2;flex-wrap:wrap;gap:3px 8px;padding:0;border:0}.game-facts>span{font-size:.57rem;color:var(--tb-muted)}.game-facts>span:first-child{width:100%}.game-card-footer{grid-column:2;grid-row:3;justify-content:flex-start;min-height:21px;margin:0;padding:0}.game-status-pill{padding:2px 7px;background:var(--tb-green-soft);color:var(--tb-green);font-size:.55rem}.game-footer-icons{position:absolute;right:6px;top:6px;transform:none}.game-like-button{width:30px;height:30px;color:var(--tb-green)}.game-card-actions{position:absolute;right:7px;bottom:7px;grid-column:auto;grid-row:auto;margin:0}.game-card-actions .game-card-action.button,.game-card-actions .game-card-action button{display:grid;place-items:center;width:31px;height:31px;min-height:31px;padding:0;border:1px solid var(--tb-line);border-radius:50%;background:var(--tb-green-soft);color:var(--tb-green);font-size:0}.game-card-actions .game-card-action button::after{content:'↗';font-size:.85rem}.game-card-actions>a.game-card-action::after{content:'⋮';font-size:1rem}.game-card-actions .return-button{background:var(--tb-blue)!important;color:#fff!important}.game-card-actions .return-button::after{content:'↙'}
.catalogue-chips a,.catalogue-chips button{border-color:var(--tb-line);background:var(--tb-card);color:var(--tb-muted)}.catalogue-chips a.active{border-color:var(--tb-green);background:var(--tb-green);color:#fff}form.filters>label:first-of-type input{border-color:var(--tb-line);background:var(--tb-card)}
.more-page{max-width:720px}.more-group{margin-bottom:20px}.more-group>h2{margin:0 0 7px;color:var(--tb-muted);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.more-list{overflow:hidden;border:1px solid var(--tb-line);border-radius:13px;background:var(--tb-card)}.more-list a,.more-list button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:11px 13px;border:0;border-bottom:1px solid var(--tb-line);border-radius:0;background:transparent;color:var(--tb-text);font:inherit;text-align:left;text-decoration:none}.more-list>*:last-child{border-bottom:0}.more-list a::after{content:'›';color:var(--tb-muted);font-size:1.25rem}.more-list .danger-link{color:#a4473d}
.filter-sheet-title,.filter-sheet-close{display:none}
@media(max-width:760px){.compact-kpis{margin-bottom:20px}.dashboard-spotlight{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;overflow-x:auto}.spotlight-game{display:flex;flex-direction:column;min-width:0;min-height:216px;padding:7px}.spotlight-cover img,.spotlight-cover>.mini-placeholder{width:100%;height:108px}.spotlight-copy{display:grid}.spotlight-copy strong{font-size:.7rem}.spotlight-copy small{font-size:.55rem}.spotlight-facts{display:none}.owner-location{margin-top:4px;font-size:.55rem}.spotlight-game>.game-like-button{position:absolute;right:5px;top:5px;background:color-mix(in srgb,var(--tb-card) 88%,transparent)}.quick-borrow{right:6px;bottom:6px}.dashboard-section{margin-top:18px}.games{grid-template-columns:1fr}.game{min-height:116px}.game-media{width:72px;height:98px}.game-media>img,.game-media .placeholder{width:72px;height:98px}.game{grid-template-columns:76px minmax(0,1fr) 32px}.catalogue-chips{scrollbar-width:none}.filters.is-expanded{position:fixed;z-index:240;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:1fr 1fr;max-height:78dvh;margin:0;padding:46px 14px 18px;overflow:auto;border:1px solid var(--tb-line);border-radius:19px;background:var(--tb-card);box-shadow:0 -20px 70px #0004}.filters.is-expanded::before{content:'Filter';position:absolute;left:16px;top:15px;color:var(--tb-text);font-size:1rem;font-weight:750}.filters.is-expanded::after{content:'';position:fixed;z-index:-1;inset:0;background:#0b120da8;backdrop-filter:blur(2px)}.filters.is-expanded>label:first-of-type{display:none}.filters.is-expanded>.filter-category-picker{grid-column:1/-1}.filters.is-expanded>label:not(:first-of-type),.filters.is-expanded>.check{display:grid}.filters.is-expanded>button{display:block;grid-column:1/-1}.more-page{max-width:none}}
@media(max-width:390px){.spotlight-game{min-width:102px}.compact-kpis{padding-inline:3px}.compact-kpis a{padding-inline:3px}.game-facts>span{font-size:.54rem}}
@media(min-width:761px) and (max-width:1050px){.games{grid-template-columns:1fr}.dashboard-spotlight{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.dashboard-primary-add{display:none}
@media(max-width:760px){.dashboard-primary-add{display:flex;align-items:center;justify-content:center;min-height:46px;margin-top:18px;border-radius:12px;background:var(--tb-green);color:#fff;font-weight:750;text-decoration:none}.filters.is-expanded .filter-sheet-close{position:absolute;right:12px;top:9px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:var(--tb-card-soft);color:var(--tb-text);font-size:1.35rem}}
.subpage{max-width:900px}.subpage-back{display:inline-flex;align-items:center;min-height:38px;margin-bottom:8px;color:var(--tb-green);font-size:.8rem;font-weight:750;text-decoration:none}.subpage .section-heading{margin-bottom:15px}.subpage-card{max-width:680px;margin-bottom:12px;padding:18px}.subpage-card h2{margin-top:0}.setting-hint{color:var(--tb-muted);font-size:.72rem}.category-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.category-overview-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:15px;color:var(--tb-text);text-decoration:none}.category-overview-item span{color:var(--tb-muted);font-size:.72rem}.category-overview-item b{color:var(--tb-green);font-size:1.3rem}.notification-page{display:block}.notification-page .notification-settings-card{max-width:760px}.about-card{text-align:center}.about-card>img{width:88px;height:88px;margin:auto}.about-card>p{max-width:560px;margin:10px auto 18px;color:var(--tb-muted)}
@media(max-width:760px){.category-overview{grid-template-columns:1fr}.subpage-card{padding:15px}.subpage .section-heading h1{font-size:1.3rem}}
body{font-family:"Segoe UI Variable Text","Aptos","Trebuchet MS",system-ui,sans-serif;letter-spacing:.002em}h1,h2,h3,.section-heading strong{font-family:inherit;letter-spacing:-.018em}.game[data-detail-url]{cursor:pointer}.game-title-row a{position:relative;z-index:1}
.game-detail{display:grid;grid-template-columns:minmax(280px,430px) minmax(320px,1fr);gap:34px;max-width:940px;margin:0 auto}.detail-toolbar{display:flex;grid-column:1/-1;align-items:center;justify-content:space-between}.detail-toolbar .detail-back,.detail-toolbar .game-like-button{display:grid;place-items:center;width:40px;height:40px;margin:0;border:1px solid var(--tb-line);border-radius:50%;background:var(--tb-card);color:var(--tb-text);font-size:1.45rem;text-decoration:none}.detail-cover{position:relative;display:grid;place-items:center;min-height:470px;border:1px solid var(--tb-line);border-radius:18px;background:var(--tb-card);box-shadow:var(--tb-shadow)}.detail-cover>img{width:100%;max-height:520px;padding:20px;object-fit:contain}.detail-cover .placeholder{width:100%;height:100%}.detail-cover-status{position:absolute;left:15px;bottom:15px;padding:5px 10px;border-radius:999px;background:var(--tb-green-soft);color:var(--tb-green);font-size:.68rem;font-weight:750}.detail-copy{align-self:center}.detail-copy h1{margin:0 0 3px;font-size:2rem;font-weight:720}.detail-category{margin:0;color:var(--tb-muted);font-size:.85rem}.detail-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:24px 0;padding:16px 0;border-block:1px solid var(--tb-line)}.detail-facts span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1px 7px}.detail-facts svg{grid-row:1/3;width:19px;height:19px;color:var(--tb-green)}.detail-facts strong{font-size:.76rem}.detail-facts small{color:var(--tb-muted);font-size:.58rem}.detail-description{min-height:50px;color:var(--tb-text);font-size:.82rem;line-height:1.65}.detail-owner{display:flex;align-items:center;gap:10px;margin:20px 0;padding:13px;border:1px solid var(--tb-line);border-radius:12px;background:var(--tb-card)}.detail-owner-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--tb-green);color:#fff;font-weight:750}.detail-owner>span:last-child{display:grid}.detail-owner small,.detail-owner em{color:var(--tb-muted);font-size:.6rem;font-style:normal}.detail-owner strong{font-size:.78rem}.detail-actions{display:grid;gap:8px}.detail-actions form{margin:0}.detail-actions button,.detail-actions .button{width:100%;min-height:45px;text-align:center}.detail-actions .detail-primary{background:var(--tb-green-dark);color:#fff}.detail-actions .return-button{background:var(--tb-blue)}
@media(max-width:760px){.game-detail{grid-template-columns:1fr;gap:13px;max-width:440px}.detail-toolbar{position:relative;z-index:2}.detail-cover{min-height:0;height:310px;margin-top:-4px;border:0;background:transparent;box-shadow:none}.detail-cover>img{height:100%;padding:8px 32px;object-fit:contain}.detail-cover-status{left:4px;bottom:3px}.detail-copy{padding-top:3px}.detail-copy h1{font-size:1.55rem}.detail-facts{margin:17px 0}.detail-description{font-size:.78rem}.detail-owner{margin:17px 0}.detail-toolbar .detail-back,.detail-toolbar .game-like-button{border:0;background:transparent}}

/* reference-design-v7.css */
/* Verbindliche Annäherung an die finale Tischbande-Designvorlage */
:root{--ref-cream:#f7f3ec;--ref-panel:#fffdf9;--ref-green:#0f503e;--ref-green-2:#17664f;--ref-beige:#f7eadc;--ref-ochre:#e4ad5c;--ref-blue:#4d87ad;--ref-grey:#8b908d;--ref-line:#e8e2d9}
body{background:var(--ref-cream);font-family:"Segoe UI Variable Text","Aptos","Trebuchet MS",system-ui,sans-serif}.brand>span:last-child{font-family:inherit!important;font-weight:730;letter-spacing:-.02em}.signed-in main{max-width:1180px}.sidebar{width:205px}.app-content{margin-left:205px}.side-nav{gap:3px}.side-nav a{min-height:39px;padding:8px 11px;border-radius:8px}.side-nav a.active{background:#e9efe7}.topbar{height:62px}.topbar>div strong{font-size:.92rem}
.dashboard-welcome{margin-bottom:9px}.dashboard-welcome h1{font-size:1.3rem;font-weight:720}.dashboard-welcome p{margin-top:2px;font-size:.72rem}.compact-kpis{min-height:74px;padding:10px 6px;border-radius:10px}.compact-kpis a{min-height:46px}.compact-kpis strong{font-size:1.13rem}.compact-kpis small{font-size:.58rem}.dashboard-section{margin-top:17px}.native-section-head{margin-bottom:7px}.native-section-head h2{font-size:.78rem}.native-section-head a{font-size:.62rem}.dashboard-spotlight{gap:7px}.spotlight-game{grid-template-columns:72px minmax(0,1fr) 27px;min-height:104px;padding:7px;border-radius:10px;box-shadow:none}.spotlight-cover img,.spotlight-cover>.mini-placeholder{width:72px;height:88px}.spotlight-copy strong{font-size:.72rem}.spotlight-copy small,.spotlight-facts,.owner-location{font-size:.55rem}.dashboard-activity-list{border-radius:10px}.activity-row{min-height:49px;padding:6px 8px}.activity-row>img,.activity-row>.mini-placeholder{width:34px;height:37px}.activity-row strong{font-size:.66rem}.activity-row small,.activity-row time{font-size:.55rem}
form.filters{margin-bottom:7px}form.filters>label:first-of-type input{height:39px;border-radius:9px}.catalogue-chips{align-items:center;margin:2px 0 8px}.catalogue-chips a,.catalogue-chips button{min-height:29px;padding:5px 11px;font-size:.61rem}.catalogue-meta{display:flex;align-items:center;justify-content:space-between;margin:2px 0 7px;color:var(--tb-muted);font-size:.62rem}.catalogue-sort{display:flex;align-items:center;gap:5px}.catalogue-sort select{min-height:29px;padding:3px 24px 3px 7px;border:0;background:transparent;color:var(--tb-text);font:inherit}
.games{gap:7px}.game{grid-template-columns:68px minmax(0,1fr) 30px;min-height:96px;padding:6px 7px;border-color:var(--ref-line)!important;border-radius:9px!important;box-shadow:none}.game:hover{transform:none;box-shadow:none;background:color-mix(in srgb,var(--tb-card) 80%,var(--tb-green-soft))}.game-media,.game-media>img,.game-media .placeholder{width:62px;height:82px;border-radius:6px}.game-title-row h3,.game h3{font-size:.7rem}.game-facts{gap:2px 7px}.game-facts>span{font-size:.55rem}.game-owner-chip{font-size:.56rem}.game-owner-chip::before{content:'';display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--ref-grey)}.state-other-available .game-owner-chip::before,.state-own-home .game-owner-chip::before{background:var(--ref-green-2)}.state-own-lent .game-owner-chip::before{background:var(--ref-ochre)}.state-borrowed-by-us .game-owner-chip::before{background:var(--ref-blue)}.game.state-own-home,.game.state-own-lent,.game.state-other-available,.game.state-borrowed-by-us,.game.state-other-unavailable{border-color:var(--ref-line)!important;background:var(--tb-card);opacity:1}.game-status-pill{padding:0;background:transparent!important;color:var(--tb-muted);font-size:.54rem}.game-footer-icons{right:4px;top:3px}.game-like-button{width:27px;height:27px}.game-card-actions{right:5px;bottom:5px}.game-card-actions .game-card-action.button,.game-card-actions .game-card-action button{width:28px;height:28px;min-height:28px;border:0;background:var(--tb-green-soft)}
.detail-overflow{position:relative}.detail-overflow>button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;background:transparent;color:var(--tb-text);font-size:1.25rem}.detail-overflow-menu{position:absolute;z-index:10;right:0;top:43px;display:none;min-width:190px;padding:5px;border:1px solid var(--tb-line);border-radius:11px;background:var(--tb-card);box-shadow:0 16px 44px #18251d22}.detail-overflow.is-open .detail-overflow-menu{display:grid}.detail-overflow-menu a,.detail-overflow-menu button{display:flex;align-items:center;min-height:39px;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:var(--tb-text);font:inherit;font-size:.7rem;text-decoration:none}.detail-overflow-menu a:hover,.detail-overflow-menu button:hover{background:var(--tb-card-soft)}.detail-overflow-menu .danger{color:#a34a3f}.detail-toolbar-actions{display:flex;align-items:center;gap:3px}.detail-cover{min-height:410px}.detail-copy h1{font-size:1.75rem}.detail-edit{display:none!important}.detail-actions .detail-history::after{content:none}.detail-actions .detail-history{order:3}.detail-image-dots{display:flex;justify-content:center;gap:5px;margin-top:-2px}.detail-image-dots i{width:5px;height:5px;border-radius:50%;background:var(--tb-line)}.detail-image-dots i:first-child{background:var(--ref-green)}
.settings>.card,.subpage-card,.notification-settings-card{box-shadow:none}.subpage .section-heading{margin-bottom:11px}.subpage .section-heading h1{font-size:1.35rem}.subpage-back{font-size:.7rem}.settings{gap:8px}.settings .card{padding:14px}.settings .card h2{font-size:.78rem}
@media(max-width:760px){.app-content{margin-left:0}.signed-in main{padding:11px 12px 82px}.topbar{height:55px;padding-inline:13px}.topbar .top-add{display:none}.dashboard-welcome h1{font-size:1.18rem}.compact-kpis{min-height:68px}.dashboard-spotlight{gap:6px}.spotlight-game{min-height:171px;padding:6px}.spotlight-cover img,.spotlight-cover>.mini-placeholder{height:92px}.spotlight-copy strong{font-size:.65rem}.dashboard-primary-add{min-height:42px;margin-top:13px}.games{gap:0;border:1px solid var(--ref-line);border-radius:10px;background:var(--tb-card);overflow:hidden}.game{grid-template-columns:60px minmax(0,1fr) 28px;min-height:88px;border:0!important;border-bottom:1px solid var(--ref-line)!important;border-radius:0!important}.game:last-child{border-bottom:0!important}.game-media,.game-media>img,.game-media .placeholder{width:55px;height:74px}.game-title-row h3,.game h3{font-size:.7rem}.game-facts>span{font-size:.52rem}.game-facts>span:first-child{margin-bottom:1px}.game-owner-chip{font-size:.53rem}.catalogue-meta{margin-top:5px}.detail-cover{height:260px}.detail-cover>img{padding:3px 48px}.detail-cover-status{bottom:0}.detail-image-dots{margin-top:-7px}.detail-copy h1{font-size:1.35rem}.detail-category{font-size:.7rem}.detail-facts{margin:14px 0;padding:12px 0}.detail-description{font-size:.73rem}.detail-owner{margin:14px 0;padding:10px}.detail-toolbar{height:40px}.detail-toolbar .detail-back,.detail-toolbar .game-like-button{width:34px;height:34px}.bottom-nav{height:62px}.bottom-nav .nav-add span{width:40px;height:40px}.subpage .section-heading h1{font-size:1.2rem}}
@media(min-width:761px) and (max-width:1024px){.sidebar{width:185px}.app-content{margin-left:185px}.games{grid-template-columns:1fr}.signed-in main{padding-inline:18px}}
@media(min-width:1441px){.signed-in main{max-width:1240px}.games{grid-template-columns:repeat(2,minmax(0,1fr))}}
html[data-theme=dark]{--ref-cream:#101713;--ref-panel:#151e19;--ref-line:#2a352f}.side-nav a.active{background:#173b2c}.game.state-own-home,.game.state-own-lent,.game.state-other-available,.game.state-borrowed-by-us,.game.state-other-unavailable{background:var(--tb-card)}
@media(prefers-color-scheme:dark){html[data-theme=auto]{--ref-cream:#101713;--ref-panel:#151e19;--ref-line:#2a352f}}
.brand>span:last-child{font-family:"Trebuchet MS","Segoe UI Variable Display",system-ui,sans-serif!important;font-weight:700;letter-spacing:-.035em}.brand>span:last-child small{font-family:"Segoe UI Variable Text","Aptos",system-ui,sans-serif;letter-spacing:0}.game-more-button{position:absolute;right:7px;top:29px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:var(--tb-muted);font-size:1rem;text-decoration:none}.game-more-button:hover{background:var(--tb-card-soft)}
.reference-welcome{position:relative;display:flex;align-items:center;min-height:104px;padding:15px 104px 15px 17px;overflow:hidden;border:1px solid color-mix(in srgb,var(--tb-green) 14%,var(--tb-line));border-radius:13px;background:linear-gradient(115deg,color-mix(in srgb,var(--tb-green-soft) 72%,var(--tb-card)),var(--tb-card));box-shadow:none}.reference-welcome h1{margin:3px 0 1px}.reference-welcome p{margin:0;color:var(--tb-muted)}.welcome-kicker{display:block;color:var(--tb-green);font-size:.61rem;font-weight:760;letter-spacing:.045em;text-transform:uppercase}.reference-welcome-mark{position:absolute;right:17px;width:76px;height:76px;opacity:.22;filter:saturate(.8)}
html[data-theme=dark] .reference-welcome{background:linear-gradient(115deg,#173126,var(--tb-card));border-color:#294238}html[data-theme=dark] .reference-welcome-mark{opacity:.18}
@media(max-width:760px){.reference-welcome{min-height:91px;padding:12px 76px 12px 13px;border-radius:11px}.reference-welcome h1{font-size:1.12rem}.reference-welcome p{font-size:.65rem}.welcome-kicker{font-size:.53rem}.reference-welcome-mark{right:9px;width:61px;height:61px}}
.game-detail{padding:22px;border:1px solid var(--tb-line);border-radius:18px;background:var(--tb-card);box-shadow:0 10px 34px #23342a0b}.game-detail .detail-cover{background:var(--tb-card-soft)}
html[data-theme=dark] .game-detail{background:var(--tb-card);border-color:var(--tb-line);box-shadow:none}html[data-theme=dark] .game-detail .detail-cover{background:var(--tb-card-soft)}
@media(prefers-color-scheme:dark){html[data-theme=auto] .game-detail{background:var(--tb-card);border-color:var(--tb-line);box-shadow:none}html[data-theme=auto] .game-detail .detail-cover{background:var(--tb-card-soft)}}
@media(max-width:760px){.game-detail{margin:-2px -4px 0;padding:12px 13px 18px;border-radius:14px}.game-detail .detail-cover{border-radius:13px;background:var(--tb-card-soft)}.detail-copy{padding-inline:2px}}
.side-nav a{color:var(--tb-text)!important}.side-nav a .ui-icon,.side-nav a>span{color:var(--tb-muted)!important}.side-nav a.active{background:#dfeade!important;color:#0b4b36!important;font-weight:740}.side-nav a.active .ui-icon,.side-nav a.active>span{color:#0b4b36!important;stroke:currentColor}.side-nav a:hover:not(.active){background:var(--tb-card-soft);color:var(--tb-text)!important}
html[data-theme=dark] .side-nav a{color:#e9eeeb!important}html[data-theme=dark] .side-nav a .ui-icon,html[data-theme=dark] .side-nav a>span{color:#aab8b0!important}html[data-theme=dark] .side-nav a.active{background:#1f563f!important;color:#fff!important}html[data-theme=dark] .side-nav a.active .ui-icon,html[data-theme=dark] .side-nav a.active>span{color:#fff!important}
@media(prefers-color-scheme:dark){html[data-theme=auto] .side-nav a{color:#e9eeeb!important}html[data-theme=auto] .side-nav a .ui-icon,html[data-theme=auto] .side-nav a>span{color:#aab8b0!important}html[data-theme=auto] .side-nav a.active{background:#1f563f!important;color:#fff!important}html[data-theme=auto] .side-nav a.active .ui-icon,html[data-theme=auto] .side-nav a.active>span{color:#fff!important}}
@media(min-width:1025px){.sidebar{width:190px}.app-content{margin-left:190px}.signed-in main{width:100%;max-width:1580px;padding-left:24px;padding-right:24px}.game-detail{max-width:1120px}.dashboard-spotlight{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1441px){.signed-in main{max-width:1680px;padding-left:30px;padding-right:30px}.games{grid-template-columns:repeat(2,minmax(0,1fr))}}
.detail-edit{display:flex!important;align-items:center;justify-content:center;order:2}.detail-actions .detail-history{order:3}
main>form.filters,main>.section-heading+form.filters{padding:10px;border:1px solid var(--tb-line);border-radius:11px;background:var(--tb-card);box-shadow:none}.catalogue-chips{padding:6px 8px;border:1px solid var(--tb-line);border-radius:10px;background:var(--tb-card)}.catalogue-meta{padding:0 4px}
html[data-theme=dark] main>form.filters,html[data-theme=dark] main>.section-heading+form.filters,html[data-theme=dark] .catalogue-chips{background:var(--tb-card);border-color:var(--tb-line)}
@media(prefers-color-scheme:dark){html[data-theme=auto] main>form.filters,html[data-theme=auto] main>.section-heading+form.filters,html[data-theme=auto] .catalogue-chips{background:var(--tb-card);border-color:var(--tb-line)}}
@media(max-width:760px){main>form.filters,main>.section-heading+form.filters{padding:8px}.catalogue-chips{padding:5px 6px;overflow-x:auto}.detail-edit{min-height:45px}}
@media(min-width:1025px){html{font-size:17px}.topbar{height:66px}.side-nav a{min-height:42px}.signed-in main{padding-top:24px;padding-bottom:34px}.game{grid-template-columns:75px minmax(0,1fr) 32px;min-height:108px;padding:8px}.game-media,.game-media>img,.game-media .placeholder{width:68px;height:91px}.game-title-row h3,.game h3{font-size:.74rem}.game-facts>span{font-size:.58rem}.game-owner-chip{font-size:.59rem}.spotlight-game{grid-template-columns:80px minmax(0,1fr) 30px;min-height:115px;padding:8px}.spotlight-cover img,.spotlight-cover>.mini-placeholder{width:80px;height:98px}.spotlight-copy strong{font-size:.76rem}.compact-kpis{min-height:80px}.compact-kpis strong{font-size:1.22rem}.reference-welcome{min-height:112px}.reference-welcome h1{font-size:1.38rem}}
.detail-image-dots{display:none!important}
.top-add,.side-nav .side-add,.dashboard-primary-add,[data-open-add].button{font-family:"Segoe UI Variable Text","Aptos","Trebuchet MS",system-ui,sans-serif!important;font-size:.72rem!important;font-weight:700!important;letter-spacing:0!important;line-height:1.15!important;white-space:nowrap}.top-add{display:inline-flex;align-items:center;justify-content:center;min-width:142px;min-height:38px;padding:9px 14px!important;background:var(--tb-green-dark)!important;color:#fff!important}.side-nav .side-add{color:#fff!important}.side-nav .side-add>span,.side-nav .side-add .ui-icon{color:#fff!important}
.mobile-header-brand{display:none;align-items:center;gap:7px;color:var(--tb-green);font-family:"Trebuchet MS","Segoe UI Variable Display",system-ui,sans-serif;font-size:.92rem;font-weight:700;letter-spacing:-.03em;text-decoration:none}.mobile-header-brand img{width:29px;height:29px;object-fit:contain}
@media(max-width:760px){.mobile-header-brand{display:flex}.topbar>div:first-of-type{display:none}.topbar{gap:7px}.topbar .notification-center{margin-left:auto}}
@media(max-width:760px){.activity-tabs{position:sticky;z-index:22;top:61px;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:0 0 12px;padding:3px;border:1px solid var(--tb-line);border-radius:10px;background:color-mix(in srgb,var(--tb-card) 94%,transparent);backdrop-filter:blur(10px)}.activity-tabs a{display:flex;align-items:center;justify-content:center;width:100%;min-height:34px;padding:7px 4px!important;text-align:center;white-space:nowrap}.activity-tabs a.active{background:var(--tb-green-soft);color:var(--tb-green)}}
.info-button{display:inline-grid!important;place-items:center!important;width:22px!important;height:22px!important;margin-left:7px!important;padding:0!important;border:1.5px solid var(--tb-green)!important;border-radius:50%!important;background:var(--tb-card)!important;color:var(--tb-green)!important;font-family:Arial,sans-serif!important;font-size:0!important;font-weight:700!important;line-height:1!important;box-shadow:none!important}.info-button::before{content:'i';font-family:Arial,sans-serif;font-size:12px;font-weight:700;line-height:1}.info-button:hover,.info-button:focus-visible,.info-button:active{border-color:var(--tb-green-dark)!important;background:var(--tb-green-soft)!important;color:var(--tb-green-dark)!important;outline:2px solid color-mix(in srgb,var(--tb-green) 28%,transparent)!important;outline-offset:2px}
@media(min-width:1025px){html{font-size:18px}.signed-in main{max-width:1540px}.reference-welcome{min-height:132px;padding:20px 126px 20px 22px}.reference-welcome h1{font-size:1.55rem}.reference-welcome p{font-size:.78rem}.welcome-kicker{font-size:.68rem}.reference-welcome-mark{width:92px;height:92px}.compact-kpis{min-height:96px;padding-block:14px}.compact-kpis a{min-height:58px}.compact-kpis strong{font-size:1.42rem}.compact-kpis small{font-size:.68rem}.native-section-head h2{font-size:.9rem}.native-section-head a{font-size:.72rem}.dashboard-section{margin-top:23px}.spotlight-game{grid-template-columns:105px minmax(0,1fr) 36px;min-height:154px;padding:12px;border-radius:13px}.spotlight-cover img,.spotlight-cover>.mini-placeholder{width:105px;height:130px;border-radius:9px}.spotlight-copy strong{font-size:.92rem}.spotlight-copy small{font-size:.7rem}.spotlight-facts{margin-top:9px;font-size:.66rem}.owner-location{margin-top:8px;font-size:.68rem}.spotlight-game>.game-like-button{width:34px;height:34px}.quick-borrow button{width:36px;height:36px}.dashboard-activity-list{border-radius:13px}.activity-row{min-height:72px;padding:9px 12px}.activity-row>img,.activity-row>.mini-placeholder{width:48px;height:53px;border-radius:7px}.activity-row strong{font-size:.84rem}.activity-row small{font-size:.67rem}.activity-row time{font-size:.66rem}.game{grid-template-columns:92px minmax(0,1fr) 38px;min-height:132px;padding:11px}.game-media,.game-media>img,.game-media .placeholder{width:84px;height:112px}.game-title-row h3,.game h3{font-size:.86rem}.game-facts>span{font-size:.68rem}.game-owner-chip{font-size:.68rem}.game-status-pill{font-size:.65rem}.catalogue-chips a,.catalogue-chips button{font-size:.7rem}.catalogue-meta{font-size:.7rem}.side-nav a{font-size:.78rem}.topbar>div strong{font-size:1rem}}
@media(min-width:1025px){.more-page{width:min(100%,920px);max-width:920px;margin:8px auto 0;padding:0 18px 36px}.more-page>.section-heading{margin-bottom:20px}.more-page>.section-heading h1{font-size:1.55rem}.more-page>.section-heading small{font-size:.76rem}.more-group{margin-bottom:25px}.more-group>h2{margin-bottom:9px;font-size:.68rem}.more-list{border-radius:13px}.more-list a,.more-list button{min-height:58px;padding:14px 16px;font-size:.78rem}.more-list a::after{font-size:1.35rem}}
@media(max-width:760px){.more-page{width:100%;margin:0;padding:0}.more-group{margin-bottom:18px}}
.topbar>.top-add{display:none!important}
.dashboard-dual{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.8fr);align-items:start;gap:20px}.dashboard-dual .dashboard-section{min-width:0}.dashboard-dual .dashboard-spotlight{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-dual .dashboard-activity-list{min-height:100%}
@media(max-width:1024px){.dashboard-dual{display:contents}}
@media(max-width:760px){.dashboard-dual .dashboard-spotlight{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100vw - 40px)/3);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}.dashboard-dual .spotlight-game{scroll-snap-align:start}}
.info-button{width:20px!important;height:24px!important;margin-left:6px!important;border:0!important;border-radius:4px!important;background:transparent!important;color:var(--tb-green)!important;outline:none!important}.info-button::before{content:'i';font-family:Arial,sans-serif;font-size:15px;font-weight:700}.info-button:hover,.info-button:active{border:0!important;background:transparent!important;color:var(--tb-green-dark)!important;outline:none!important}.info-button:focus-visible{background:transparent!important;color:var(--tb-green-dark)!important;outline:2px solid color-mix(in srgb,var(--tb-green) 38%,transparent)!important;outline-offset:1px!important}

/* Klare Hilfs- und Schliessen-Symbole */
.info-button{width:22px!important;height:22px!important;border:1.5px solid currentColor!important;border-radius:50%!important;background:transparent!important;font-family:Arial,sans-serif!important}
.info-button:hover,.info-button:active{border:1.5px solid currentColor!important;background:transparent!important;outline:none!important}
.legend-close,.history-close,.mobile-more-close,.category-filter-cancel,.filter-sheet-close,.scanner-close{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.legend-close:hover,.legend-close:active,.history-close:hover,.history-close:active,.mobile-more-close:hover,.mobile-more-close:active,.category-filter-cancel:hover,.category-filter-cancel:active,.filter-sheet-close:hover,.filter-sheet-close:active,.scanner-close:hover,.scanner-close:active{border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}

/* Statistik – Design-Version 1 */
.statistics-v1{display:grid;gap:16px}.statistics-heading{align-items:end!important}.statistics-heading h1{display:flex;align-items:center;gap:5px}.statistics-period{padding:9px 13px;border:1px solid var(--tb-line);border-radius:9px;background:var(--tb-card);color:var(--tb-muted);font-size:.68rem}.statistics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(220px,1.3fr);gap:10px}.stat-kpi{display:flex;align-items:center;gap:13px;min-height:106px;padding:16px;border:1px solid var(--tb-line);border-radius:12px;background:var(--tb-card);box-shadow:0 4px 18px rgba(35,54,43,.035)}.stat-kpi>i{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;font-style:normal;font-size:1.35rem}.stat-kpi>i.green{background:#e1eee3;color:#176044}.stat-kpi>i.gold{background:#fff0d6;color:#c38120}.stat-kpi>i.blue{background:#e2edf5;color:#34779f}.stat-kpi>i.violet{background:#eee7f3;color:#74528d}.stat-kpi>div{display:grid;gap:2px}.stat-kpi strong{font-size:1.72rem;line-height:1}.stat-kpi span,.stat-kpi small{color:var(--tb-muted);font-size:.66rem}.newest-kpi{justify-content:space-between}.newest-kpi>div{align-self:stretch;align-content:center}.newest-kpi>div strong{font-size:1.05rem;line-height:1.2}.newest-kpi>img{width:70px;height:82px;border-radius:8px;object-fit:contain;background:var(--tb-card-soft)}.statistics-visual-grid{display:grid;grid-template-columns:1.45fr 1fr 1.15fr;gap:12px}.statistics-card{min-width:0;padding:16px;border:1px solid var(--tb-line);border-radius:12px;background:var(--tb-card);box-shadow:0 4px 18px rgba(35,54,43,.035)}.statistics-card h2{margin:0;font-size:.84rem}.statistics-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.statistics-card-head>span{padding:6px 9px;border:1px solid var(--tb-line);border-radius:7px;color:var(--tb-muted);font-size:.6rem}.statistics-card-head a{color:var(--tb-green);font-size:.64rem;text-decoration:none}.loan-chart{margin-top:9px}.loan-chart svg{display:block;width:100%;height:auto;overflow:visible}.loan-chart .chart-grid{fill:none;stroke:var(--tb-line);stroke-width:1}.loan-chart .chart-area{fill:url(#loanArea)}.loan-chart .chart-line{fill:none;stroke:var(--tb-green);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.loan-chart circle{fill:var(--tb-green);stroke:var(--tb-card);stroke-width:3}.loan-chart text{fill:var(--tb-muted);font-size:10px}.donut-layout{display:grid;grid-template-columns:minmax(125px,1fr) 1fr;align-items:center;gap:14px;margin-top:18px}.family-donut{display:grid;place-items:center;width:min(165px,100%);aspect-ratio:1;margin:auto;border-radius:50%;background:var(--donut);position:relative}.family-donut::after{content:'';position:absolute;inset:28%;border-radius:50%;background:var(--tb-card)}.family-donut>span{z-index:1;display:grid;text-align:center}.family-donut strong{font-size:1.1rem}.family-donut small{color:var(--tb-muted);font-size:.56rem}.donut-legend{display:grid;gap:10px}.donut-legend p{display:flex;align-items:center;gap:8px;margin:0}.donut-legend p>i{width:9px;height:9px;border-radius:50%}.donut-legend p>span{display:grid}.donut-legend strong{font-size:.66rem}.donut-legend small{color:var(--tb-muted);font-size:.58rem}.category-card{display:grid;align-content:start;gap:11px}.category-stat{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:9px}.category-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--tb-green-soft);color:var(--tb-green);font-size:1rem}.category-stat>div>span{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px}.category-stat strong,.category-stat b{font-size:.65rem}.category-stat>div>i,.popular-list .stat-list-row>i{display:block;height:6px;border-radius:99px;background:var(--tb-card-soft);overflow:hidden}.category-stat em,.popular-list .stat-list-row>i em{display:block;height:100%;border-radius:inherit;background:var(--tb-green)}.statistics-lists{display:grid;grid-template-columns:1fr 1.35fr;gap:12px}.stat-list{margin-top:9px}.stat-list-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:9px;min-height:54px;padding:7px 0;border-bottom:1px solid var(--tb-line)}.stat-list-row:last-child{border-bottom:0}.stat-list-row>img,.stat-list-row>.mini-placeholder{width:38px;height:42px;border-radius:6px;object-fit:contain;background:var(--tb-card-soft)}.stat-list-row>span:not(.mini-placeholder){display:grid;min-width:0}.stat-list-row strong{overflow:hidden;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.stat-list-row small,.stat-list-row time,.stat-list-row>b{color:var(--tb-muted);font-size:.57rem}.popular-list .stat-list-row{grid-template-columns:24px 42px minmax(90px,1fr) minmax(90px,1.5fr) 18px}.popular-list .rank{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--tb-green-soft);color:var(--tb-green)}.statistics-note{margin:0;text-align:center;color:var(--tb-muted);font-size:.58rem}
@media(max-width:1150px){.statistics-kpis{grid-template-columns:repeat(4,1fr)}.newest-kpi{grid-column:1/-1}.statistics-visual-grid{grid-template-columns:1fr 1fr}.timeline-card{grid-column:1/-1}.statistics-lists{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.statistics-period{display:none}.statistics-kpis{grid-template-columns:1fr 1fr;gap:8px}.stat-kpi{min-height:88px;padding:12px}.stat-kpi>i{flex-basis:38px;width:38px;height:38px;font-size:1rem}.stat-kpi strong{font-size:1.35rem}.newest-kpi{grid-column:1/-1}.statistics-visual-grid,.statistics-lists{grid-template-columns:1fr}.timeline-card{grid-column:auto;overflow:hidden}.statistics-card{padding:13px}.donut-layout{grid-template-columns:140px 1fr}.stat-list-row{grid-template-columns:40px minmax(0,1fr) auto}.stat-list-row>b{display:none}.stat-list-row time{grid-column:3}.popular-list .stat-list-row{grid-template-columns:22px 38px minmax(0,1fr) 70px 16px}.loan-chart svg{min-width:560px}.loan-chart{overflow-x:auto;padding-bottom:3px}}

/* Dashboard nutzt dieselben Spielkarten wie die Übersicht, jedoch ohne Aktionen */
.dashboard-game-cards .games{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.dashboard-game-cards .game{cursor:pointer}.dashboard-game-cards .game-card-actions,.dashboard-game-cards .game-history-button,.dashboard-game-cards .game-more-button{display:none!important}.dashboard-game-cards .game-title-row{padding-right:34px}.dashboard-game-cards .game-owner-chip{padding-right:0!important}
@media(max-width:760px){.dashboard-game-cards .games{grid-template-columns:1fr}.dashboard-game-cards .game{min-height:88px}}
@media(max-width:760px){html[data-theme=dark] .games{border-color:var(--tb-line)!important;background:var(--tb-card)!important}html[data-theme=dark] .game{border-bottom-color:var(--tb-line)!important}}@media(max-width:760px) and (prefers-color-scheme:dark){html[data-theme=auto] .games{border-color:var(--tb-line)!important;background:var(--tb-card)!important}html[data-theme=auto] .game{border-bottom-color:var(--tb-line)!important}}

/* Klar erkennbare Verfügbarkeit auf allen Spielkarten */
.game-status-pill{display:inline-flex!important;align-items:center!important;gap:4px!important;width:max-content!important;min-height:18px!important;padding:2px 6px!important;border:1px solid color-mix(in srgb,var(--tb-green) 12%,transparent)!important;border-radius:999px!important;background:color-mix(in srgb,var(--tb-green-soft) 62%,var(--tb-card))!important;color:var(--tb-green-dark)!important;font-size:.53rem!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important}
.game-status-pill::before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:var(--tb-green);box-shadow:none}
.game.state-own-lent .game-status-pill{border-color:color-mix(in srgb,var(--ref-ochre) 18%,transparent)!important;background:color-mix(in srgb,var(--ref-ochre) 9%,var(--tb-card))!important;color:#8b5e18!important}.game.state-own-lent .game-status-pill::before{background:var(--ref-ochre);box-shadow:none}
.game.state-borrowed-by-us .game-status-pill{border-color:color-mix(in srgb,var(--ref-blue) 18%,transparent)!important;background:color-mix(in srgb,var(--ref-blue) 9%,var(--tb-card))!important;color:#356d8b!important}.game.state-borrowed-by-us .game-status-pill::before{background:var(--ref-blue);box-shadow:none}
.game.state-other-unavailable .game-status-pill{border-color:var(--tb-line)!important;background:var(--tb-card-soft)!important;color:var(--tb-muted)!important}.game.state-other-unavailable .game-status-pill::before{background:var(--ref-grey);box-shadow:none}
@media(min-width:1025px){.game-status-pill{min-height:20px!important;padding:2px 7px!important;font-size:.57rem!important}}

/* Lesbarkeitskorrekturen für den vollständigen Dunkelmodus */
html[data-theme=dark]{--primary:#347557;--primary2:#aed0ba}
html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{border-color:#3b4b42!important;background:#101914!important;color:#f3f5f1!important}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#8f9b94!important}
html[data-theme=dark] .game-status-pill{border-color:#365745!important;background:#1b3025!important;color:#b9ddc5!important}
html[data-theme=dark] .game.state-own-lent .game-status-pill{border-color:#624d2f!important;background:#2b2419!important;color:#e5bd79!important}
html[data-theme=dark] .game.state-borrowed-by-us .game-status-pill{border-color:#36566a!important;background:#182936!important;color:#a8cee3!important}
html[data-theme=dark] .game.state-other-unavailable .game-status-pill{border-color:#39453f!important;background:#202923!important;color:#b2bbb5!important}
html[data-theme=dark] .catalogue-chips a.active,html[data-theme=dark] .filter-link-pill.is-active,html[data-theme=dark] .filter-pill:has(input:checked),html[data-theme=dark] .filter-submit,html[data-theme=dark] .detail-primary,html[data-theme=dark] .save-game-button,html[data-theme=dark] .category-filter-done{border-color:#347557!important;background:#347557!important;color:#fff!important}
html[data-theme=dark] .secondary,html[data-theme=dark] .button.secondary{border-color:#52645a!important;color:#d7e5dc!important}
html[data-theme=dark] .info-button{border-color:#8fbea0!important;color:#b7d7c2!important;background:transparent!important}
html[data-theme=dark] .legend-dialog,html[data-theme=dark] .history-dialog,html[data-theme=dark] .mobile-more-panel,html[data-theme=dark] .category-filter-options{border-color:#34443b!important;background:#141d18!important;color:#f3f5f1!important}
html[data-theme=dark] .flash.ok{background:#1d3929!important;color:#c5e7d0!important}html[data-theme=dark] .flash.error{background:#40231f!important;color:#f1c0b7!important}
html[data-theme=dark] .stat-kpi>i.green{background:#1c3829;color:#9ed0ae}html[data-theme=dark] .stat-kpi>i.gold{background:#3a2d19;color:#e3b968}html[data-theme=dark] .stat-kpi>i.blue{background:#1b3040;color:#9bc5dc}html[data-theme=dark] .stat-kpi>i.violet{background:#30263a;color:#c5aed5}
html[data-theme=dark] .danger,html[data-theme=dark] .danger-button,html[data-theme=dark] .danger-link{color:#f0a79d!important}
@media(prefers-color-scheme:dark){html[data-theme=auto]{--primary:#347557;--primary2:#aed0ba}html[data-theme=auto] input,html[data-theme=auto] select,html[data-theme=auto] textarea{border-color:#3b4b42!important;background:#101914!important;color:#f3f5f1!important}html[data-theme=auto] input::placeholder,html[data-theme=auto] textarea::placeholder{color:#8f9b94!important}html[data-theme=auto] .game-status-pill{border-color:#365745!important;background:#1b3025!important;color:#b9ddc5!important}html[data-theme=auto] .game.state-own-lent .game-status-pill{border-color:#624d2f!important;background:#2b2419!important;color:#e5bd79!important}html[data-theme=auto] .game.state-borrowed-by-us .game-status-pill{border-color:#36566a!important;background:#182936!important;color:#a8cee3!important}html[data-theme=auto] .game.state-other-unavailable .game-status-pill{border-color:#39453f!important;background:#202923!important;color:#b2bbb5!important}html[data-theme=auto] .catalogue-chips a.active,html[data-theme=auto] .filter-link-pill.is-active,html[data-theme=auto] .filter-pill:has(input:checked),html[data-theme=auto] .filter-submit,html[data-theme=auto] .detail-primary,html[data-theme=auto] .save-game-button,html[data-theme=auto] .category-filter-done{border-color:#347557!important;background:#347557!important;color:#fff!important}html[data-theme=auto] .secondary,html[data-theme=auto] .button.secondary{border-color:#52645a!important;color:#d7e5dc!important}html[data-theme=auto] .info-button{border-color:#8fbea0!important;color:#b7d7c2!important;background:transparent!important}html[data-theme=auto] .legend-dialog,html[data-theme=auto] .history-dialog,html[data-theme=auto] .mobile-more-panel,html[data-theme=auto] .category-filter-options{border-color:#34443b!important;background:#141d18!important;color:#f3f5f1!important}html[data-theme=auto] .flash.ok{background:#1d3929!important;color:#c5e7d0!important}html[data-theme=auto] .flash.error{background:#40231f!important;color:#f1c0b7!important}html[data-theme=auto] .stat-kpi>i.green{background:#1c3829;color:#9ed0ae}html[data-theme=auto] .stat-kpi>i.gold{background:#3a2d19;color:#e3b968}html[data-theme=auto] .stat-kpi>i.blue{background:#1b3040;color:#9bc5dc}html[data-theme=auto] .stat-kpi>i.violet{background:#30263a;color:#c5aed5}html[data-theme=auto] .danger,html[data-theme=auto] .danger-button,html[data-theme=auto] .danger-link{color:#f0a79d!important}}
.game-owner-chip::before{display:none!important}.game-title-row h3{display:flex;align-items:center;gap:6px}.game-title-row h3::after{content:'';display:inline-block;flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--ref-grey)}.game.state-own-home .game-title-row h3::after,.game.state-other-available .game-title-row h3::after{background:var(--ref-green-2)}.game.state-own-lent .game-title-row h3::after{background:var(--ref-ochre)}.game.state-borrowed-by-us .game-title-row h3::after{background:var(--ref-blue)}
.dashboard-primary-add,.dashboard-add-card{display:none!important}@media(min-width:761px){a[data-open-add]:not(.side-add){display:none!important}}@media(max-width:760px){a[data-open-add]:not(.nav-add){display:none!important}}
@media(min-width:1025px){.dashboard-dual .activity-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto!important;column-gap:11px;align-items:center}.dashboard-dual .activity-row>img,.dashboard-dual .activity-row>.mini-placeholder{grid-column:1;width:48px;height:53px}.dashboard-dual .activity-row>span:not(.mini-placeholder){grid-column:2;min-width:0;padding:0}.dashboard-dual .activity-row>time{grid-column:3;white-space:nowrap}.dashboard-dual .activity-row strong,.dashboard-dual .activity-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.game-card-actions{right:8px;bottom:8px}.game-card-actions .game-card-action button{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:82px!important;height:34px!important;min-height:34px!important;padding:7px 12px!important;border:1px solid color-mix(in srgb,var(--tb-green) 22%,var(--tb-line))!important;border-radius:9px!important;background:var(--tb-green-soft)!important;color:var(--tb-green-dark)!important;font-family:"Segoe UI Variable Text","Aptos",system-ui,sans-serif!important;font-size:.66rem!important;font-weight:720!important;line-height:1!important;white-space:nowrap}.game-card-actions .game-card-action button::after{content:none!important;display:none!important}.game-card-actions .game-card-action button:hover,.game-card-actions .game-card-action button:focus-visible{background:var(--tb-green)!important;color:#fff!important}.game-card-actions .game-card-action .return-button{border-color:var(--tb-blue)!important;background:var(--tb-blue)!important;color:#fff!important}
@media(max-width:760px){.game-card-actions{right:6px;bottom:6px}.game-card-actions .game-card-action button{min-width:70px!important;height:30px!important;min-height:30px!important;padding:6px 9px!important;border-radius:8px!important;font-size:.59rem!important}.game-owner-chip{padding-right:76px!important}}
@media(min-width:761px){.game-owner-chip{padding-right:94px!important}}
@media(min-width:1025px){body.page-home{height:100dvh;overflow:hidden}body.page-home .app-content{height:100dvh;overflow:hidden}body.page-home .app-content>main{height:calc(100dvh - 66px);overflow:hidden}body.page-home .app-content>footer{display:none}}
@media(min-width:1025px) and (max-height:860px){body.page-home{font-size:15px}body.page-home .signed-in main{padding-top:12px;padding-bottom:12px}body.page-home .reference-welcome{min-height:88px;padding-block:11px}body.page-home .reference-welcome h1{font-size:1.22rem}body.page-home .reference-welcome-mark{width:62px;height:62px}body.page-home .compact-kpis{min-height:64px;padding-block:7px}body.page-home .compact-kpis a{min-height:42px}body.page-home .compact-kpis strong{font-size:1.12rem}body.page-home .dashboard-section{margin-top:12px}body.page-home .dashboard-dual{gap:12px}body.page-home .native-section-head{margin-bottom:5px}body.page-home .spotlight-game{grid-template-columns:70px minmax(0,1fr) 28px;min-height:99px;padding:6px}body.page-home .spotlight-cover img,body.page-home .spotlight-cover>.mini-placeholder{width:70px;height:84px}body.page-home .spotlight-copy strong{font-size:.72rem}body.page-home .spotlight-copy small,body.page-home .spotlight-facts,body.page-home .owner-location{font-size:.55rem}body.page-home .activity-row{grid-template-columns:42px minmax(0,1fr) auto!important;min-height:50px;padding:5px 8px}body.page-home .activity-row>img,body.page-home .activity-row>.mini-placeholder{width:36px;height:39px}body.page-home .activity-row strong{font-size:.68rem}body.page-home .activity-row small,body.page-home .activity-row time{font-size:.55rem}}
@media(min-width:1025px) and (max-height:700px){body.page-home .reference-welcome{min-height:72px}body.page-home .welcome-kicker{font-size:.52rem}body.page-home .reference-welcome p{font-size:.58rem}body.page-home .compact-kpis{min-height:55px}body.page-home .spotlight-game{min-height:84px}body.page-home .spotlight-cover img,body.page-home .spotlight-cover>.mini-placeholder{height:70px}body.page-home .activity-row{min-height:41px}body.page-home .activity-row>img,body.page-home .activity-row>.mini-placeholder{width:30px;height:32px}}
@media(max-width:760px){.dashboard-dual .dashboard-spotlight{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;scroll-snap-type:none}.dashboard-dual .spotlight-game{width:auto;min-width:0}}
@media(min-width:1025px){.subpage{width:min(100%,920px);max-width:920px;margin:8px auto 0;padding:0 18px 36px}.subpage>.section-heading{margin-bottom:20px}.subpage>.section-heading h1{font-size:1.5rem}.subpage>.section-heading small{font-size:.76rem}.subpage .settings,.subpage .account-settings{width:100%}.subpage .subpage-card{max-width:none}.subpage .notification-settings-card{max-width:none}}
@media(max-width:760px){.subpage{width:100%;margin:0;padding:0}}

/* Breite Desktopansicht für „Spiel bearbeiten“ */
@media(min-width:1025px){
  body.page-edit .app-content>main{width:100%;max-width:1500px;padding-inline:clamp(32px,4vw,72px)}
  body.page-edit .app-content>main>.eyebrow,
  body.page-edit .app-content>main>h1{width:min(100%,1180px);margin-left:auto;margin-right:auto}
  body.page-edit .app-content>main>h1{margin-top:4px;margin-bottom:24px;font-size:clamp(1.8rem,2.3vw,2.5rem)}
  body.page-edit .auth{width:min(100%,1180px);max-width:1180px;margin:0 auto;padding:clamp(22px,2.3vw,34px);border-radius:18px}
  body.page-edit .auth form{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(440px,1.45fr);column-gap:clamp(28px,3vw,52px);row-gap:16px;align-items:start}
  body.page-edit .auth form>input[type=hidden]{display:none}
  body.page-edit .auth form>label:has(input[name=photo]){grid-column:1;grid-row:1/span 4;padding-right:clamp(8px,1vw,18px)}
  body.page-edit .auth form>label:has(input[name=title]){grid-column:2;grid-row:1}
  body.page-edit .auth form>label:has(input[name=barcode]){grid-column:2;grid-row:2}
  body.page-edit .auth form>.category-picker{grid-column:2;grid-row:3}
  body.page-edit .auth form>.columns{grid-column:2;grid-row:4;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
  body.page-edit .auth form>label:has(textarea[name=description]){grid-column:1/-1;grid-row:5}
  body.page-edit .auth form>button[type=submit]{grid-column:1/-1;grid-row:6;justify-self:end;min-width:230px}
  body.page-edit .auth form>a.button{grid-column:1/-1;grid-row:7;justify-self:end;min-width:230px;text-align:center}
  body.page-edit .edit-photo{width:100%;max-width:none;height:min(48vh,480px);max-height:480px;margin:4px 0 12px;object-fit:contain;object-position:center;border:1px solid var(--tb-line);border-radius:16px;background:var(--tb-card-soft)}
  body.page-edit input,body.page-edit textarea{font-size:.92rem}
  body.page-edit textarea{min-height:120px;resize:vertical}
}
@media(min-width:1025px) and (max-width:1220px){
  body.page-edit .auth form{grid-template-columns:minmax(280px,.75fr) minmax(400px,1.25fr);column-gap:26px}
  body.page-edit .auth form>.columns{grid-template-columns:repeat(3,minmax(0,1fr))}
}
[data-detail-url]{cursor:pointer}
[data-detail-url]:focus-visible{outline:3px solid color-mix(in srgb,var(--tb-green) 42%,transparent);outline-offset:3px}

@media(min-width:1025px){
  body.page-edit .delete-game-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 28px;width:min(100%,1180px);max-width:1180px;margin:18px auto 42px;padding:18px 20px;border-color:color-mix(in srgb,var(--danger) 28%,var(--tb-line));border-radius:15px;background:color-mix(in srgb,var(--danger) 4%,var(--tb-card));box-shadow:none}
  body.page-edit .delete-game-form strong{grid-column:1;grid-row:1;color:var(--tb-text);font-size:.88rem}
  body.page-edit .delete-game-form small{grid-column:1;grid-row:2;font-size:.7rem}
  body.page-edit .delete-game-form .danger-button{grid-column:2;grid-row:1/span 2;min-width:150px;padding:10px 16px;border:1px solid color-mix(in srgb,var(--danger) 64%,transparent);background:transparent;color:var(--danger)}
  body.page-edit .delete-game-form .danger-button:hover{background:var(--danger);color:#fff}
}
@media(max-width:1024px){.delete-game-form strong{display:block;margin-bottom:3px}.delete-game-form .danger-button{margin-top:10px}}
.activity-row[data-detail-url],.activity-card[data-detail-url],.newest-kpi[data-detail-url],.stat-list-row[data-detail-url]{transition:border-color .18s ease,background .18s ease,transform .18s ease}
.activity-row[data-detail-url]:hover,.activity-card[data-detail-url]:hover,.newest-kpi[data-detail-url]:hover,.stat-list-row[data-detail-url]:hover{background:color-mix(in srgb,var(--tb-green-soft) 38%,var(--tb-card));border-color:color-mix(in srgb,var(--tb-green) 24%,var(--tb-line))}
.game.state-own-home .game-status-pill,.game.state-other-available .game-status-pill{display:none!important}

/* Einheitliche, geometrisch zentrierte Icons auf allen Bildschirmgrößen */
.detail-toolbar .detail-back,.detail-toolbar .game-like-button,.game-like-button,.game-history-button,.info-button,.quick-borrow button,.bottom-nav .nav-add span{align-items:center!important;justify-content:center!important;padding:0!important;line-height:1!important}
.detail-toolbar .detail-back svg,.detail-toolbar .game-like-button svg,.game-like-button svg,.game-history-button svg,.game-facts svg,.detail-facts svg,button svg,a svg{display:block;flex:none}
.detail-toolbar .detail-back{border:0!important;background:transparent!important;box-shadow:none!important;font-family:Arial,sans-serif!important;font-size:1.85rem!important;font-weight:400!important;line-height:0!important;text-indent:-1px!important;transform:translateY(-1px)}
.detail-toolbar>.game-like-button,.detail-toolbar-actions>.game-like-button{border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
.game-facts>span,.game-facts>span:first-child{align-items:center!important}
.game-facts .game-info-icon{align-self:center;margin:0}
.game-more-button{display:none!important}
.game,.spotlight-game{transition:background-color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}
@media(hover:hover) and (pointer:fine){.game:hover,.spotlight-game:hover{border-color:color-mix(in srgb,var(--tb-green) 20%,var(--tb-line))!important;background:color-mix(in srgb,var(--tb-green-soft) 42%,var(--tb-card))!important;box-shadow:0 8px 22px color-mix(in srgb,var(--tb-green) 8%,transparent)!important}}
.game:active,.game.is-opening,.spotlight-game:active,.spotlight-game.is-opening{border-color:color-mix(in srgb,var(--tb-green) 30%,var(--tb-line))!important;background:color-mix(in srgb,var(--tb-green-soft) 68%,var(--tb-card))!important;transform:scale(.992)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tb-green) 10%,transparent)!important}
@media(prefers-reduced-motion:reduce){.game,.spotlight-game{transition:none}.game:active,.game.is-opening,.spotlight-game:active,.spotlight-game.is-opening{transform:none!important}}

/* Klares mobiles Filter-Bottom-Sheet */
@media(max-width:760px){
  body:has(.filters.is-expanded){overflow:hidden}
  main>form.filters.is-expanded,main>.section-heading+form.filters.is-expanded{position:fixed!important;z-index:260!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:14px 12px!important;width:100%!important;max-height:min(82dvh,680px)!important;margin:0!important;padding:62px 18px calc(20px + env(safe-area-inset-bottom))!important;overflow-y:auto!important;border:1px solid var(--tb-line)!important;border-bottom:0!important;border-radius:22px 22px 0 0!important;background:#fffdf9!important;color:#10251b!important;box-shadow:0 -18px 70px #07110a52,0 0 0 100vmax #07110a99!important;isolation:isolate}
  main>form.filters.is-expanded::before,main>.section-heading+form.filters.is-expanded::before{content:'Spiele filtern'!important;position:absolute!important;left:18px!important;top:19px!important;color:#10251b!important;font-size:1.08rem!important;font-weight:760!important;line-height:1.2!important}
  main>form.filters.is-expanded::after,main>.section-heading+form.filters.is-expanded::after{display:none!important}
  .filters.is-expanded .filter-sheet-close{position:absolute!important;right:13px!important;top:10px!important;display:grid!important;place-items:center!important;width:40px!important;height:40px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#10251b!important;font-size:1.55rem!important;line-height:1!important}
  .filters.is-expanded>label{gap:7px!important;color:#45534b!important;font-size:.76rem!important;font-weight:700!important}
  .filters.is-expanded>label:first-of-type{display:none!important}
  .filters.is-expanded>.filter-category-picker{grid-column:1/-1!important;grid-row:auto!important}
  .filters.is-expanded>.filter-category-picker summary{width:100%!important;min-height:50px!important;border:1px solid #ddd7cd!important;border-radius:12px!important;background:#f8f4ed!important;color:#10251b!important;font-size:.86rem!important}
  .filters.is-expanded input[type=number]{min-height:50px!important;border:1px solid #ddd7cd!important;border-radius:12px!important;background:#f8f4ed!important;color:#10251b!important;font-size:1rem!important}
  .filters.is-expanded>.check{display:flex!important;grid-column:1/-1!important;align-items:center!important;gap:10px!important;min-height:48px!important;padding:0 4px!important;color:#10251b!important;font-size:.85rem!important}
  .filters.is-expanded>.check input{flex:0 0 25px!important;width:25px!important;height:25px!important;margin:0!important;accent-color:#0f593e}
  .filters.is-expanded>button[type=submit]{grid-column:1/-1!important;min-height:52px!important;margin-top:2px!important;border-radius:12px!important;background:#0f593e!important;color:#fff!important;font-size:1rem!important}
}
@media(max-width:370px){main>form.filters.is-expanded,main>.section-heading+form.filters.is-expanded{grid-template-columns:1fr!important}.filters.is-expanded>.check,.filters.is-expanded>.filter-category-picker,.filters.is-expanded>button[type=submit]{grid-column:1!important}}
@media(max-width:760px){html[data-theme=dark] main>form.filters.is-expanded,html[data-theme=dark] main>.section-heading+form.filters.is-expanded{border-color:#29362f!important;background:#141d18!important;color:#f3f5f1!important}html[data-theme=dark] .filters.is-expanded::before,html[data-theme=dark] .filters.is-expanded .filter-sheet-close,html[data-theme=dark] .filters.is-expanded>.check{color:#f3f5f1!important}html[data-theme=dark] .filters.is-expanded>label{color:#a9b1ac!important}html[data-theme=dark] .filters.is-expanded input[type=number],html[data-theme=dark] .filters.is-expanded>.filter-category-picker summary{border-color:#35443b!important;background:#1a2520!important;color:#f3f5f1!important}}
@media(max-width:760px) and (prefers-color-scheme:dark){html[data-theme=auto] main>form.filters.is-expanded,html[data-theme=auto] main>.section-heading+form.filters.is-expanded{border-color:#29362f!important;background:#141d18!important;color:#f3f5f1!important}html[data-theme=auto] .filters.is-expanded::before,html[data-theme=auto] .filters.is-expanded .filter-sheet-close,html[data-theme=auto] .filters.is-expanded>.check{color:#f3f5f1!important}html[data-theme=auto] .filters.is-expanded>label{color:#a9b1ac!important}html[data-theme=auto] .filters.is-expanded input[type=number],html[data-theme=auto] .filters.is-expanded>.filter-category-picker summary{border-color:#35443b!important;background:#1a2520!important;color:#f3f5f1!important}}

/* Zentrale Kategorienverwaltung */
.category-manager{max-width:1040px!important}.category-create{margin-bottom:14px}.category-create h2{margin:0 0 12px}.category-create form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,.65fr) auto;align-items:end;gap:10px}.category-manager-list{display:grid;gap:9px}.category-manage-item{padding:0;overflow:hidden;box-shadow:none}.category-manage-item.is-inactive{opacity:.68}.category-manage-summary{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 15px}.category-manage-summary>span:nth-child(2){display:grid}.category-manage-summary small{color:var(--tb-muted);font-size:.66rem}.category-manage-summary>a{color:var(--tb-green);font-size:.68rem;text-decoration:none}.category-manage-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--tb-green-soft);color:var(--tb-green);font-size:1.05rem}.category-manage-icon::before{content:'◇'}.category-manage-icon[data-category-icon=family]::before{content:'♙'}.category-manage-icon[data-category-icon=children]::before{content:'☺'}.category-manage-icon[data-category-icon=cards]::before{content:'▱'}.category-manage-icon[data-category-icon=dice]::before{content:'⚄'}.category-manage-icon[data-category-icon=brain]::before{content:'◉'}.category-manage-icon[data-category-icon=team]::before{content:'♙♙';font-size:.72rem}.category-manage-icon[data-category-icon=star]::before{content:'☆'}.category-manage-icon[data-category-icon=puzzle]::before{content:'✦'}.category-manage-icon[data-category-icon=strategy]::before{content:'♜'}.category-manage-item details{border-top:1px solid var(--tb-line);padding:0 15px 15px}.category-manage-item summary{padding:11px 0;color:var(--tb-green);cursor:pointer;font-size:.7rem;font-weight:700}.category-edit-form{display:grid;grid-template-columns:1fr .7fr 110px auto;align-items:end;gap:9px}.category-secondary-actions{display:grid;grid-template-columns:auto minmax(280px,1fr);align-items:end;gap:9px;margin-top:11px;padding-top:11px;border-top:1px solid var(--tb-line)}.category-secondary-actions form{margin:0}.category-secondary-actions form:has(label){display:grid;grid-template-columns:1fr auto;align-items:end;gap:9px}.category-secondary-actions .danger-button{justify-self:start}

/* Eigenständiges Tablet-Layout statt gemischter Mobil-/Desktopregeln */
@media(min-width:761px) and (max-width:1024px){
 .signed-in main{max-width:none;padding:22px 24px 42px}.topbar{padding-inline:24px}.sidebar{width:196px}.app-content{margin-left:196px}
 .games{grid-template-columns:1fr!important}.game{grid-template-columns:82px minmax(0,1fr) 36px!important;min-height:122px!important;padding:9px!important}.game-media,.game-media>img,.game-media .placeholder{width:76px!important;height:102px!important}.game-facts{display:flex!important;grid-column:2!important;flex-wrap:wrap!important;gap:4px 10px!important}.game-facts>span:first-child{width:100%}.game-owner-chip{grid-column:2!important}.game-card-footer{grid-column:2!important}
 .dashboard-dual{grid-template-columns:1fr!important}.dashboard-spotlight{grid-template-columns:repeat(2,minmax(0,1fr))!important}.compact-kpis{grid-template-columns:repeat(4,1fr)!important}
 .game-detail{grid-template-columns:minmax(240px,.85fr) minmax(300px,1.15fr);gap:25px}.detail-cover{min-height:390px}.detail-cover>img{padding:14px}.detail-facts{gap:4px}
 body.page-edit .auth{max-width:760px}.columns{grid-template-columns:repeat(3,1fr)}
 .category-manager{width:100%!important;padding-inline:0!important}.category-create form{grid-template-columns:1fr 1fr}.category-create form button{grid-column:1/-1}.category-edit-form{grid-template-columns:1fr 1fr}.category-edit-form button{grid-column:1/-1}.category-secondary-actions{grid-template-columns:1fr}.category-secondary-actions form:has(label){grid-template-columns:1fr auto}
 .statistics-kpis{grid-template-columns:repeat(2,1fr)}.newest-kpi{grid-column:1/-1}.statistics-visual-grid{grid-template-columns:1fr 1fr}.timeline-card{grid-column:1/-1}.statistics-lists{grid-template-columns:1fr}
}
@media(max-width:760px){.category-create form,.category-edit-form,.category-secondary-actions,.category-secondary-actions form:has(label){grid-template-columns:1fr}.category-manage-summary{grid-template-columns:38px minmax(0,1fr)}.category-manage-summary>a{grid-column:2}.category-manage-item details{padding-inline:12px}}
/* Sortierbare Kategorien */
.category-drag-handle{flex:0 0 auto;width:2.5rem;height:2.5rem;padding:0;border:1px solid #d8d0c3;border-radius:.7rem;background:#fff;color:#315f50;font-size:1.35rem;line-height:1;cursor:grab;touch-action:none}.category-drag-handle:active{cursor:grabbing}.category-manage-item.is-dragging{opacity:.55;outline:2px dashed #176b50;outline-offset:3px}.category-order-buttons{display:flex;gap:.35rem;margin-left:auto}.category-order-buttons button{width:2.35rem;height:2.35rem;padding:0;border:1px solid #d8d0c3;border-radius:.65rem;background:#fff;color:#176b50;font-size:1.15rem}.category-manager-list.is-saving{opacity:.75;pointer-events:none}.category-manager-list.is-saved::before{content:'Reihenfolge gespeichert';display:block;margin:0 0 .55rem;color:#176b50;font-weight:700}@media(max-width:700px){.category-manage-summary{gap:.55rem}.category-manage-summary>a{width:100%;margin-left:3.05rem}.category-order-buttons{margin-left:0}.category-drag-handle{width:2.75rem;height:2.75rem}}
/* Kompakte Kategorienzeile: Aktionen links, Name und Anzahl rechts */
.category-manage-summary{display:grid!important;grid-template-columns:40px 38px auto auto minmax(150px,1fr)!important;min-height:62px;gap:8px!important;padding:9px 12px!important}.category-manage-summary>.category-drag-handle{grid-column:1}.category-manage-summary>.category-manage-icon{grid-column:2}.category-manage-summary>a{grid-column:3!important;width:auto!important;margin:0!important;white-space:nowrap}.category-manage-summary>.category-order-buttons{grid-column:4;margin:0 4px}.category-manage-summary>span:not(.category-manage-icon):not(.category-order-buttons){grid-column:5;grid-row:1;justify-self:end;text-align:right}.category-manage-summary>span:not(.category-manage-icon):not(.category-order-buttons) strong,.category-manage-summary>span:not(.category-manage-icon):not(.category-order-buttons) small{display:block}.category-manage-summary>span:not(.category-manage-icon):not(.category-order-buttons) small{margin-top:2px}.category-manage-item details{padding-bottom:8px}.category-manage-item summary{padding-block:8px}@media(max-width:620px){.category-manage-summary{grid-template-columns:38px 36px auto minmax(105px,1fr)!important;min-height:58px;padding:8px 9px!important}.category-manage-summary>.category-order-buttons{grid-column:3}.category-manage-summary>a{display:none}.category-manage-summary>span:not(.category-manage-icon):not(.category-order-buttons){grid-column:4}.category-drag-handle{width:2.35rem;height:2.35rem}.category-order-buttons button{width:2.15rem;height:2.15rem}}
/* Dauerhafte Geräteanmeldung */
.persistent-login-option{display:flex!important;align-items:center;gap:.65rem;margin:.2rem 0 .45rem;font-weight:600}.persistent-login-option input{flex:0 0 1.2rem;width:1.2rem;height:1.2rem;margin:0;accent-color:var(--primary)}.persistent-device-card{grid-column:1/-1}.persistent-device-list{display:grid;gap:.65rem}.persistent-device{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 0;border-top:1px solid var(--border)}.persistent-device>span{display:grid;gap:.2rem}.persistent-device small{color:var(--muted)}.persistent-device form{margin:0}@media(max-width:600px){.persistent-device{align-items:stretch;flex-direction:column}.persistent-device button{width:100%}}
/* Benachrichtigungsruhezeit */
.notification-quiet-hours{display:grid;gap:.8rem;margin:1rem 0;padding:1rem;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.notification-quiet-hours legend{padding:0 .4rem;font-weight:800}.notification-quiet-time-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.notification-quiet-time-fields label{display:grid;gap:.35rem;color:var(--muted);font-size:.75rem;font-weight:700}.notification-quiet-time-fields input{width:100%;min-height:44px}.notification-device-timezone{display:block;color:var(--muted);font-size:.7rem}@media(max-width:480px){.notification-quiet-time-fields{grid-template-columns:1fr}}
.auth-help-link{display:block;margin-top:.8rem;text-align:center;color:var(--primary);font-weight:700}.account-settings form[action*="update_email"]::after{content:'Die Änderung wird erst nach Bestätigung des Links wirksam.';display:block;margin-top:.5rem;color:var(--muted);font-size:.7rem}