*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overflow:hidden}body{font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif;background:radial-gradient(1200px 800px at 70% 20%,#16283f,#070d18 55%,#04070d);color:#eef3f8}#globe-wrap{position:fixed;inset:0}#globe{width:100%;height:100%}#globe canvas{display:block}#topbar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:8px;padding:12px 16px;pointer-events:none}.brand{font-size:20px;font-weight:700;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.brand span{font-size:13px;font-weight:400;opacity:.75;margin-left:4px}#top-right{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;flex-shrink:0}.badge{background:#0d192bd1;border:1px solid rgba(140,180,255,.35);border-radius:999px;padding:4px 12px;font-size:13px;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.globe-label{pointer-events:none}.globe-label-inner{display:block;transform:translateY(-34px);font-size:13px;font-weight:700;color:#ffd166;white-space:nowrap;background:#09111ec7;border:1px solid rgba(255,209,102,.45);border-radius:999px;padding:2px 9px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.panel{position:fixed;z-index:30;left:50%;transform:translate(-50%);bottom:18px;width:min(560px,calc(100vw - 24px));background:#09111ee0;border:1px solid rgba(140,180,255,.25);border-radius:16px;padding:18px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 40px #00000080;max-height:62vh;overflow-y:auto}#home{top:50%;bottom:auto;transform:translate(-50%,-50%);text-align:center}#home h1{font-size:24px;margin:4px 0 10px;line-height:1.35}.sub{line-height:1.7;opacity:.92;margin:6px 0}.muted{opacity:.65}.small{font-size:13px}.hidden{display:none!important}.btn-col{display:flex;flex-direction:column;gap:10px;margin:16px 0 8px}.btn{appearance:none;border:1px solid rgba(140,180,255,.4);cursor:pointer;background:#1e345499;color:#eef3f8;font-size:16px;border-radius:12px;padding:12px 18px;width:100%;transition:background .15s,transform .1s}.btn:hover{background:#2e4c76bf}.btn:active{transform:scale(.985)}.btn.primary{background:#2f6fd0;border-color:#2f6fd0;font-weight:700}.btn.primary:hover{background:#3a7dde}.hud-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.tag{font-size:12px;border-radius:999px;padding:2px 10px;background:#8cb4ff29;border:1px solid rgba(140,180,255,.3)}.tag.hot{background:#ffa03c2e;border-color:#ffa03c80;color:#ffc37a}#q-clue{font-size:17px;line-height:1.65;margin:6px 0}.tier{font-size:20px;font-weight:800}#r-score{font-size:16px;color:#ffc37a;font-weight:700}.answer{font-size:18px;font-weight:700;margin:6px 0}#r-explain{line-height:1.65;opacity:.92}.big-score{font-size:44px;font-weight:800;margin:6px 0}.big-score .muted{font-size:20px;font-weight:400}.emojis{font-size:26px;letter-spacing:4px;margin:8px 0}#results h2{margin:2px 0 6px}@media(max-width:480px){#home h1{font-size:20px}.panel{bottom:10px;padding:14px 16px}#topbar{padding:10px}.brand{font-size:16px}.brand span{display:none}.badge{font-size:12px;padding:3px 9px}.globe-label-inner{font-size:12px;transform:translateY(-30px)}}