.gb{--gb-bg: #f4eee2;--gb-floor: #ebe2cf;--gb-surface: #fffdf8;--gb-surface-2: #f8f3e8;--gb-ink: #1c1a24;--gb-muted: #5d5869;--gb-line: #ded4bf;--gb-accent: var(--line, #ff5e78);--gb-accent-ink: var(--line-text, #b0233d);--gb-on-accent: var(--line-on, #1c1a24);--gb-gold: #f2b52b;--gb-gold-ink: #8a5a00;--gb-gold-soft: #fff1c9;--gb-good: #12825a;--gb-good-soft: #dcf3e8;--gb-bad: #c42747;--gb-bad-soft: #ffe1e6;--gb-o: #2459c4;--gb-dot: #2c2838;--gb-dot-out: #d6ccb6;--gb-shadow: 0 1px 0 #ffffff inset, 0 10px 30px -18px rgba(60, 40, 10, .35);--gb-board-frame: #2a2735;--gb-pen: #d4213d;--gb-ease-out: cubic-bezier(.16, 1, .3, 1);--gb-ko: "Pretendard", "Noto Sans KR", "Be Vietnam Pro", system-ui, sans-serif;--gb-vi: "Be Vietnam Pro", "Pretendard", system-ui, sans-serif;--gb-radius: 20px;min-height:100dvh;background:repeating-linear-gradient(90deg,transparent 0 63px,color-mix(in srgb,var(--gb-floor) 70%,transparent) 63px 64px),linear-gradient(180deg,var(--gb-bg),var(--gb-floor));color:var(--gb-ink);font-family:var(--gb-vi);-webkit-tap-highlight-color:transparent}:root[data-theme=dark] .gb{--gb-bg: #0f0d17;--gb-floor: #17142a;--gb-surface: #1c1928;--gb-surface-2: #242034;--gb-ink: #f5f1e8;--gb-muted: #aca6bd;--gb-line: #332f44;--gb-gold: #ffc94a;--gb-gold-ink: #ffd773;--gb-gold-soft: #3a2f12;--gb-good: #4fd69c;--gb-good-soft: #123527;--gb-bad: #ff7d92;--gb-bad-soft: #3d1621;--gb-o: #79acff;--gb-dot: #ebe6f6;--gb-dot-out: #2d293d;--gb-shadow: 0 0 0 1px #ffffff0d inset, 0 18px 40px -24px rgba(0, 0, 0, .8);--gb-board-frame: #4a4560;--gb-pen: #ff6b80;background:radial-gradient(120% 60% at 50% -10%,#3a2a5c 0%,transparent 60%),linear-gradient(180deg,var(--gb-bg),var(--gb-floor))}.gb ::-moz-selection{background:color-mix(in srgb,var(--gb-accent) 34%,transparent);color:var(--gb-ink)}.gb ::selection{background:color-mix(in srgb,var(--gb-accent) 34%,transparent);color:var(--gb-ink)}.gb *:focus-visible{outline:3px solid var(--pl-exit, #ffd200);outline-offset:2px;box-shadow:none}.gb [tabindex="-1"]:focus,.gb [tabindex="-1"]:focus-visible{outline:none;box-shadow:none}.gb-ko{font-family:var(--gb-ko);word-break:keep-all;overflow-wrap:anywhere}.gb-num{font-variant-numeric:tabular-nums;font-weight:800}.gb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.gb-icon-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:var(--gb-ink)}.gb-icon-btn:hover{background:var(--gb-surface-2)}.gb-icon-btn[aria-pressed=true]{color:var(--gb-accent-ink)}.gb-stage{max-width:1120px;margin:0 auto;padding:12px 16px 32px}.gb.has-sheet .gb-stage{padding-bottom:62vh}.gb-play{display:flex;flex-direction:column;gap:12px;min-width:0}@media (min-width: 900px){.gb-stage{display:grid;grid-template-columns:320px minmax(0,1fr);gap:32px;align-items:start;padding-top:24px}.gb-stage.is-solo{grid-template-columns:minmax(0,760px);justify-content:center}.gb-side{position:sticky;top:80px}.gb.has-sheet .gb-stage{padding-bottom:48vh}}.gb-arena{margin:0;padding:12px;border-radius:var(--gb-radius);background:var(--gb-surface);box-shadow:var(--gb-shadow);border:1px solid var(--gb-line)}.gb-arena__grid{display:grid;grid-template-columns:repeat(20,1fr);gap:5px}.gb-arena--intro .gb-arena__grid{gap:6px}@media (max-width: 899px){.gb-arena--play{padding:8px 10px}.gb-arena--play .gb-arena__grid{gap:3px;max-width:300px;margin:0 auto}.gb-arena--play .gb-arena__cap{margin-top:6px;font-size:.85rem}}@media (min-width: 900px){.gb-arena__grid{grid-template-columns:repeat(10,1fr);gap:9px}.gb-arena{padding:18px}}.gb-dot{--ring: var(--ring-m, 0);--row: var(--row-m, 0);--col: var(--col-m, 0);--step: 24ms;display:block;aspect-ratio:1;border-radius:50%;background:var(--gb-dot);transition:background-color .3s ease,transform .3s var(--gb-ease-out)}@media (min-width: 900px){.gb-dot{--ring: var(--ring-d, 0);--row: var(--row-d, 0);--col: var(--col-d, 0);--step: 55ms}}.gb-arena.is-reveal .gb-dot.is-raise{animation:gb-board-up .52s var(--gb-ease-out) calc(var(--ring) * var(--step)) both}.gb-arena.is-reveal .gb-dot.is-leaving{animation:gb-sit-down 1.15s var(--gb-ease-out) calc(var(--ring) * var(--step)) both}@keyframes gb-board-up{0%,to{border-radius:50%;transform:none}38%{border-radius:22%;transform:translateY(-3px) scale(1.28)}}@keyframes gb-sit-down{0%{background:var(--gb-dot);border-radius:50%;transform:none}26%{background:var(--gb-dot);border-radius:22%;transform:translateY(-3px) scale(1.28)}44%{background:var(--gb-bad);border-radius:22%;transform:translateY(-3px) scale(1.28)}70%{background:var(--gb-bad);border-radius:50%;transform:scale(.9)}to{background:var(--gb-dot-out);border-radius:50%;transform:scale(.45)}}.gb-arena--intro .gb-dot{--seat-row: 55ms;animation:gb-seat .42s var(--gb-ease-out) calc(var(--row) * var(--seat-row) + var(--col) * 9ms) both}@media (min-width: 900px){.gb-arena--intro .gb-dot{--seat-row: 32ms}}.gb-arena--intro .gb-dot--me{animation:gb-seat-me .55s var(--gb-ease-out) .62s both,gb-pulse 2.4s ease-in-out 1.3s infinite}@keyframes gb-seat{0%{opacity:0;transform:translateY(8px) scale(.5)}}@keyframes gb-seat-me{0%{opacity:0;transform:translateY(-14px) scale(2.1)}}.gb-dot.is-out{background:var(--gb-dot-out);transform:scale(.45)}.gb-dot--me{background:var(--gb-accent);box-shadow:0 0 0 2px var(--gb-surface),0 0 0 4px var(--gb-accent);transform:scale(1.15);transition-delay:0ms;position:relative;z-index:1}.gb-arena--play .gb-dot--me.is-alive:not(.is-revived){animation:gb-pulse 2.4s ease-in-out infinite}.gb-dot--me.is-down{background:var(--gb-dot-out);box-shadow:0 0 0 2px var(--gb-surface),0 0 0 4px var(--gb-accent);transform:scale(.8);animation:gb-me-down .6s var(--gb-ease-out) both}@keyframes gb-me-down{0%{background:var(--gb-bad);transform:translateY(-3px) scale(1.4)}40%{background:var(--gb-bad)}}.gb-dot--me.is-revived{animation:gb-revive .7s var(--gb-ease-out) both}.gb-dot--me.is-revived:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--gb-gold);animation:gb-ring-out .9s var(--gb-ease-out) both;pointer-events:none}@keyframes gb-revive{0%{background:var(--gb-gold);transform:scale(.5)}}@keyframes gb-ring-out{0%{transform:scale(.8);opacity:1}to{transform:scale(3.6);opacity:0}}.gb-dot--me.is-spectator{background:transparent;box-shadow:0 0 0 2px var(--gb-muted);outline:2px dashed var(--gb-muted);outline-offset:1px;transform:scale(.7)}.gb-dot--me.is-winner{background:var(--gb-gold);box-shadow:0 0 0 2px var(--gb-surface),0 0 0 4px var(--gb-gold),0 0 18px 4px color-mix(in srgb,var(--gb-gold) 60%,transparent);transform:scale(1.35)}@keyframes gb-pulse{0%,to{box-shadow:0 0 0 2px var(--gb-surface),0 0 0 4px var(--gb-accent)}50%{box-shadow:0 0 0 2px var(--gb-surface),0 0 0 7px color-mix(in srgb,var(--gb-accent) 45%,transparent)}}.gb-arena__cap{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:.92rem;color:var(--gb-muted)}.gb-arena__cap b{color:var(--gb-ink);font-size:1.15rem}.gb-arena__legend{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600}.gb-arena__legend .gb-dot{width:10px;animation:none!important}.gb-arena__legend .gb-dot:after{display:none}.gb-arena{view-transition-name:gb-arena}::view-transition-group(gb-arena){animation-duration:.45s;animation-timing-function:cubic-bezier(.16,1,.3,1)}.gb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:var(--pl-radius, 8px);font-weight:700;font-size:1rem;color:var(--gb-ink);background:var(--gb-surface);border:1.5px solid var(--gb-line);text-decoration:none;transition:transform .12s ease,background-color .2s ease,border-color .2s ease}.gb-btn:hover{border-color:var(--gb-ink)}.gb-btn:active{transform:translateY(1px) scale(.99)}.gb-btn:disabled{opacity:.45;cursor:not-allowed}.gb-btn--primary{background:var(--gb-accent);border-color:var(--gb-accent);color:var(--gb-on-accent);font-weight:800}.gb-btn--primary:hover{border-color:var(--gb-ink)}.gb-btn--gold{background:var(--gb-gold);border-color:var(--gb-gold);color:#1c1a24;font-weight:800}.gb-btn--block{width:100%}.gb-btn--xl{width:100%;min-height:58px;font-size:1.1rem;border-radius:var(--pl-radius, 8px)}.gb-link-btn{align-self:center;min-height:44px;padding:0 8px;color:var(--gb-muted);font-size:.88rem;font-weight:600;text-decoration:underline;text-underline-offset:3px}.gb-link-btn:hover{color:var(--gb-ink)}.gb-intro{display:flex;flex-direction:column;gap:14px;padding-top:6px}.gb-challenge{padding:12px 14px;border-radius:14px;background:var(--gb-gold-soft);color:var(--gb-ink);border:1.5px solid var(--gb-gold);font-weight:600}.gb-challenge b{font-size:1.15em}.gb-intro__title{display:flex;flex-direction:column;gap:2px;margin:0}.gb-intro__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.gb-intro__ko{font-family:var(--gb-ko);font-weight:900;font-size:clamp(2.6rem,13vw,4.4rem);line-height:1;letter-spacing:-.03em;color:var(--gb-ink)}.gb-intro__bell{flex:none;display:grid;place-items:center;width:64px;height:72px;margin-top:-4px;border-radius:16px}.gb-intro__bell:hover{background:var(--gb-surface-2)}.gb-intro__bell>span{display:block;transform-origin:50% 8%}.gb-intro__bell .is-hello{animation:gb-ring-small 1.1s cubic-bezier(.36,0,.3,1) 1.15s both}.gb-intro__bell .is-ringing{animation:gb-ring-small 1.1s cubic-bezier(.36,0,.3,1) both}@keyframes gb-ring-small{0%,to{transform:rotate(0)}12%{transform:rotate(16deg)}30%{transform:rotate(-13deg)}48%{transform:rotate(8deg)}66%{transform:rotate(-4deg)}82%{transform:rotate(2deg)}}.gb-intro__vi{font-size:clamp(1.15rem,5vw,1.5rem);font-weight:800;letter-spacing:-.01em}.gb-intro__lead{color:var(--gb-muted);font-size:1rem;line-height:1.55;max-width:58ch}.gb-intro__best{text-align:center;font-size:.92rem;color:var(--gb-muted)}.gb-rules{border-top:1px solid var(--gb-line);padding-top:4px}.gb-rules summary{min-height:44px;display:flex;align-items:center;font-weight:700;cursor:pointer}.gb-rules ul{display:grid;gap:8px;padding-left:18px;list-style:disc;color:var(--gb-muted);line-height:1.5;font-size:.95rem}.gb-panel{display:flex;flex-direction:column;gap:12px;padding:28px 20px 20px;border-radius:var(--gb-radius);background:var(--gb-surface);border:1px solid var(--gb-line);box-shadow:var(--gb-shadow);animation:gb-fade .22s ease-out}.gb-panel__title{font-size:clamp(1.5rem,6vw,2rem);font-weight:900;letter-spacing:-.02em;line-height:1.15}.gb-panel__text{color:var(--gb-muted);line-height:1.55}.gb-round__ko,.gb-revive__ko{font-family:var(--gb-ko);font-weight:900;font-size:clamp(2.2rem,11vw,3.4rem);line-height:1;letter-spacing:-.03em;color:var(--gb-accent-ink);animation:gb-title-in .62s var(--gb-ease-out) .05s both}@keyframes gb-title-in{0%{opacity:0;filter:blur(10px);letter-spacing:.1em;transform:scale(1.06)}}.gb-round__meta{font-size:1.05rem}.gb-revive{border:2px solid var(--gb-gold);background:linear-gradient(180deg,var(--gb-gold-soft),var(--gb-surface) 55%)}.gb-revive__ko{color:var(--gb-gold-ink)}@keyframes gb-screen{0%{clip-path:inset(0 0 100% 0 round 20px)}to{clip-path:inset(0 0 0 0 round 20px)}}.gb-hud{position:sticky;top:56px;z-index:20;display:flex;flex-direction:column;gap:8px;margin:0 -16px;padding:8px 16px 10px;background:color-mix(in srgb,var(--gb-bg) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@media (min-width: 900px){.gb-hud{top:56px;margin:0;padding:8px 0 10px}}.gb-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.85rem}.gb-chip{padding:5px 10px;border-radius:999px;background:var(--gb-ink);color:var(--gb-bg);font-weight:700}.gb-qno{font-weight:600;color:var(--gb-muted)}.gb-qno b{color:var(--gb-ink);font-size:1.1rem}.gb-life{margin-left:auto;padding:5px 10px;border-radius:999px;border:1.5px solid var(--gb-gold);color:var(--gb-gold-ink);font-weight:700}.gb-life.is-used{border-color:var(--gb-line);color:var(--gb-muted)}.gb-spectator{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:10px 14px;border-radius:14px;border:1.5px dashed var(--gb-muted);font-size:.9rem;color:var(--gb-muted)}.gb-spectator .gb-link-btn{align-self:auto;padding:0}.gb-timer{display:flex;align-items:center;gap:12px}.gb-timer__track{flex:1;height:8px;border-radius:99px;background:var(--gb-line);overflow:hidden}.gb-timer__bar{height:100%;border-radius:inherit;background:var(--gb-ink);transform-origin:left center;animation:gb-drain linear forwards;animation-duration:var(--gb-timer-s, 10s)!important}.gb-timer.is-urgent .gb-timer__bar{background:var(--gb-accent)}.gb-timer__num{min-width:3ch;text-align:right;font-size:1.35rem;line-height:1}.gb-timer__num small{font-size:.6em;font-weight:700;color:var(--gb-muted)}.gb-timer.is-urgent .gb-timer__num{color:var(--gb-accent-ink)}.gb-timer__num.is-beat{animation:gb-beat .34s var(--gb-ease-out)}@keyframes gb-beat{0%{transform:scale(1.32)}}.gb-tally{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px;animation:gb-fade .2s ease-out}.gb-tally__gone{padding:2px 10px;border-radius:999px;background:var(--gb-bad-soft);color:var(--gb-bad);font-weight:800;font-size:.85rem;animation:gb-tally-pop .5s var(--gb-ease-out) .36s both}.gb-tally__gone.is-zero{background:var(--gb-good-soft);color:var(--gb-good)}.gb-tally__left{font-size:.9rem;color:var(--gb-muted)}.gb-tally__left b{color:var(--gb-ink);font-size:1.2rem}@keyframes gb-tally-pop{0%{opacity:0;transform:translateY(6px) scale(.9)}}.gb-timer.is-idle{opacity:.45}@keyframes gb-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.gb-q{position:relative;padding:18px 18px 20px;border-radius:var(--gb-radius);background:var(--gb-surface);border:1px solid var(--gb-line);box-shadow:var(--gb-shadow);touch-action:pan-y;animation:gb-screen .34s var(--gb-ease-out);transition:transform .25s cubic-bezier(.2,.8,.2,1);overflow:hidden}.gb-q.is-dragging{transition:none}.gb-q--revival{border:2px solid var(--gb-gold)}.gb-q__meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.8rem;font-weight:700;color:var(--gb-muted);letter-spacing:.02em}.gb-level{display:inline-flex;gap:4px}.gb-level i{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--gb-muted)}.gb-level i.is-on{background:var(--gb-accent);border-color:var(--gb-accent)}.gb-q__ko{font-size:clamp(1.18rem,5vw,1.55rem);font-weight:800;line-height:1.5;letter-spacing:-.01em}.gb-q__vi{margin-top:10px;padding-top:10px;border-top:1px dashed var(--gb-line);color:var(--gb-muted);font-size:.95rem;line-height:1.55}.gb-stamp{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:64px;height:64px;border-radius:14px;border:4px solid currentColor;font-size:2.4rem;font-weight:900;transform:rotate(10deg);pointer-events:none}.gb-stamp--o{color:var(--gb-o);left:14px;right:auto;transform:rotate(-10deg)}.gb-stamp--x{color:var(--gb-accent)}.gb-hint{text-align:center;font-size:.82rem;color:var(--gb-muted)}.gb-pen{position:absolute;inset:-7px -6px;width:calc(100% + 12px);height:calc(100% + 14px);overflow:visible;pointer-events:none}.gb-pen path{fill:none;stroke:var(--gb-pen);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:.92;animation:gb-ink .46s cubic-bezier(.35,.1,.25,1) var(--pen-delay, 0ms) forwards}.gb-pen--wide path{stroke-width:2.4}.gb-pen--slash path{animation-duration:.24s}@keyframes gb-ink{to{stroke-dashoffset:0}}.gb-ox{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gb-ox__btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:132px;border-radius:var(--gb-radius);background:var(--gb-surface);border:2px solid var(--gb-line);box-shadow:var(--gb-shadow);transition:transform .15s ease,border-color .2s ease,background-color .2s ease,opacity .2s ease}.gb-ox__btn--o{color:var(--gb-o)}.gb-ox__btn--x{color:var(--gb-accent)}.gb-ox__btn:not(:disabled):hover{border-color:currentColor}.gb-ox__btn:not(:disabled):active{transform:scale(.97)}.gb-ox__glyph svg{width:64px;height:64px}.gb-ox__label{font-weight:800;font-size:.95rem;color:var(--gb-ink)}.gb-ox__btn.is-right{border-color:var(--gb-good);background:var(--gb-good-soft)}.gb-ox__btn.is-wrong{border-color:var(--gb-bad);background:var(--gb-bad-soft)}.gb-ox__btn.is-dim{opacity:.4}.gb-ox__btn:disabled{cursor:default}.gb-mcq{display:grid;gap:10px}.gb-mcq__btn{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 14px;text-align:left;border-radius:16px;background:var(--gb-surface);border:2px solid var(--gb-line);box-shadow:var(--gb-shadow);transition:border-color .2s ease,background-color .2s ease,opacity .2s ease,transform .12s ease}.gb-mcq__btn:not(:disabled):hover{border-color:var(--gb-ink)}.gb-mcq__btn:not(:disabled):active{transform:scale(.99)}.gb-mcq__n{flex:none;font-family:var(--gb-ko);font-size:1.5rem;line-height:1;color:var(--gb-accent-ink)}.gb-mcq__text{display:flex;flex-direction:column;gap:2px}.gb-mcq__text .gb-ko{font-size:1.12rem;font-weight:800}.gb-mcq__vi{font-size:.85rem;color:var(--gb-muted)}.gb-mcq__btn.is-right{border-color:var(--gb-good);background:var(--gb-good-soft)}.gb-mcq__btn.is-wrong{border-color:var(--gb-bad);background:var(--gb-bad-soft)}.gb-mcq__btn.is-dim{opacity:.45}.gb-mcq__btn:disabled{cursor:default}.gb-board-wrap{display:flex;flex-direction:column;gap:10px}.gb-board{perspective:1200px;scroll-margin-top:150px}.gb-board__inner{position:relative;display:grid;transform-style:preserve-3d}.gb-board.is-revealed .gb-board__inner{animation:gb-raise-flip .76s cubic-bezier(.3,.6,.2,1) forwards}@keyframes gb-raise-flip{0%{transform:none}24%{transform:translateY(-16px) rotateX(-12deg)}to{transform:rotateX(180deg)}}.gb-board__face{grid-area:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:156px;padding:14px 16px;border-radius:14px;background:#fdfdfb;color:#16315e;border:7px solid var(--gb-board-frame);box-shadow:0 2px #00000010 inset,0 16px 30px -18px #0000008c;backface-visibility:hidden;-webkit-backface-visibility:hidden}.gb-board__back{transform:rotateX(180deg)}.gb-board__label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b6f7d}.gb-board__input{width:100%;min-height:64px;border:0;background:transparent;text-align:center;font-family:var(--gb-ko);font-weight:800;font-size:clamp(2rem,10vw,2.6rem);color:#16315e;caret-color:var(--gb-accent);letter-spacing:.02em}.gb-board__input::-moz-placeholder{color:#b9bccb;font-weight:600;font-size:.6em}.gb-board__input::placeholder{color:#b9bccb;font-weight:600;font-size:.6em}.gb-board__input:focus{outline:none}.gb-board__input:focus-visible{outline:none}.gb-board__face:focus-within{border-color:var(--gb-accent)}.gb-board__hint{min-height:20px}.gb-board__slots{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;color:#6b6f7d;font-weight:600}.gb-board__slots i{width:16px;height:4px;border-radius:2px;background:#d5d8e3}.gb-board__slots i.is-filled{background:#16315e}.gb-board__slots span{margin-left:4px}.gb-board__reveal{padding:4px 12px;border-radius:999px;background:#16315e;color:#fdfdfb;font-weight:800;font-size:.85rem;letter-spacing:.08em}.gb-board__answer{position:relative;padding:0 10px;font-family:var(--gb-ko);font-weight:900;font-size:clamp(2rem,10vw,2.8rem);line-height:1.15;text-align:center;word-break:keep-all}.gb-board__yours{font-size:.88rem;font-weight:700}.gb-board__yours b{position:relative}.gb-board__face .gb-pen path{stroke:#d4213d}.gb-board__yours.is-right{color:#0f7a52}.gb-board__yours.is-wrong{color:#b31f3c}.gb-board__status:empty{display:none}.gb-nearmiss{padding:10px 14px;border-radius:12px;background:var(--gb-gold-soft);border:1.5px solid var(--gb-gold);font-size:.92rem;animation:gb-shake .4s ease}@keyframes gb-shake{25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.gb-kb{display:grid;gap:6px;margin:0 -12px;padding:8px 6px;border-radius:16px;background:var(--gb-surface-2);border:1px solid var(--gb-line);-moz-user-select:none;user-select:none;-webkit-user-select:none}.gb-kb__row{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.gb-kb__row--mid{padding:0 calc((100% - 36px)/20);grid-template-columns:repeat(9,1fr)}.gb-kb__row:nth-child(3){grid-template-columns:1.45fr repeat(7,1fr) 1.45fr}.gb-kb__row--bottom{grid-template-columns:1.4fr 1fr}.gb-key{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50px;min-width:0;padding:0;border-radius:9px;background:var(--gb-surface);color:var(--gb-ink);border:1px solid var(--gb-line);box-shadow:0 2px 0 var(--gb-line);touch-action:manipulation}.gb-key:active{transform:translateY(2px);box-shadow:none;background:var(--gb-gold-soft)}.gb-key__j{font-family:var(--gb-ko);font-weight:700;font-size:1.25rem;line-height:1.1}.gb-key__r{font-size:.62rem;font-weight:600;color:var(--gb-muted);line-height:1}.gb-key--fn.is-on{background:var(--gb-ink);color:var(--gb-bg)}.gb-key--space,.gb-key--submit{font-weight:800;font-size:.95rem}.gb-key--submit{background:var(--gb-accent);border-color:var(--gb-accent);color:var(--gb-on-accent);box-shadow:0 2px 0 var(--gb-accent-ink)}.gb-key:disabled{opacity:.45}@media (min-width: 520px){.gb-kb{margin:0;padding:10px}.gb-key__j{font-size:1.4rem}}.gb-sheet{position:fixed;left:50%;bottom:0;z-index:40;width:min(100%,680px);max-height:72vh;overflow-y:auto;transform:translate(-50%);border-radius:24px 24px 0 0;background:var(--gb-surface);border:1px solid var(--gb-line);border-bottom:0;box-shadow:0 -18px 50px -20px #00000073;cursor:default;animation:gb-sheet-in .38s cubic-bezier(.2,.8,.2,1);overscroll-behavior:contain}.gb-sheet:before{content:"";display:block;height:6px;background:var(--gb-good)}.gb-sheet.is-wrong:before{background:var(--gb-bad)}.gb-sheet__inner{display:flex;flex-direction:column;gap:10px;padding:16px 18px calc(16px + env(safe-area-inset-bottom))}.gb-sheet__verdict{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;font-size:1.2rem;font-weight:900;line-height:1.3;color:var(--gb-good)}.gb-sheet.is-wrong .gb-sheet__verdict{color:var(--gb-bad)}.gb-sheet__ko{display:inline-block;font-family:var(--gb-ko);font-size:1.5rem;animation:gb-verdict .42s var(--gb-ease-out) .12s both}@keyframes gb-verdict{0%{opacity:0;transform:scale(1.5) rotate(-6deg)}}.gb-sheet__answer b{font-family:var(--gb-ko);font-size:1.15rem}.gb-sheet__explain{line-height:1.6;color:var(--gb-ink)}.gb-sheet__tip{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:var(--gb-surface-2);font-size:.88rem;line-height:1.45;color:var(--gb-ink)}.gb-sheet__tip-ico{flex:none;color:var(--gb-pen)}.gb-sheet__tap{text-align:center;font-size:.75rem;color:var(--gb-muted);margin-top:-4px}.gb-sheet--short{animation-delay:.85s;animation-fill-mode:backwards}@media (max-width: 899px){.gb-sheet--marked{animation-delay:.62s;animation-fill-mode:backwards}}@keyframes gb-sheet-in{0%{transform:translate(-50%,100%)}}.gb-terms{display:flex;flex-wrap:wrap;gap:8px}.gb-term{display:inline-flex;flex-direction:column;padding:6px 12px;border-radius:12px;background:var(--gb-surface-2);border:1px solid var(--gb-line);line-height:1.25}.gb-term__ko{font-family:var(--gb-ko);font-weight:800;font-size:1rem}.gb-term__vi{font-size:.78rem;color:var(--gb-muted)}.gb-bell{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:radial-gradient(80% 60% at 50% 40%,#3b2a10ee,#0d0a14f2);animation:gb-fade .35s ease}.gb-confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.gb-fly{position:fixed;left:0;top:0;z-index:2;pointer-events:none}.gb-fly__dot{display:block;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--gb-accent);box-shadow:0 0 0 3px #fbf7ee,0 6px 18px 2px #ff5e788c}.gb-bell.is-struck .gb-fly{opacity:0;transition:opacity .18s ease}.gb-bell__box{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:420px;text-align:center;color:#fbf7ee}.gb-bell__stage{position:relative;display:grid;place-items:center}.gb-bell__icon{position:relative;transform-origin:50% 6%;filter:brightness(.62) saturate(.7);transition:filter .5s ease}.gb-bell.is-struck .gb-bell__icon{filter:brightness(1) drop-shadow(0 0 42px #ffc94a99);animation:gb-ring 1.6s cubic-bezier(.36,0,.3,1) 2}.gb-bell.is-struck .gb-bell-svg__clapper{transform-origin:60px 100px;animation:gb-clap 1.6s cubic-bezier(.36,0,.3,1) 2}.gb-bell__wave{position:absolute;width:150px;height:150px;border-radius:50%;border:2px solid #ffc94a;opacity:0;pointer-events:none}.gb-bell.is-struck .gb-bell__wave{animation:gb-wave 1.5s var(--gb-ease-out) 2}.gb-bell.is-struck .gb-bell__wave:nth-child(2){animation-delay:.18s}.gb-bell.is-struck .gb-bell__wave:nth-child(3){animation-delay:.36s}@keyframes gb-wave{0%{transform:scale(.55);opacity:.8}to{transform:scale(2.7);opacity:0}}.gb-bell__ko{font-family:var(--gb-ko);font-weight:900;font-size:clamp(1.8rem,8.5vw,2.6rem);line-height:1.15;color:#ffc94a;clip-path:inset(0 100% 0 0);transition:clip-path .75s cubic-bezier(.65,0,.35,1) .15s}.gb-bell.is-struck .gb-bell__ko{clip-path:inset(0 -4% 0 -4%)}.gb-bell__vi,.gb-bell__cta{opacity:0;transform:translateY(8px);transition:opacity .4s ease .7s,transform .5s var(--gb-ease-out) .7s}.gb-bell.is-struck .gb-bell__vi,.gb-bell.is-struck .gb-bell__cta{opacity:1;transform:none}.gb-bell__vi{line-height:1.55;color:#e9e2d0}@keyframes gb-ring{0%,to{transform:rotate(0)}10%{transform:rotate(18deg)}25%{transform:rotate(-15deg)}40%{transform:rotate(11deg)}55%{transform:rotate(-7deg)}70%{transform:rotate(4deg)}85%{transform:rotate(-2deg)}}@keyframes gb-clap{0%,to{transform:rotate(0)}10%{transform:rotate(-24deg)}25%{transform:rotate(20deg)}40%{transform:rotate(-14deg)}55%{transform:rotate(9deg)}}@keyframes gb-fade{0%{opacity:0}}.gb-result{display:flex;flex-direction:column;gap:18px}.gb-result__head{display:flex;flex-direction:column;gap:6px;padding:22px 20px;border-radius:var(--gb-radius);background:var(--gb-surface);border:1px solid var(--gb-line);box-shadow:var(--gb-shadow)}.gb-result__head.is-golden{border:2px solid var(--gb-gold);background:linear-gradient(180deg,var(--gb-gold-soft),var(--gb-surface) 70%);align-items:flex-start}.gb-result__title{display:flex;flex-direction:column;gap:4px;font-size:clamp(1.6rem,7vw,2.2rem);font-weight:900;letter-spacing:-.02em;line-height:1.15}.gb-result__ko{font-family:var(--gb-ko);font-size:.55em;font-weight:800;letter-spacing:0;color:var(--gb-gold-ink)}.gb-result__stat{font-size:1.05rem;line-height:1.5}.gb-result__note{color:var(--gb-muted);line-height:1.55}.gb-result__friend{margin-top:4px;padding:8px 12px;border-radius:12px;background:var(--gb-gold-soft);font-weight:700}.gb-h3{font-size:1.15rem;font-weight:800}.gb-card,.gb-review,.gb-cta{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:var(--gb-radius);background:var(--gb-surface);border:1px solid var(--gb-line);box-shadow:var(--gb-shadow)}.gb-card__top,.gb-review__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.gb-seg{display:inline-flex;flex-wrap:wrap;padding:3px;border-radius:12px;background:var(--gb-surface-2);border:1px solid var(--gb-line)}.gb-seg__btn{min-height:40px;padding:0 12px;border-radius:9px;font-size:.85rem;font-weight:700;color:var(--gb-muted)}.gb-review__top .gb-seg{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.gb-review__top .gb-seg__btn{padding:0 6px;font-size:.8rem}.gb-seg__btn[aria-checked=true]{background:var(--gb-ink);color:var(--gb-bg)}.gb-card__preview{display:grid;place-items:center;border-radius:14px;background:#0e0b18;overflow:hidden}.gb-card__preview img{display:block;width:100%;height:auto}.gb-card__preview--story img{width:auto;max-width:100%;max-height:70vh}.gb-card__preview--square{aspect-ratio:1}.gb-card__preview--story{aspect-ratio:9 / 16;max-height:70vh;margin:0 auto;width:100%;max-width:39.375vh}.gb-card__loading{color:#a9a3bd;font-size:.9rem}.gb-share{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gb-share .gb-btn--primary{grid-column:1 / -1}.gb-share .gb-btn{padding:0 10px;font-size:.92rem}.gb-toast{min-height:1.4em;text-align:center;font-size:.9rem;font-weight:700;color:var(--gb-good)}.gb-cta{border:2px solid var(--gb-accent);background:linear-gradient(160deg,color-mix(in srgb,var(--gb-accent) 14%,var(--gb-surface)),var(--gb-surface) 60%)}.gb-cta__title{font-size:clamp(1.3rem,5.6vw,1.7rem);font-weight:900;line-height:1.25;letter-spacing:-.015em}.gb-cta__text{color:var(--gb-muted);line-height:1.55}.gb-review__list{display:grid;gap:8px}.gb-review__empty{color:var(--gb-muted)}.gb-ri details{border-radius:14px;border:1px solid var(--gb-line);background:var(--gb-surface-2)}.gb-ri summary{display:grid;grid-template-columns:2.2em minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;padding:8px 12px;cursor:pointer;list-style:none}.gb-ri summary::-webkit-details-marker{display:none}.gb-ri__n{color:var(--gb-muted)}.gb-ri__q{font-size:.9rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gb-ri__s{padding:3px 8px;border-radius:999px;font-size:.72rem;font-weight:800;white-space:nowrap;color:var(--gb-muted);border:1px solid var(--gb-line)}.gb-ri.is-right .gb-ri__s{color:var(--gb-good);border-color:var(--gb-good)}.gb-ri.is-wrong .gb-ri__s{color:var(--gb-bad);border-color:var(--gb-bad)}.gb-ri__body{display:flex;flex-direction:column;gap:10px;padding:4px 14px 14px}.gb-ri__body .gb-ko{font-weight:700;line-height:1.55}.gb-ri__dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:.92rem}.gb-ri__dl dt{color:var(--gb-muted)}.gb-ri__dl dd{font-family:var(--gb-ko)}.gb-ri__explain{line-height:1.6}.gb-result__again{display:flex;flex-direction:column;gap:4px}@media (prefers-reduced-motion: reduce){.gb *:not(.gb-timer__bar),.gb *:before,.gb *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0ms!important;transition-duration:.001ms!important;transition-delay:0ms!important}.gb-board.is-revealed .gb-board__inner{transform:none;animation:none}.gb-bell__wave{display:none}.gb-bell__ko{clip-path:none}.gb-board.is-revealed .gb-board__front{visibility:hidden}.gb-board__back{transform:none}.gb-board:not(.is-revealed) .gb-board__back{visibility:hidden}}.gb-pause-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:44px;min-height:44px;margin-left:6px;padding:0;border-radius:999px;border:1.5px solid var(--gb-line);background:var(--gb-card);color:var(--gb-ink);cursor:pointer;transition:all .15s ease}.gb-pause-btn:hover{border-color:var(--gb-gold);background:color-mix(in srgb,var(--gb-gold) 18%,var(--gb-card));color:var(--gb-gold-ink)}.gb-stage.is-paused .gb-q{filter:blur(14px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gb-pause-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f0d17c7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:gb-fade .2s ease-out}.gb-pause-modal{width:100%;max-width:420px;padding:32px 24px;text-align:center;background:var(--gb-card);border:2px solid var(--gb-gold);border-radius:16px;box-shadow:0 24px 50px -12px #000000a6}.gb-pause-modal__ko{font-family:var(--gb-ko);font-size:.95rem;font-weight:800;color:var(--gb-gold-ink);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}.gb-pause-modal__title{font-size:1.45rem;font-weight:800;color:var(--gb-ink);margin-bottom:10px}.gb-pause-modal__desc{font-size:.92rem;color:var(--gb-muted);line-height:1.55;margin-bottom:22px}.gb-pause-modal__actions{display:flex;flex-direction:column;gap:10px}[data-vb] :is(.gb-btn,.gb-ox__btn,.gb-mcq__btn,.gb-seg,.gb-seg__btn,.gb-key,.gb-chip,.gb-life,.gb-pause-btn,.gb-intro__bell){border-radius:0}[data-vb] :is(.gb-btn,.gb-ox__btn,.gb-mcq__btn){border:var(--vb-b);box-shadow:var(--vb-sh-sm);transition:transform .08s ease,box-shadow .08s ease,background-color .12s ease,opacity .2s ease}[data-vb] .gb-ox__btn{box-shadow:var(--vb-sh)}[data-vb] .gb-btn{font-weight:800}[data-vb] .gb-btn--primary,[data-vb] .gb-btn--gold{border-color:var(--vb-edge)}@media (hover: hover){[data-vb] :is(.gb-btn,.gb-mcq__btn):hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--vb-shc);border-color:var(--vb-edge)}[data-vb] .gb-ox__btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:7px 7px 0 var(--vb-shc);border-color:var(--vb-edge)}[data-vb] .gb-ox__btn--o:hover:not(:disabled){background:color-mix(in srgb,var(--gb-o) 14%,var(--gb-surface))}[data-vb] .gb-ox__btn--x:hover:not(:disabled){background:color-mix(in srgb,var(--gb-accent) 16%,var(--gb-surface))}[data-vb] .gb-mcq__btn:hover:not(:disabled){background:var(--gb-gold-soft)}}[data-vb] :is(.gb-btn,.gb-ox__btn,.gb-mcq__btn):active:not(:disabled){transform:translate(3px,3px);box-shadow:0 0 0 var(--vb-shc)}[data-vb] :is(.gb-ox__btn,.gb-mcq__btn).is-right{border-color:var(--vb-edge);background:var(--gb-good-soft);box-shadow:5px 5px 0 var(--gb-good)}[data-vb] :is(.gb-ox__btn,.gb-mcq__btn).is-wrong{border-color:var(--vb-edge);background:var(--gb-bad-soft);box-shadow:5px 5px 0 var(--gb-bad)}[data-vb] .gb-mcq__n{display:grid;place-items:center;width:38px;height:38px;border:3px solid var(--vb-k);background:var(--gb-accent);color:var(--gb-on-accent);font-size:1.2rem;font-weight:900}:root[data-theme=dark] [data-vb] .gb-mcq__n{border-color:var(--vb-edge)}[data-vb] .gb-key{border:2px solid var(--vb-edge);box-shadow:2px 2px 0 var(--vb-shc)}[data-vb] .gb-key:active:not(:disabled){transform:translate(2px,2px);box-shadow:none}[data-vb] .gb-key--submit{border-color:var(--vb-edge);box-shadow:2px 2px 0 var(--vb-shc)}[data-vb] .gb-chip{border:2px solid var(--vb-edge);background:var(--vb-k);color:var(--vb-y)}[data-vb] .gb-life{border:2px solid var(--vb-edge);background:var(--gb-gold);color:#1c1a24}[data-vb] .gb-life.is-used{background:transparent;color:var(--gb-muted);border-style:dashed}[data-vb] .gb-pause-btn{border:2px solid var(--vb-edge);box-shadow:2px 2px 0 var(--vb-shc)}[data-vb] .gb-seg{border:var(--vb-b);background:var(--gb-surface)}[data-vb] .gb-seg__btn[aria-checked=true]{background:var(--gb-accent);color:var(--gb-on-accent);box-shadow:inset 0 0 0 2px var(--vb-k)}[data-vb] :is(.gb-q,.gb-panel,.gb-result__head,.gb-card,.gb-review,.gb-cta,.gb-pause-modal){border:var(--vb-b);border-radius:0;box-shadow:var(--vb-sh)}[data-vb] .gb-q--revival,[data-vb] .gb-result__head.is-golden{box-shadow:6px 6px 0 var(--gb-gold)}[data-vb] .gb-sheet{border:var(--vb-b);border-bottom:0;border-radius:0;box-shadow:0 -6px 0 var(--vb-shc)}[data-vb] .gb-sheet:before{height:10px;border-bottom:3px solid var(--vb-edge)}[data-vb] .gb-sheet__ko{font-family:var(--vb-disp);font-weight:400;font-size:1.9rem;color:var(--vb-k);background:var(--vb-y);border:3px solid var(--vb-k);padding:0 10px 2px;transform:rotate(-3deg)}[data-vb] .gb-sheet.is-wrong .gb-sheet__ko{background:var(--vb-hot)}[data-vb] .gb-term{border-radius:0;border:2px solid var(--vb-edge)}html:has(.gb) body{background:#f4eee2}html[data-theme=dark]:has(.gb) body{background:#0f0d17}html:has(.gb:not([data-phase=intro]):not([data-phase=result])) .pl-platform{display:none}