*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0a0a0a}#app{display:block;width:100vw;height:100vh;cursor:grab;touch-action:none}#app:active{cursor:grabbing}#ui-root{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:Hiragino Sans,Yu Gothic,system-ui,sans-serif}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0806b8;pointer-events:auto}.panel{background:#1c1712;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:36px 44px;max-width:560px;width:90%;box-shadow:0 8px 40px #0000008c;color:#ece6d8}.title{font-size:28px;margin-bottom:8px;color:#ffd54a}.sub{color:#cfc7b3;margin-bottom:20px;line-height:1.6}.mode-list{display:flex;flex-direction:column;gap:10px}.mode-btn{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 18px;background:#2a2118;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ece6d8;font-size:16px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.mode-btn:hover{background:#3a2e1e;border-color:#ffd54a}.mode-label{font-weight:700}.mode-hint{color:#9c9484;font-size:13px}.rules-list{list-style:disc;padding-left:22px;margin-bottom:24px;line-height:1.9;color:#dcd6c6}.primary-btn,.secondary-btn{padding:12px 24px;font-size:15px;border-radius:8px;cursor:pointer;border:1px solid transparent}.primary-btn{background:#ffd54a;color:#1c1712;font-weight:700;border:none}.primary-btn:hover{background:#ffe27a}.secondary-btn{background:transparent;color:#ece6d8;border:1px solid rgba(255,255,255,.3)}.secondary-btn:hover{border-color:#ece6d8}.answer-form{display:flex;gap:12px;align-items:center}.answer-input{flex:1;padding:12px 14px;font-size:20px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#0f0c09;color:#ffd54a;text-align:right}.rank{font-size:26px;color:#ffd54a;margin-bottom:18px}.result-table{width:100%;border-collapse:collapse;margin-bottom:24px}.result-table th,.result-table td{text-align:left;padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.1)}.result-table th{color:#9c9484;font-weight:400}.result-table td{text-align:right;font-variant-numeric:tabular-nums}.btn-row{display:flex;gap:12px}.daily-toggle{display:flex;align-items:center;gap:8px;margin-bottom:18px;color:#cfc7b3;font-size:14px;cursor:pointer}.achievements-link{width:100%;margin-top:16px}.achievements-panel{max-width:620px}.achievement-list{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:24px;max-height:55vh;overflow-y:auto}.achievement-item{display:flex;justify-content:space-between;gap:16px;padding:10px 14px;border-radius:8px;background:#221b13;border:1px solid rgba(255,255,255,.08)}.achievement-item.unlocked .achievement-name{color:#ffd54a}.achievement-item.locked{opacity:.55}.achievement-name{font-weight:700;white-space:nowrap}.achievement-desc{color:#b6ae9c;font-size:13px;text-align:right}.result-panel{animation:result-pop .35s ease-out}@keyframes result-pop{0%{opacity:0;transform:scale(.94) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.achievement-toast{margin-top:4px;margin-bottom:20px;padding:12px 14px;border-radius:8px;background:#ffd54a1f;border:1px solid rgba(255,213,74,.4);animation:toast-glow 1.4s ease-in-out}.achievement-toast-title{color:#ffd54a;font-weight:700;margin-bottom:6px}.achievement-toast-item{color:#ece6d8;font-size:13px;line-height:1.6}@keyframes toast-glow{0%{box-shadow:0 0 #ffd54a00}30%{box-shadow:0 0 22px #ffd54a80}to{box-shadow:0 0 #ffd54a00}}