.quartett{min-height:100vh;padding:var(--space-4)}.quartett__header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) 0;margin-bottom:var(--space-6)}.quartett__title{font-size:var(--text-xl)}.quartett__nav{display:flex;gap:var(--space-3)}.opponent-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);max-width:720px;margin:var(--space-8) auto}@media(min-width:600px){.opponent-grid{grid-template-columns:repeat(3,1fr)}}.opponent-card{text-align:center;cursor:pointer;display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.opponent-card__name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700}.opponent-card__difficulty{font-size:var(--text-sm);color:var(--color-accent-aqua);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.opponent-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.play-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.play-area__cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);width:100%;max-width:640px}@media(max-width:599px){.play-area__cards{grid-template-columns:1fr}}@media(min-width:1024px){#screen-play:not([hidden]):has(#card-select:not([hidden])){display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);grid-template-areas:"score score" "select play";column-gap:var(--space-6);align-items:start}#screen-play:has(#card-select:not([hidden])) .scoreboard{grid-area:score}#screen-play:has(#card-select:not([hidden])) #card-select{grid-area:select;margin:0;max-width:none}#screen-play:has(#card-select:not([hidden])) .play-area{grid-area:play}}.scoreboard{display:flex;gap:var(--space-6);justify-content:center;align-items:center;padding:var(--space-3) var(--space-6);background:var(--color-bg-secondary);border-radius:var(--border-radius-md)}.scoreboard__item{text-align:center}.scoreboard__label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase}.scoreboard__value{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-accent-gold)}.mineral-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4);max-width:300px;margin:0 auto}.mineral-card__crystal{margin:var(--space-2) 0}.mineral-card__header{text-align:center}.mineral-card__name{font-size:var(--text-lg);margin-bottom:var(--space-1)}.mineral-card__type{font-size:var(--text-sm);color:var(--color-text-secondary)}.mineral-card__values{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.mineral-card__value{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid transparent;border-radius:var(--border-radius-sm);color:var(--color-text-primary);font-size:var(--text-sm);min-height:var(--touch-min);width:100%;text-align:left;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.mineral-card__value:not(:disabled){cursor:pointer}.mineral-card__value:not(:disabled):hover{border-color:var(--color-accent-purple);background:var(--color-bg-card-hover)}.mineral-card__value--highlight{border-color:var(--color-accent-gold);background:#ffc65c1a;box-shadow:var(--shadow-glow-gold)}.mineral-card__value-label{color:var(--color-text-secondary)}.mineral-card__value-number{font-family:var(--font-display);font-weight:700;color:var(--color-text-primary)}.mineral-card__minecraft{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);background:#3fe0d01a;border-radius:var(--border-radius-sm);color:var(--color-accent-aqua)}.mineral-card--hidden{display:flex;align-items:center;justify-content:center;min-height:300px;background:var(--color-bg-secondary);border:2px dashed var(--color-accent-purple-dim)}.mineral-card__back{text-align:center}.mineral-card__back-icon{display:block;font-size:var(--text-3xl);color:var(--color-accent-purple);margin-bottom:var(--space-2)}.mineral-card__back-text{color:var(--color-text-muted)}.duel{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);max-width:720px;margin:0 auto}.duel__header{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;padding:var(--space-3) var(--space-6);border-radius:var(--border-radius-md);text-align:center}.opponent-countdown{text-align:center;padding:var(--space-12) var(--space-4)}.opponent-countdown__text{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.opponent-countdown__number{display:block;font-family:var(--font-display);font-size:4rem;font-weight:700;color:var(--color-accent-purple);animation:pulse .8s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.duel__animation{position:relative;height:60px;width:100%;overflow:hidden;pointer-events:none}.duel__animation--stars .star{position:absolute;top:-20px;color:var(--color-accent-gold);animation:star-fall 1.5s ease-out forwards}@keyframes star-fall{0%{transform:translateY(0) rotate(0) scale(0);opacity:0}30%{opacity:1;transform:translateY(15px) rotate(90deg) scale(1.2)}to{transform:translateY(50px) rotate(180deg) scale(.8);opacity:0}}.duel__animation--rain .raindrop{position:absolute;top:-20px;font-size:14px;animation:rain-fall linear forwards}@keyframes rain-fall{0%{transform:translateY(0);opacity:.8}to{transform:translateY(80px);opacity:0}}@media(prefers-reduced-motion:reduce){.opponent-countdown__number{animation:none}.duel__animation--stars .star{animation:none;opacity:.7;top:20px}.duel__animation--rain .raindrop{animation:none;opacity:.5;top:30px}}.duel__header--won{color:var(--color-success)}.duel__header--lost{color:var(--color-error)}.duel__header--draw{color:var(--color-accent-gold)}.duel__cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);width:100%}@media(max-width:599px){.duel__cards{grid-template-columns:1fr}}.duel__card--winner{box-shadow:var(--shadow-glow-gold);border:2px solid var(--color-accent-gold)}.duel__pot-info{font-size:var(--text-sm);color:var(--color-accent-gold);font-weight:700}.duel__fact{background:var(--color-bg-secondary);padding:var(--space-4);border-radius:var(--border-radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;max-width:500px}.duel__continue{margin-top:var(--space-4)}.end-screen{text-align:center;padding:var(--space-16) var(--space-4)}.end__title{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.end__message{font-size:var(--text-lg);margin-bottom:var(--space-8)}.end__actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.duel__explanation{background:var(--color-bg-secondary);padding:var(--space-3) var(--space-4);border-radius:var(--border-radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;max-width:500px;line-height:1.5}#card-select{width:100%;max-width:720px;margin:0 auto}.card-select__title{font-family:var(--font-display);font-size:var(--text-lg);text-align:center;margin-bottom:var(--space-4);color:var(--color-text-primary)}.card-select__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3);max-height:60vh;overflow-y:auto;padding:var(--space-2)}.card-select__card{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3);background:var(--color-bg-card);border:2px solid transparent;border-radius:var(--border-radius-md);cursor:pointer;min-height:var(--touch-min);text-align:center;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.card-select__card:not(:disabled):hover{border-color:var(--color-accent-purple);background:var(--color-bg-card-hover)}.card-select__card--locked{opacity:.4;cursor:not-allowed}.card-select__name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-text-primary)}.card-select__type{font-size:var(--text-xs);color:var(--color-text-muted)}.card-select__lock{font-size:var(--text-xs);color:var(--color-error)}.opponent-card-area{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;background:var(--color-bg-secondary);border-radius:var(--border-radius-md);padding:var(--space-4);gap:var(--space-3)}.opponent-avatar{width:120px;height:160px;object-fit:contain}.opponent-avatar__name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-text-secondary);text-align:center}.opponent-card__avatar{object-fit:contain}#history{width:100%;max-width:720px;margin:var(--space-8) auto 0}#history[hidden]{display:none}.history__title{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-3);color:var(--color-text-secondary)}.history__table{width:100%;border-collapse:collapse;font-size:var(--text-sm);max-height:240px;display:block;overflow-y:auto}.history__table thead{position:sticky;top:0;background:var(--color-bg-secondary);z-index:1}.history__table th,.history__table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.history__table th{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.history__th-num{width:2rem}.history__num{color:var(--color-text-muted);font-size:var(--text-xs)}.history__card{color:var(--color-text-primary);line-height:1.4}.history__type{font-size:var(--text-xs);color:var(--color-text-muted)}.history__property{color:var(--color-text-secondary);white-space:nowrap}.history__result{font-weight:700;font-size:var(--text-base);text-align:center}.history__result--won{color:var(--color-success)}.history__result--lost{color:var(--color-error)}.history__result--draw{color:var(--color-accent-gold)}.lexicon{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg-primary);z-index:100;overflow-y:auto;padding:var(--space-4)}.lexicon[hidden]{display:none}.lexicon__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-3)}.lexicon__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-3)}.lexicon__tile{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-card);border:1px solid transparent;border-radius:var(--border-radius-md);cursor:pointer;transition:border-color var(--transition-fast);min-height:var(--touch-min)}.lexicon__tile:hover{border-color:var(--color-accent-purple)}.lexicon__tile-name{font-size:var(--text-xs);text-align:center;color:var(--color-text-secondary)}.lexicon--detail .lexicon__detail{display:grid;grid-template-columns:auto 1fr;gap:var(--space-8);max-width:700px;margin:0 auto}@media(max-width:599px){.lexicon--detail .lexicon__detail{grid-template-columns:1fr}}.lexicon__detail-crystal{display:flex;justify-content:center}.lexicon__detail-type{color:var(--color-text-muted);font-size:var(--text-sm)}.lexicon__detail-special{color:var(--color-accent-aqua);font-style:italic}.lexicon__detail-values{margin:var(--space-4) 0}.lexicon__detail-values dl{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1) var(--space-4);margin-bottom:var(--space-3)}.lexicon__detail-values dt{color:var(--color-text-secondary);font-size:var(--text-sm)}.lexicon__detail-values dd{font-family:var(--font-display);font-weight:700;font-size:var(--text-sm)}.lexicon__game-header{margin-top:var(--space-3)}.lexicon__detail-fact,.lexicon__detail-minecraft{font-size:var(--text-sm);padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--border-radius-sm);margin-top:var(--space-3)}.lexicon__detail-minecraft{border-left:3px solid var(--color-accent-aqua)}