.gonggi-game{--gonggi-ink:#152a2c;--gonggi-muted:#57716e;--gonggi-mat:#0d2326;--gonggi-mat-edge:#31585a;--gonggi-mint:#a8eee0;--gonggi-gold:#e6f36d;--gonggi-stone-size:clamp(68px, 16vw, 92px);box-sizing:border-box;color:#f9f7ed;background:radial-gradient(at 50% 44%,#396a676b,#0000 62%),linear-gradient(145deg,#183538,#0e2529 74%);border:1px solid #527578;border-radius:24px;align-content:center;gap:clamp(12px,2.6vh,20px);width:100%;min-height:100%;padding:clamp(14px,3vw,24px);font-family:inherit;display:grid}.gonggi-board-top{justify-content:space-between;align-items:center;gap:12px;width:min(100%,410px);margin-inline:auto;display:flex}.gonggi-stage-name,.gonggi-lives,.gonggi-status,.gonggi-flight-hint,.gonggi-catch-note{margin:0}.gonggi-stage-name{color:var(--gonggi-mint);font-size:clamp(.86rem,2.4vw,1rem);font-weight:750}.gonggi-lives{color:var(--gonggi-gold);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.86rem}.gonggi-field{grid-template-columns:repeat(2, var(--gonggi-stone-size));background:radial-gradient(ellipse at 52% 42%, #37605b7a, transparent 64%), linear-gradient(145deg, #173438, var(--gonggi-mat));border:1px solid var(--gonggi-mat-edge);border-radius:28px;place-content:center;gap:clamp(16px,5vw,32px);width:min(100%,380px);min-height:min(42vh,310px);margin-inline:auto;padding:clamp(18px,4vw,32px);display:grid;box-shadow:inset 0 1px #caf9e21a,0 16px 36px #0000002e}.gonggi-field[data-stones="5"]{grid-template-columns:repeat(3, var(--gonggi-stone-size));gap:clamp(10px,3.5vw,24px)}.gonggi-stone{width:var(--gonggi-stone-size);min-width:48px;height:var(--gonggi-stone-size);min-height:48px;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:transform .16s,opacity .18s,filter .18s;display:grid;position:relative}.gonggi-stone:before{content:"";background:radial-gradient(ellipse at 32% 24%, #ffffffc7, transparent 23%), radial-gradient(ellipse at 68% 80%, #0000003d, transparent 46%), linear-gradient(145deg, var(--stone-light), var(--stone-dark));border:1px solid #ffffff70;border-radius:43% 57% 48% 52%/54% 42% 58% 46%;position:absolute;inset:8%;transform:rotate(-8deg);box-shadow:inset -5px -6px 12px #00000029,inset 3px 3px 9px #fff6,0 8px 15px #00000042}.gonggi-stone:first-child{--stone-light:#f2ca6c;--stone-dark:#bc754b}.gonggi-stone:nth-child(2){--stone-light:#a4e9d9;--stone-dark:#508d82}.gonggi-stone:nth-child(3){--stone-light:#e9a8a5;--stone-dark:#a55470}.gonggi-stone:nth-child(4){--stone-light:#b2b0ee;--stone-dark:#6159a2}.gonggi-stone:nth-child(5){--stone-light:#ebedab;--stone-dark:#85904c}.gonggi-stone:nth-child(2):before{transform:rotate(7deg)}.gonggi-stone:nth-child(3):before{transform:rotate(-3deg)}.gonggi-stone:nth-child(4):before{transform:rotate(11deg)}.gonggi-stone:nth-child(5):before{transform:rotate(-6deg)}.gonggi-stone-shine{z-index:1;pointer-events:none;background:#ffffffa6;border-radius:50%;width:15%;height:15%;transform:translate(-8px,-12px)}.gonggi-stone:is(:hover,.is-selected):not(:disabled){transform:translateY(-5px)scale(1.04)}.gonggi-stone.is-selected:before{outline:3px solid var(--gonggi-gold);outline-offset:5px;filter:brightness(1.12)}.gonggi-stone.is-collected{opacity:.16;transform:scale(.72)}.gonggi-stone:disabled{cursor:default}.gonggi-stone:focus-visible,.gonggi-action:focus-visible{outline:3px solid var(--gonggi-gold);outline-offset:5px}.gonggi-flight{width:min(100%,400px);margin-inline:auto;padding-top:28px;position:relative}.gonggi-flight[hidden],.gonggi-controls [hidden]{display:none}.gonggi-keeper{z-index:1;background:linear-gradient(145deg,#fff6b4,#d6d953 75%);border:1px solid #fffc;border-radius:45% 55% 48% 52%;width:20px;height:20px;position:absolute;top:3px;left:0;transform:translate(-50%)rotate(-12deg);box-shadow:0 0 15px #e8f375ad}.gonggi-flight-track{background:#07191b;border:1px solid #587c78;border-radius:999px;height:16px;position:relative;overflow:hidden}.gonggi-target-band{z-index:1;border-inline:1px solid var(--gonggi-gold);background:#e6f36d6b;width:27.78%;position:absolute;top:0;bottom:0;left:58.33%}.gonggi-flight-progress{border-radius:inherit;background:linear-gradient(90deg,#55b8aa,#a8eee0);width:0;position:absolute;inset:0 auto 0 0}.gonggi-flight-hint{color:#b5d0ca;text-align:center;margin-top:8px;font-size:.82rem}.gonggi-status{color:#f5f3df;text-align:center;min-height:1.5em;font-size:clamp(.86rem,2.4vw,1rem);font-weight:650;line-height:1.45}.gonggi-controls{justify-items:center;gap:8px;width:min(100%,400px);margin:0 auto;display:grid}.gonggi-action{touch-action:manipulation;width:100%;min-height:56px;font-weight:800}.gonggi-controls .gonggi-action.gonggi-catch:not(:disabled){color:#152a2c;background:#d5e35d;border-color:#f1f7a2}.gonggi-controls .gonggi-action.gonggi-catch.in-window:not(:disabled){background:#f4f69c;box-shadow:0 0 0 4px #e6f36d47}.gonggi-action:disabled{opacity:.52;cursor:not-allowed}.gonggi-catch-note{color:#b5d0ca;text-align:center;font-size:.78rem;line-height:1.4}@media (width<=380px){.gonggi-game{--gonggi-stone-size:clamp(58px, 18vw, 74px);border-radius:18px;padding:12px}.gonggi-field{min-height:min(37vh,250px);padding:14px}.gonggi-board-top{flex-direction:column;align-items:flex-start;gap:4px}}@media (prefers-reduced-motion:reduce){.gonggi-stone{transition:none}}@media (forced-colors:active){.gonggi-stone:focus-visible,.gonggi-action:focus-visible{outline-color:highlight}.gonggi-target-band{background:highlight;border-color:highlight}}