html{min-height:100%}body{min-height:100vh}:root{color:#f4f1e9;font-synthesis:none;background:#111720;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.app{width:100%;max-width:460px;min-height:100vh;margin:0 auto;padding:36px 20px}.header{text-align:center;margin-bottom:36px}.shield{color:#d4ae6e;margin-bottom:8px;font-size:38px}.header h1{color:#e5c58b;letter-spacing:5px;margin:0;font-size:36px}.header p{color:#8e98a8;letter-spacing:4px;margin-top:10px;font-size:11px}.player-info{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;font-size:12px;display:flex}.rank{color:#e5c58b;background:#293342;border-radius:6px;padding:8px 12px}.streak{color:#d4ae6e}.question-card{text-align:center;background:#222c3a;border:1px solid #364252;border-radius:16px;padding:24px}.question-meta{color:#a6b0bf;letter-spacing:1px;justify-content:space-between;gap:10px;font-size:11px;display:flex}.progress-track{background:#384454;border-radius:10px;height:6px;margin-top:18px;overflow:hidden}.progress-fill{background:#d4ae6e;height:100%;transition:width .25s}.question{margin:56px 0;font-size:42px;font-weight:600}form{flex-direction:column;gap:16px;display:flex}input{color:#fff;text-align:center;background:#18212d;border:1px solid #586579;border-radius:8px;width:100%;padding:16px;font-size:24px}input:focus{outline:2px solid #d4ae6e}button{color:#171b22;letter-spacing:1px;cursor:pointer;background:#d4ae6e;border:none;border-radius:8px;width:100%;padding:16px;font-size:14px;font-weight:700}button:hover{background:#e5c58b}.feedback{margin:0;font-size:14px}.correct{color:#80d6a3}.incorrect{color:#ff9a91}.stats{text-align:center;justify-content:space-around;margin-top:30px;display:flex}.stats div{flex-direction:column;gap:8px;display:flex}.stats strong{color:#e5c58b;font-size:24px}.stats span{color:#8994a4;letter-spacing:1px;font-size:10px}.results .eyebrow{color:#d4ae6e;letter-spacing:2px;font-size:12px}.results h2{font-size:30px}.final-score{color:#e5c58b;margin:30px 0;font-size:52px;font-weight:700}.results button{margin-top:25px}@media (width<=400px){.app{padding:24px 14px}.question-card{padding:18px}.header h1{font-size:30px}}.guild-progress{margin-bottom:22px}.guild-progress-label{color:#d4ae6e;justify-content:space-between;gap:12px;font-size:12px;display:flex}.guild-progress .progress-track{margin-top:10px}.xp-earned{color:#e5c58b;margin:24px 0;font-size:22px;font-weight:700}.training-grounds{background:#222c3a;border:1px solid #364252;border-radius:16px;padding:24px}.training-grounds h2{color:#e5c58b;letter-spacing:2px;margin-top:0;font-size:20px}.section-description{color:#a6b0bf;margin-bottom:30px;font-size:14px}.training-grounds h3{color:#d4ae6e;letter-spacing:2px;margin:25px 0 15px;font-size:12px}.discipline-list{flex-direction:column;gap:10px;display:flex}.discipline-card{color:#f4f1e9;text-align:left;letter-spacing:normal;background:#293342;border:1px solid #364252;align-items:center;gap:16px;padding:16px;display:flex}.discipline-card.selected{background:#354052;border-color:#d4ae6e}.discipline-symbol{color:#e5c58b;background:#1a2330;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:25px;display:flex}.discipline-info{flex-direction:column;gap:5px;display:flex}.discipline-info small{color:#a6b0bf;font-size:12px;font-weight:400}.difficulty-options{gap:8px;display:flex}.difficulty-options button{color:#a6b0bf;text-transform:capitalize;letter-spacing:0;background:#293342;border:1px solid #364252;flex:1;padding:12px 5px;font-size:11px}.difficulty-options button.selected{color:#171b22;background:#d4ae6e;border-color:#d4ae6e}.start-trial{margin-top:30px}.secondary-button{color:#e5c58b;background:0 0;border:1px solid #d4ae6e;margin-top:12px}.secondary-button:hover{background:#354052}.guild-hall h3{color:#e5c58b;margin-top:28px;margin-bottom:14px}.guild-ranks{flex-direction:column;gap:12px;margin:20px 0;display:flex}.guild-rank{text-align:left;border:1px solid #435064;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.guild-rank.unlocked{color:#e5c58b;border-color:#d4ae6e}.guild-rank.locked{opacity:.55}.guild-stats{margin-bottom:28px}.guild-stats p{margin:10px 0}.training-mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.training-mode-options button{color:#f5f5f5;cursor:pointer;text-align:left;background:#222d3d;border:1px solid #435064;border-radius:10px;flex-direction:column;gap:8px;padding:18px 14px;display:flex}.training-mode-options button.selected{background:#30394a;border-color:#d4ae6e}.training-mode-options button strong{color:#e5c58b}.training-mode-options button small{color:#b5c0ce;line-height:1.5}@media (width<=480px){.training-mode-options{grid-template-columns:1fr}}.trial-duration{color:#e5c58b;font-weight:600}.new-personal-best{color:#e5c58b;text-align:center;letter-spacing:1px;font-size:1.4rem;font-weight:700}.personal-records{flex-direction:column;gap:12px;margin:20px 0 28px;display:flex}.personal-record{text-align:left;border:1px solid #435064;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.record-details,.record-time{flex-direction:column;gap:6px;display:flex}.record-details strong,.record-time strong{color:#e5c58b}.record-details span,.record-time small{color:#b5c0ce;font-size:.85rem}.record-time{text-align:right}.training-history{text-align:center}.history-list{flex-direction:column;gap:12px;margin:28px 0 36px;display:flex}.history-item{text-align:left;background-color:#222d3d;border:1px solid #435064;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.history-details,.history-results{flex-direction:column;gap:6px;display:flex}.history-details strong,.history-results strong{color:#e5c58b;font-size:1.1rem}.history-details span,.history-results span{color:#b5c0ce;font-size:.9rem}.history-details small,.history-results small{color:#95a3b7;font-size:.8rem}.history-results{text-align:right;flex-shrink:0}@media (width<=480px){.history-item{gap:10px;padding:12px}.history-details strong,.history-results strong{font-size:1rem}.history-details span,.history-results span{font-size:.8rem}}