.gb{width:min(94vw,720px);margin:0 auto;display:flex;flex-direction:column;gap:10px;color:#eef4ff}.gb__boot{display:grid;place-items:center;gap:14px;min-height:50dvh;align-content:center}.gb__boot[hidden]{display:none}.gb__boot-ring{position:relative;width:74px;height:74px;display:grid;place-items:center}.gb__boot-ring:before{content:"";position:absolute;inset:0;border-radius:50%;border:4px solid rgba(255,255,255,.16);border-top-color:#8ed96a;animation:gbBootSpin .9s linear infinite}.gb__boot-emoji{font-size:2rem;animation:gbBootBounce 1.4s ease-in-out infinite}.gb__boot-text{margin:0;font-weight:800;font-size:.95rem;opacity:.9;text-shadow:0 1px 3px rgba(10,18,32,.6),0 0 12px rgba(10,18,32,.35)}@keyframes gbBootSpin{to{transform:rotate(360deg)}}@keyframes gbBootBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.08)}}@media(prefers-reduced-motion:reduce){.gb__boot-ring:before,.gb__boot-emoji{animation:none}}.gb__gate{display:grid;place-items:center;min-height:50dvh}.gb__gate-card{text-align:center;background:#0a10208c;border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:28px 26px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);max-width:380px}.gb__gate-emoji{font-size:2.4rem}.gb__gate-title{margin:8px 0 4px;font-size:1.4rem}.gb__gate-sub{margin:0 0 16px;opacity:.85;font-size:.95rem}.gb__signin{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:12px;font-weight:800;text-decoration:none;color:#fff;background:#335fff;box-shadow:inset 0 1px #ffffff59,0 4px #2b43c2}.gb__signin:active{transform:translateY(3px);box-shadow:inset 0 1px #ffffff59,0 1px #2b43c2}.gb__signin-mark{width:18px;height:18px}.gb__me{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0a102080;border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:8px 10px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.gb__earn{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:linear-gradient(180deg,#78560a80,#5a3e0680);border:1px solid rgba(255,200,80,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.gb__earn[hidden]{display:none}.gb__earn-ic{flex:0 0 auto;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.gb__earn-track{position:relative;flex:1 1 auto;height:10px;border-radius:999px;background:#00000059;box-shadow:inset 0 1px 2px #00000073;overflow:hidden}.gb__earn-track i{display:block;height:100%;width:100%;border-radius:999px;background:linear-gradient(90deg,#ffd34d,#f5a623);box-shadow:0 0 8px #ffd23d8c;transition:width .35s cubic-bezier(.2,.9,.3,1)}.gb__earn-label{flex:0 0 auto;font-size:.78rem;font-weight:900;color:#ffd77a;font-variant-numeric:tabular-nums;white-space:nowrap}.gb__earn.is-maxed .gb__earn-track i{background:linear-gradient(90deg,#ffd34d59,#f5a62359);box-shadow:none}.gb__me-left{display:flex;align-items:center;gap:10px;min-width:0}.gb__me-thumb{width:46px;height:46px;flex:0 0 auto;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;overflow:hidden;color:#ffffff80}.gb__me-thumb svg{width:24px;height:24px}.gb__me-thumb img{width:100%;height:100%;object-fit:cover}.gb__me-stats{display:flex;flex-direction:column;min-width:0}.gb__me-title{font-weight:800;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gb__me-sub{font-size:.8rem;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gb__me-right{display:flex;align-items:center;gap:8px;flex:0 0 auto}.gb__mute{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#ffffff12;color:#eef4ff;display:grid;place-items:center;cursor:pointer}.gb__mute svg{width:18px;height:18px}.gb__submit-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:none;border-radius:12px;font-weight:800;font-size:.88rem;color:#fff;background:#335fff;box-shadow:inset 0 1px #ffffff59,0 3px #2b43c2;cursor:pointer;white-space:nowrap}.gb__submit-btn:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff59,0 1px #2b43c2}.gb__submit-btn svg{width:17px;height:17px}.gb__stage{position:relative;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}.gb__vs{position:relative;display:grid;grid-template-columns:1fr;gap:10px}.gb__vs.is-hidden{display:none}.gb-enter{animation:gbEnter .32s ease}@keyframes gbEnter{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.gb__card{position:relative;display:block;width:100%;aspect-ratio:16 / 10;max-height:max(150px,calc((100dvh - 330px)/2));border-radius:18px;overflow:hidden;border:2px solid rgba(255,255,255,.18);background:#0e1424;padding:0;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .25s ease;-webkit-tap-highlight-color:transparent}.gb__card:hover:not(:disabled){transform:translateY(-3px) scale(1.012);border-color:#8ed96abf;box-shadow:0 10px 28px #00000059,0 0 0 3px #8ed96a38}.gb__card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-select:none}.gb__card-shimmer{position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.08) 50%,transparent 70%);background-size:250% 100%;animation:gbShimmer 1.4s linear infinite}@keyframes gbShimmer{0%{background-position:200% 0}to{background-position:-50% 0}}.gb__stamp{position:absolute;top:12px;left:12px;padding:5px 12px;border:3px solid #8ed96a;border-radius:10px;color:#8ed96a;font-weight:900;font-size:clamp(.8rem,2.6vw,1.05rem);letter-spacing:.06em;transform:rotate(-10deg) scale(1.6);opacity:0;transition:opacity .14s ease,transform .14s ease;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.5);background:#0a140c59}.gb__stamp.is-show{opacity:1;transform:rotate(-10deg) scale(1)}.gb__card.is-picked{border-color:#8ed96a;box-shadow:0 0 0 3px #8ed96a59,0 8px 26px #00000059}.gb__card.is-won{border-color:#8ed96a;box-shadow:0 0 0 4px #8ed96a66,0 8px 30px #42a03c59}.gb__card.is-lost{filter:saturate(.55) brightness(.72)}.gb__card.is-revealed{cursor:default}.gb__zoom-btn{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;background:#080c188c;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:zoom-in;z-index:3}.gb__zoom-btn svg{width:17px;height:17px}.gb__owner{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:clamp(12px,1.6vw,20px);padding:clamp(14px,2.4vw,26px) clamp(14px,2vw,24px);background:linear-gradient(to top,rgba(6,10,20,.95) 40%,rgba(6,10,20,.6) 78%,transparent);cursor:pointer;z-index:2;text-align:left}.gb-owner-in{animation:gbOwnerIn .34s cubic-bezier(.2,.9,.3,1.2)}@keyframes gbOwnerIn{0%{opacity:0;transform:translateY(26px) scale(.9)}to{opacity:1;transform:none}}.gb__owner-pic{width:clamp(64px,7.5vw,104px);height:clamp(64px,7.5vw,104px);border-radius:50%;border:3px solid rgba(255,255,255,.55);background:#1a2236;object-fit:cover;flex:0 0 auto;box-shadow:0 4px 18px #00000073}.gb__owner-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.gb__owner-name{font-weight:900;font-size:clamp(1.15rem,2.4vw,1.8rem);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:underline;text-decoration-color:#fff6;text-underline-offset:3px;text-shadow:0 1px 4px rgba(0,0,0,.6)}.gb__owner-elo{font-size:clamp(.9rem,1.6vw,1.2rem);font-weight:800;opacity:.95;text-shadow:0 1px 3px rgba(0,0,0,.6)}.gb__owner-elo.is-up{color:#8ed96a}.gb__owner-elo.is-down{color:#ff7a7a}.gb__owner-record{display:inline-flex;align-items:center;gap:clamp(10px,1.4vw,16px);margin-top:3px;white-space:nowrap}.gb__owner-record[hidden]{display:none}.gb__rec-side{display:inline-flex;align-items:center;gap:5px}.gb__rec-side--win{color:#46d06a}.gb__rec-side svg{width:clamp(13px,1.5vw,17px);height:clamp(13px,1.5vw,17px);filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}.gb__rec-side b{font-size:clamp(.86rem,1.6vw,1.1rem);font-weight:900;line-height:1;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.55)}.gb__rec-total{font-size:clamp(.72rem,1.2vw,.88rem);font-weight:700;opacity:.65;text-shadow:0 1px 3px rgba(0,0,0,.5)}.gb__vs-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;font-weight:900;font-size:.95rem;color:#0a1020;background:#ffd34d;border:3px solid rgba(255,255,255,.85);box-shadow:0 4px 16px #0006;pointer-events:none}.gb__vs-badge.is-flip{animation:gbVsFlip .5s ease}@keyframes gbVsFlip{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}55%{transform:translate(-50%,-50%) rotate(200deg) scale(1.25)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1)}}.gb__status{text-align:center;padding:40px 12px;font-weight:700;opacity:.95;text-shadow:0 1px 3px rgba(10,18,32,.6),0 0 12px rgba(10,18,32,.35)}.gb__hint{margin:2px 0 0;text-align:center;font-size:.9rem;font-weight:700;opacity:.9;text-shadow:0 1px 3px rgba(10,18,32,.6),0 0 12px rgba(10,18,32,.35)}.gb-zoom-lock{overflow:hidden}.gb__zoom{position:fixed;inset:0;z-index:1200;background:#04070ef0;display:grid;place-items:center;cursor:zoom-out}.gb__zoom-img{max-width:100%;max-height:100%;margin:auto;object-fit:contain}.gb__zoom-close{position:absolute;top:calc(env(safe-area-inset-top,0px) + 10px);right:14px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer}.gb__sheet{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:14px}.gb__sheet-backdrop{position:absolute;inset:0;background:#04070eb3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.gb__sheet-card{position:relative;width:min(94vw,420px);max-height:min(88dvh,620px);overflow:auto;background:#0c1222f5;border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:20px 18px}.gb__sheet-x{position:absolute;top:10px;right:12px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;font-size:1.2rem;line-height:1;cursor:pointer}.gb__sheet-title{margin:0 0 4px;font-size:1.15rem}.gb__sheet-sub{margin:0 0 12px;font-size:.85rem;opacity:.82}.gb__sheet-preview{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.16);margin-bottom:12px}.gb__sheet-preview img{display:block;width:100%;max-height:260px;object-fit:cover}.gb__sheet-actions{display:flex;gap:8px}.gb__sheet-pick,.gb__sheet-send{flex:1 1 0;padding:11px 0;border:none;border-radius:12px;font-weight:800;font-size:.9rem;cursor:pointer}.gb__sheet-pick{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#eef4ff}.gb__sheet-send{color:#fff;background:#335fff;box-shadow:inset 0 1px #ffffff59,0 3px #2b43c2}.gb__sheet-send:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.gb__sheet-status{margin:10px 0 0;min-height:1.2em;font-size:.85rem;font-weight:700}.gb__board-list{display:flex;flex-direction:column;gap:8px}.gb__board-row{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.gb__board-rank{flex:0 0 auto;min-width:20px;text-align:right;font-weight:900;font-variant-numeric:tabular-nums;font-size:.85rem;opacity:.8}.gb__board-thumb{width:64px;height:40px;flex:0 0 auto;border-radius:8px;object-fit:cover;border:1px solid rgba(255,255,255,.18);cursor:zoom-in}.gb__board-owner{flex:1 1 auto;min-width:0;display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none}.gb__board-owner:hover .gb__board-name{text-decoration:underline}.gb__board-pic{width:28px;height:28px;flex:0 0 auto;border-radius:50%;object-fit:cover;background:#1a2236;border:1.5px solid rgba(255,255,255,.3)}.gb__board-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;font-size:.88rem}.gb__board-meta{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-variant-numeric:tabular-nums}.gb__board-elo{font-weight:900;font-size:.82rem;color:#ffd23d}.gb__board-rec{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:800;color:#eef4ff}.gb__board-rec-win,.gb__board-rec-loss{display:inline-flex;align-items:center;gap:3px}.gb__board-rec-win svg,.gb__board-rec-loss svg{width:11px;height:11px}.gb__board-rec-win svg{color:#46d06a}.gb__board-rec-loss svg{color:#ff6473}.gb__board-note{text-align:center;font-weight:700;opacity:.85;padding:14px 6px;font-size:.88rem}.gb__board-retry{align-self:center;margin:10px auto;display:block;padding:9px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.28);background:#ffffff1f;color:#fff;font:inherit;font-weight:900;font-size:.85rem;cursor:pointer}@media(max-width:640px)and (orientation:portrait){.gb__card{aspect-ratio:16 / 9;max-height:34dvh}.gb__me-title,.gb__me-sub{max-width:44vw}.gb__submit-btn span{display:none}.gb__submit-btn{padding:10px 12px}}@media(max-height:520px)and (orientation:landscape){.gb{gap:6px;width:min(96vw,900px)}.gb__vs{grid-template-columns:1fr 1fr;gap:12px}.gb__me{padding:5px 8px}.gb__me-thumb{width:34px;height:34px}.gb__card{aspect-ratio:16 / 10;max-height:62dvh}.gb__hint{display:none}}@media(prefers-reduced-motion:reduce){.gb-enter,.gb-owner-in,.gb__vs-badge.is-flip{animation:none!important}.gb__card{transition:none}.gb__card-shimmer{animation:none}}body .app-main{zoom:1;min-height:calc(100dvh - var(--topbar-h) - var(--safe-top))}.gb-page[data-astro-cid-ftug2nqj]{flex:1 1 auto;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:clamp(4px,1.2vh,12px) 10px calc(env(safe-area-inset-bottom,0px) + 10px)}.gb-page[data-astro-cid-ftug2nqj] .gb{flex:1 1 auto}