*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#f5f2ec;font-family:Courier New,Courier,monospace;color:#212131;min-height:100vh;display:flex;flex-direction:column;align-items:center}.site-header{width:100%;padding:24px 40px 20px;border-bottom:2px solid #212131;display:flex;align-items:baseline;gap:20px;flex-wrap:wrap}.site-back{font-family:"Press Start 2P",monospace;font-size:8px;color:#006060;text-decoration:none;letter-spacing:1px;opacity:.65;transition:opacity .1s;flex-shrink:0}.site-back:hover{opacity:1}.site-title{font-family:"Press Start 2P",monospace;font-size:clamp(10px,1.5vw,14px);color:#006060;letter-spacing:2px}.site-subtitle{font-size:11px;color:#4a4a6a;font-style:italic}main{width:100%;max-width:660px;padding:48px 32px 80px}.game-card{display:flex;flex-direction:column;gap:24px}.word-label{font-family:"Press Start 2P",monospace;font-size:7px;color:#4a4a6a;letter-spacing:2px;text-transform:uppercase}.dialect-word{font-family:"Press Start 2P",monospace;font-size:clamp(18px,5vw,32px);color:#212131;line-height:1.5;font-weight:400}.dialect-group{font-size:11px;color:#4a4a6a;font-style:italic}.input-area{display:flex;flex-direction:column;gap:10px}.guess-input{width:100%;padding:10px 12px;background:#fff;border:2px solid #212131;color:#212131;font-family:Courier New,Courier,monospace;font-size:16px;outline:none;transition:border-color .1s}.guess-input:focus{border-color:#006060}.guess-input::placeholder{color:#aaa8b8}.button-row{display:flex;gap:8px}.btn{font-family:"Press Start 2P",monospace;font-size:8px;letter-spacing:1px;padding:12px 16px;border:2px solid #212131;cursor:pointer;transition:background .1s,color .1s}.btn--primary{background:#006060;color:#f5f2ec;border-color:#006060}.btn--primary:hover{background:#044;border-color:#044}.btn--ghost{background:transparent;color:#4a4a6a;border-color:#212131}.btn--ghost:hover{background:#212131;color:#f5f2ec}.btn--full{width:100%;text-align:center}.feedback{padding:10px 14px;border:2px solid;font-size:12px}.feedback--correct{background:#00606012;color:#006060;border-color:#006060}.feedback--close{background:#b8960a14;color:#7a6200;border-color:#b8960a}.feedback--wrong{background:#8b00000f;color:#8b0000;border-color:#8b0000}.feedback--neutral{background:#4a4a6a12;color:#4a4a6a;border-color:#d4d0c8}.reveal-panel{display:flex;flex-direction:column;gap:18px;padding:24px;background:#fff;border:2px solid #212131}.translation-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.translation-label{font-family:"Press Start 2P",monospace;font-size:6px;letter-spacing:2px;text-transform:uppercase;color:#4a4a6a;white-space:nowrap}.translation-value{font-size:22px;font-weight:700;color:#212131}.example{font-style:italic;color:#4a4a6a;font-size:12px;padding-left:14px;border-left:3px solid #d4d0c8;line-height:1.7}.description{font-size:12px;line-height:1.85;color:#4a4a6a}.map-wrap{display:flex;flex-direction:column;gap:6px;border-top:1px solid #d4d0c8;padding-top:16px}.austria-map{width:100%;height:auto;display:block}.map-state{fill:#ece8e0;stroke:#c8c4bc;stroke-width:1.5;stroke-linejoin:round;transition:fill .3s ease}.map-state--active{fill:#006060;stroke:#044;stroke-width:1.5}.map-caption{font-family:"Press Start 2P",monospace;font-size:6px;letter-spacing:2px;color:#006060;text-transform:uppercase}.guesses-panel{border-top:2px solid #212131;padding-top:20px;display:flex;flex-direction:column;gap:10px}.guesses-label{font-family:"Press Start 2P",monospace;font-size:6px;letter-spacing:2px;text-transform:uppercase;color:#4a4a6a;display:flex;align-items:center;gap:8px}.guesses-count{border:1px solid #d4d0c8;padding:2px 6px;font-size:6px;color:#888;background:#f5f2ec}.guesses-list{list-style:none;display:flex;flex-wrap:wrap;gap:6px}.guess-chip{background:#f5f2ec;border:1px solid #d4d0c8;padding:4px 8px;font-size:11px;color:#4a4a6a}.filter-map-wrap{width:100%;cursor:pointer}.filter-map-wrap .map-state{transition:fill .15s ease}.filter-map-wrap .map-state:hover{fill:#d4d0c8}.region-chips{display:flex;flex-wrap:wrap;gap:8px}.region-chip{font-family:Courier New,Courier,monospace;font-size:11px;padding:6px 12px;border:2px solid #212131;background:transparent;color:#212131;cursor:pointer;transition:background .1s,color .1s}.region-chip:hover:not([disabled]){background:#212131;color:#f5f2ec}.region-chip--active{background:#006060;color:#f5f2ec;border-color:#006060}.region-chip--disabled{color:#c8c4bc;border-color:#c8c4bc;cursor:not-allowed}.region-coming-soon{font-size:10px;color:#aaa8b8;font-style:italic}.filter-footer{display:flex;gap:8px;align-items:center}.btn--active{background:#212131;color:#f5f2ec;border-color:#212131}.region-indicator-btn{font-family:"Press Start 2P",monospace;font-size:7px;letter-spacing:1px;padding:8px 12px;border:2px solid #d4d0c8;background:transparent;color:#4a4a6a;cursor:pointer;align-self:flex-start;transition:border-color .1s,color .1s}.region-indicator-btn:hover{border-color:#006060;color:#006060}@media (max-width: 500px){.site-header{padding:18px 20px 16px;flex-direction:column;gap:6px}main{padding:32px 20px 60px}.dialect-word{font-size:18px}.button-row{flex-direction:column}}