.screen-inner{width:100%;max-width:480px;margin:0 auto;padding:5rem 1.2rem 4rem;display:flex;flex-direction:column;align-items:center;gap:1.4rem}.game-logo{text-align:center}.logo-sub{font-size:clamp(.8rem,3vw,1rem);color:var(--gold);letter-spacing:.3em;text-shadow:0 0 16px rgba(212,160,23,.5);margin-bottom:.3rem}.logo-main{font-size:clamp(1.8rem,7vw,2.8rem);font-weight:900;color:#fff;text-shadow:0 0 30px rgba(139,0,0,.8),0 3px 6px rgba(0,0,0,.9);line-height:1.1;margin-bottom:.5rem}.logo-desc{font-size:clamp(.8rem,3vw,.95rem);color:#f0e6d380;letter-spacing:.08em;margin-top:.6rem}.rules-box{width:100%;background:var(--surface);border:1px solid rgba(139,0,0,.25);border-radius:10px;padding:.9rem 1.1rem;display:flex;flex-direction:column;gap:.5rem}.rule-item{font-size:.82rem;color:#f0e6d399;line-height:1.4}.rule-max{color:var(--gold);font-weight:700}.top-section{width:100%;background:var(--surface);border:1px solid rgba(139,0,0,.2);border-radius:10px;padding:.9rem 1.1rem;display:flex;flex-direction:column;gap:.5rem}.top-title{font-size:.85rem;font-weight:700;color:var(--gold)}#game{padding:0}.game-layout{padding:1rem 1.2rem 2rem;min-height:100svh;justify-content:flex-start;gap:.8rem}.game-header{width:100%;display:flex;justify-content:space-between;align-items:center}.round-badge{font-size:1rem;font-weight:900;color:#fff}.round-total{font-size:.8rem;color:#f0e6d366}.score-badge{display:flex;align-items:center;gap:.4rem;font-size:1.1rem;font-weight:900;color:var(--gold)}.score-label-sm{font-size:.7rem;color:#f0e6d366;font-weight:400}.timer-wrap{width:100%;height:6px;background:#8b000033;border-radius:3px;overflow:hidden}.timer-bar{height:100%;background:linear-gradient(90deg,#8b0000,#d4a017);border-radius:3px;transition:width .1s linear,background .3s}.timer-bar.danger{background:linear-gradient(90deg,#c00,#f44)}.timer-text{font-size:.85rem;color:#f0e6d380;text-align:right;width:100%;margin-top:-.3rem}.question-label{font-size:.9rem;font-weight:700;color:#f0e6d38c;letter-spacing:.08em;text-align:center}.palette-card{width:100%;background:var(--surface);border:1px solid rgba(139,0,0,.25);border-radius:16px;padding:1.2rem;box-shadow:0 4px 24px #0006}.palette-display{width:100%;height:120px;border-radius:10px;overflow:hidden;display:flex}.palette-swatch{transition:flex .25s ease}.result-reveal{width:100%;text-align:center;font-size:.95rem;font-weight:700;border-radius:8px;padding:.55rem 1rem;opacity:0;pointer-events:none;transition:opacity .2s;min-height:2.2rem}.result-reveal.show{opacity:1}.result-reveal.correct{color:#50d080;background:#32b4501a;border:1px solid rgba(50,180,80,.3)}.result-reveal.wrong{color:#ff8080;background:#8b000026;border:1px solid rgba(139,0,0,.35)}.choices-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.choice-btn{padding:.85rem .6rem;background:var(--surface);border:1.5px solid rgba(139,0,0,.3);border-radius:10px;color:var(--text);font-size:clamp(.8rem,2.8vw,.92rem);font-family:inherit;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s,transform .1s;line-height:1.3;text-align:center}.choice-btn:hover:not(:disabled){border-color:var(--gold);background:#d4a01714;transform:translateY(-2px)}.choice-btn:disabled{cursor:default}.choice-btn:focus{outline:none}.choice-btn:focus-visible{outline:2px solid rgba(212,160,23,.4)}.choice-btn.correct-ans{border-color:#50d080!important;background:#32b45026!important;color:#50d080}.choice-btn.wrong-ans{border-color:#8b0000b3!important;background:#8b000033!important;color:#ff6060}.result-header{width:100%;text-align:center}.result-title{font-size:.9rem;font-weight:700;color:var(--gold);letter-spacing:.15em;margin-bottom:.5rem}.result-score-wrap{display:flex;align-items:baseline;justify-content:center;gap:.4rem}.final-score{font-size:clamp(2.5rem,10vw,4rem);font-weight:900;color:#fff;text-shadow:0 0 30px rgba(212,160,23,.6)}.final-score-max{font-size:.85rem;color:#f0e6d359}.top-pct-area{margin-top:.5rem;font-size:.9rem;color:#f0e6d399}.top-pct-num{color:var(--gold);font-weight:900;font-size:1.2rem}.round-summary{width:100%;display:flex;flex-direction:column;gap:.4rem}.summary-item{display:grid;grid-template-columns:1.6rem 48px 1fr auto;align-items:center;gap:.6rem;padding:.5rem .7rem;border-radius:8px;background:var(--surface);border-left:3px solid transparent;animation:fadeUp .3s both}.summary-item.correct{border-left-color:#50d080}.summary-item.wrong{border-left-color:#8b000080}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.summary-num{text-align:center;font-size:.8rem;color:#f0e6d359}.summary-palette{display:flex;height:20px;border-radius:4px;overflow:hidden}.summary-palette span{flex:1}.summary-name{font-size:.85rem;font-weight:700;color:#fff}.summary-score{font-size:.82rem;font-weight:700;color:#50d080;text-align:right}.summary-score.zero{color:#f0e6d34d}.save-section{width:100%;background:var(--surface);border:1px solid rgba(139,0,0,.2);border-radius:10px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.6rem}.save-label{font-size:.85rem;font-weight:700;color:var(--gold)}.save-row{display:grid;grid-template-columns:1fr auto;gap:.5rem}.nickname-input{padding:.65rem .9rem;background:#0000004d;border:1.5px solid rgba(139,0,0,.3);border-radius:8px;color:var(--text);font-size:.9rem;font-family:inherit}.nickname-input:focus{outline:none;border-color:var(--gold)}.btn-save{background:linear-gradient(135deg,#8b0000,#c02020);padding:.65rem 1.2rem}.save-result{font-size:.8rem;color:#f0e6d373}.save-result.ok,.save-result.success{color:#50d080}.save-result.error{color:#ff6060}.leaderboard-section{width:100%;background:var(--surface);border:1px solid rgba(139,0,0,.2);border-radius:10px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.5rem}.lb-title{font-size:.95rem;font-weight:700;color:#fff;letter-spacing:.05em}.lb-list{display:flex;flex-direction:column;gap:.3rem}.lb-item{display:grid;grid-template-columns:2rem 1fr auto;align-items:center;gap:.5rem;padding:.45rem .5rem;border-radius:6px;background:#0003;font-size:.85rem}.lb-item.lb-me{background:#d4a0171a;border:1px solid rgba(212,160,23,.3)}.lb-rank{text-align:center;font-weight:900}.lb-nick{color:#f0e6d3cc}.lb-score{color:var(--gold);font-weight:700}.lb-loading{font-size:.82rem;color:#f0e6d359;text-align:center;padding:.5rem 0}.btn-share{width:100%;background:linear-gradient(135deg,#1a4a1a,#2a7a2a);border:1.5px solid rgba(50,160,50,.4);color:#90e890;font-size:.92rem}.btn-share:hover{background:linear-gradient(135deg,#1e5a1e,#349034)}.btn-secondary{width:100%;background:transparent;border:1.5px solid rgba(240,230,211,.2);color:#f0e6d399}.btn-secondary:hover{border-color:#d4a01780;color:var(--gold)}