.sg{--sg-bg:#fff9ef;--sg-card:#fff;--sg-ink:#23264b;--sg-mut:#8a8da8;--sg-coral:#eb6a35;--sg-teal:#30b0b6;--sg-gold:#fdc652;--sg-blue:#4a7dff;--sg-line:rgba(35,38,75,.16);--sg-ok-bg:#e2f8f4;--sg-no-bg:#fde8dc;--sg-no:#b4451c;background:var(--sg-bg);color:var(--sg-ink);font-family:-apple-system,Segoe UI,PingFang TC,Microsoft JhengHei,Noto Sans TC,sans-serif;font-size:14px;line-height:1.55}.sg .sg-mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,Cascadia Mono,Consolas,monospace}.sg .sg-card{background:var(--sg-card);border:2px solid var(--sg-ink);border-radius:14px;box-shadow:2.5px 2.5px rgba(35,38,75,.12)}.sg .sg-btn{border:2px solid var(--sg-ink);cursor:pointer;color:var(--sg-ink);text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#fff;border-radius:12px;padding:8px 14px;font-size:13.5px;font-weight:900;display:inline-block;box-shadow:2px 2px rgba(35,38,75,.18)}.sg .sg-btn:active{transform:translate(2px,2px);box-shadow:0 0 rgba(35,38,75,.18)}.sg .sg-btn:disabled{opacity:.45;pointer-events:none}.sg .sg-btn-coral{background:var(--sg-coral);color:#fff}.sg .sg-btn-teal{background:var(--sg-teal);color:#fff}.sg .sg-btn-gold{background:var(--sg-gold)}.sg .sg-btn-big{letter-spacing:.06em;border-radius:14px;width:100%;padding:12px 0;font-size:16px;display:block}.sg .sg-pill{border:1.5px solid var(--sg-line);border-radius:999px;padding:1px 8px;font-size:10.5px;font-weight:800;display:inline-block}.sg .sg-pill-hot{border-color:var(--sg-coral);color:var(--sg-coral)}.sg .sg-pill-gold{background:var(--sg-gold);border-color:var(--sg-ink);color:var(--sg-ink)}.sg .sg-bar{border:1.5px solid var(--sg-ink);background:#fff;border-radius:99px;height:8px;overflow:hidden}.sg .sg-bar>i{background:var(--sg-teal);height:100%;display:block}.sg .sg-hint{color:var(--sg-mut);font-size:10.5px;font-weight:700}.sg .sg-sect{letter-spacing:.12em;color:var(--sg-mut);font-size:10.5px;font-weight:800}.sg .sg-input{border:2px solid var(--sg-ink);width:100%;color:var(--sg-ink);background:#fff;border-radius:10px;padding:8px 10px;font-size:14.5px;font-weight:700}.sg .sg-input:focus{outline:2px solid var(--sg-teal);outline-offset:1px}.sg .sg-dim{z-index:50;background:rgba(35,38,75,.45);justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sg .sg-cmodal{background:var(--sg-card);border:2.5px solid var(--sg-ink);border-radius:20px;width:100%;max-width:400px;padding:16px 14px;animation:.18s ease-out sg-pop;box-shadow:4px 4px rgba(35,38,75,.28)}.sg .sg-dim-sheet{z-index:50;background:rgba(35,38,75,.45);justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sg .sg-rmodal{background:var(--sg-bg);border-top:2.5px solid var(--sg-ink);border-radius:22px 22px 0 0;flex-direction:column;gap:9px;width:100%;max-width:560px;max-height:92dvh;padding:14px 13px 18px;animation:.22s ease-out sg-slide-up;display:flex;overflow-y:auto}.sg .sg-x{border:2px solid var(--sg-ink);cursor:pointer;background:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-weight:900;display:flex}.sg .sg-nav{border-top:2px solid var(--sg-line);background:var(--sg-card);z-index:10;margin-top:auto;display:flex;position:-webkit-sticky;position:sticky;bottom:0}.sg .sg-nav a,.sg .sg-nav button{text-align:center;color:var(--sg-mut);cursor:pointer;flex:1;padding:8px 0 10px;font-size:10.5px;font-weight:800}.sg .sg-nav .sg-nav-ic{font-size:17px;display:block}.sg .sg-nav .is-on{color:var(--sg-coral)}.sg .sg-nav .is-disabled{opacity:.5;cursor:default}.sg .sg-pbar{border:2px solid var(--sg-ink);background:#fff;border-radius:99px;flex:1;height:12px;overflow:hidden}.sg .sg-pbar>i{background:var(--sg-teal);height:100%;transition:width .25s ease-out;display:block}.sg .sg-qcard{text-align:center;flex-direction:column;justify-content:center;min-height:150px;padding:14px;display:flex}.sg .sg-opt{cursor:pointer;text-align:left;align-items:center;gap:9px;width:100%;padding:10px 12px;font-size:14.5px;font-weight:800;display:flex}.sg .sg-opt .sg-opt-k{border:2px solid var(--sg-ink);background:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:flex}.sg .sg-opt{position:relative}.sg .sg-opt.is-picked{background:var(--sg-ok-bg);border-color:var(--sg-teal)}.sg .sg-opt.is-picked .sg-opt-k{background:var(--sg-teal);border-color:var(--sg-teal);color:#fff}.sg .sg-opt:disabled{cursor:default}.sg .sg-opt.is-right{background:var(--sg-ok-bg);border-color:var(--sg-teal)}.sg .sg-opt.is-right .sg-opt-k{background:var(--sg-teal);border-color:var(--sg-teal);color:#fff}.sg .sg-opt.is-wrong{background:var(--sg-no-bg);border-color:var(--sg-no);animation:.3s ease-in-out sg-shake}.sg .sg-opt.is-wrong .sg-opt-k{background:var(--sg-no);border-color:var(--sg-no);color:#fff}.sg .sg-opt.is-answer{border-color:var(--sg-teal);box-shadow:0 0 0 2.5px var(--sg-ok-bg)}.sg .sg-plusf{color:var(--sg-coral);pointer-events:none;font-size:15px;font-weight:900;animation:.8s ease-out forwards sg-floatup;position:absolute;top:50%;right:12px}.sg .sg-combo-bump{animation:.32s cubic-bezier(.34,1.56,.64,1) sg-bump}.sg .sg-slots{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.sg .sg-slot{border:2px solid var(--sg-ink);text-transform:uppercase;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:44px;font-size:20px;font-weight:900;display:flex}.sg .sg-slot.is-filled{background:#eef9f8}.sg .sg-slot.is-right{background:var(--sg-ok-bg);border-color:var(--sg-teal)}.sg .sg-slot.is-wrong{background:var(--sg-no-bg);border-color:var(--sg-no);animation:.3s ease-in-out sg-shake}.sg .sg-tiles{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.sg .sg-tile{border:2px solid var(--sg-ink);text-transform:uppercase;cursor:pointer;background:#fff;border-radius:11px;min-width:40px;height:46px;padding:0 8px;font-size:19px;font-weight:900;box-shadow:2px 2px rgba(35,38,75,.18)}.sg .sg-tile:active{transform:translate(2px,2px);box-shadow:0 0 rgba(35,38,75,.18)}.sg .sg-tile:disabled{opacity:.3;pointer-events:none}.sg .sg-ltr-ok{color:var(--sg-teal);font-weight:900}.sg .sg-ltr-bad{color:var(--sg-no);font-weight:900;text-decoration:underline}.sg .sg-coach{background:var(--sg-blue);color:#fff;border:2px solid var(--sg-ink);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:8px;padding:7px 11px;font-size:11.5px;font-weight:800;display:flex}.sg .sg-qa{border-bottom:1px dashed var(--sg-line);align-items:flex-start;gap:8px;padding:5px 0;font-size:12.5px;font-weight:800;display:flex}.sg .sg-qa:last-child{border-bottom:0}.sg .sg-flag{border:1.5px solid var(--sg-coral);color:var(--sg-coral);cursor:pointer;background:#fff;border-radius:8px;padding:0 6px;font-size:10px;font-weight:800}.sg .sg-zone{padding:10px 12px}.sg .sg-zone h5{letter-spacing:.1em;color:var(--sg-mut);margin:0 0 6px;font-size:10.5px;font-weight:800}.sg .sg-seg{gap:6px;display:flex}.sg .sg-seg button{border:2px solid var(--sg-line);color:var(--sg-mut);cursor:pointer;background:#fff;border-radius:10px;flex:1;padding:5px 0;font-size:12px;font-weight:800}.sg .sg-seg button.is-on{border-color:var(--sg-ink);color:var(--sg-ink);background:var(--sg-gold)}.sg .sg-podium{justify-content:center;align-items:flex-end;gap:10px;padding-top:30px;display:flex}.sg .sg-pod{text-align:center;width:92px}.sg .sg-pod-avwrap{display:inline-block;position:relative}.sg .sg-pod-av{border:2px solid var(--sg-ink);background:#fff;border-radius:50%;width:50px;height:50px;display:block}.sg .sg-pod.is-gold .sg-pod-av{width:62px;height:62px}.sg .sg-pod-crown{width:36px;position:absolute;top:-26px;left:50%;transform:translate(-50%)}.sg .sg-pod-medal{width:22px;position:absolute;bottom:-4px;right:-8px}.sg .sg-pod-nick{text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:12px;font-weight:900;overflow:hidden}.sg .sg-pod-base{border:2px solid var(--sg-ink);background:#fff;border-radius:10px 10px 6px 6px;justify-content:center;align-items:flex-start;margin-top:5px;padding-top:3px;font-size:15px;font-weight:900;display:flex;box-shadow:2px 2px rgba(35,38,75,.12)}.sg .sg-pod.is-gold .sg-pod-base{background:var(--sg-gold);height:58px}.sg .sg-pod.is-silver .sg-pod-base{background:#e9ecf5;height:44px}.sg .sg-pod.is-bronze .sg-pod-base{background:#f5e3d4;height:36px}.sg .sg-rowrank{align-items:center;gap:9px;padding:7px 11px;font-size:13px;font-weight:800;display:flex}.sg .sg-rowrank img{border:1.5px solid var(--sg-ink);border-radius:50%;width:30px;height:30px}.sg .sg-rowrank .sg-rowpt{margin-left:auto}.sg .sg-rowrank.is-me{border-color:var(--sg-coral);background:#fff3ec}.sg .sg-conf{pointer-events:none;z-index:60;border-radius:2px;width:7px;height:10px;animation:.9s ease-in forwards sg-confb;position:absolute}@keyframes sg-confb{0%{opacity:1;transform:translate(0)rotate(0)}40%{transform:translate(calc(var(--dx)*.55),var(--dy))rotate(160deg);opacity:1}to{transform:translate(var(--dx),140px)rotate(var(--rot));opacity:0}}@keyframes sg-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes sg-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes sg-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes sg-floatup{0%{opacity:0;transform:translateY(-50%)}20%{opacity:1}to{opacity:0;transform:translateY(-50%)translateY(-26px)}}@keyframes sg-bump{0%{transform:scale(1)}45%{transform:scale(1.28)}to{transform:scale(1)}}@keyframes sg-bounce-in{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}.sg .sg-bounce-in{animation:.5s cubic-bezier(.34,1.56,.64,1) both sg-bounce-in}@media (prefers-reduced-motion:reduce){.sg *,.sg :before,.sg :after{transition:none!important;animation:none!important}}