._container_m3ly6_1{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;min-height:350px;position:relative;overflow:hidden}._flash_m3ly6_12{position:absolute;inset:0;background:#ffffff4d;animation:_matchFlash_m3ly6_1 .4s ease-out forwards;z-index:10;pointer-events:none}._title_m3ly6_21{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;animation:_matchSlideIn_m3ly6_1 .5s ease-out}._vsRow_m3ly6_28{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;animation:_matchVsAppear_m3ly6_1 .8s ease-out .3s both}._vsText_m3ly6_36{font-size:1.75rem;font-weight:700;opacity:.6;animation:_matchVsBounce_m3ly6_1 .6s ease-out .8s both}._colorLabel_m3ly6_43{font-size:.875rem;opacity:.6;margin-bottom:1.5rem;animation:_matchFadeIn_m3ly6_1 .5s ease-out 1s both}._progressTrack_m3ly6_50{width:80%;max-width:280px;height:8px;border-radius:4px;background:#ffffff1a;overflow:hidden;margin-bottom:1rem}._progressFill_m3ly6_60{height:100%;border-radius:4px;background:linear-gradient(90deg,#22c55e,#4ade80,#86efac);box-shadow:0 0 8px #22c55e80;animation:_matchProgress_m3ly6_1 5s cubic-bezier(.1,0,.2,1) forwards}._hint_m3ly6_68{font-size:.75rem;opacity:.4;animation:_matchFadeIn_m3ly6_1 .5s ease-out 1.2s both}._playerCard_m3ly6_74{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:12px;background:#ffffff0d;min-width:90px}._playerCardPiece_m3ly6_85{width:44px;height:44px}._playerCardName_m3ly6_90{font-size:.8125rem;font-weight:700;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._playerCardRank_m3ly6_99{font-size:.6875rem;font-weight:700;margin-top:.125rem}@keyframes _matchSlideIn_m3ly6_1{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes _matchFadeIn_m3ly6_1{0%{opacity:0}to{opacity:1}}@keyframes _matchVsAppear_m3ly6_1{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes _matchVsBounce_m3ly6_1{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.3)}to{opacity:.6;transform:scale(1)}}@keyframes _matchCardAppear_m3ly6_1{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes _matchProgress_m3ly6_1{0%{width:0%}70%{width:45%}90%{width:75%}to{width:100%}}@keyframes _matchFlash_m3ly6_1{0%{opacity:.6}to{opacity:0}}._playerCardDelay1_m3ly6_178{animation:_matchCardAppear_m3ly6_1 .5s ease-out .4s both}._playerCardDelay2_m3ly6_182{animation:_matchCardAppear_m3ly6_1 .5s ease-out .6s both}._error_hornj_1{color:#ef4444;text-align:center;margin-top:.5rem;font-size:.875rem}._disconnectBanner_hornj_8{text-align:center;padding:.5rem 1rem;border-radius:6px;background:#fbbf2426;color:#f59e0b;font-size:.875rem;font-weight:600;animation:_pulse_hornj_1 2s ease-in-out infinite}@keyframes _pulse_hornj_1{0%,to{opacity:1}50%{opacity:.6}}:root{--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-300:#d4d4d4;--color-neutral-400:#a3a3a3;--color-neutral-500:#737373;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#333333;--color-neutral-850:#282828;--color-neutral-900:#262626;--color-neutral-950:#171717;--color-accent:#facc15;--color-accent-light:#fde047;--color-accent-dark:#eab308;--color-accent-darker:#ca8a04;--color-board:#228b22;--color-board-light:#2da32d;--color-board-dark:#1a6b1a;--color-board-darker:#145214;--color-success:#22c55e;--color-success-dark:#16a34a;--color-success-darker:#15803d;--color-error:#ef4444;--color-info:#3b82f6;--ui-overlay-bg:rgba(0, 0, 0, .6);--ui-overlay-blur:4px;--ui-panel-bg:var(--color-neutral-900);--ui-panel-bg-solid:var(--color-neutral-900);--ui-panel-border:var(--color-neutral-700);--ui-panel-shadow:0 4px 16px rgba(0, 0, 0, .3);--ui-panel-radius:16px;--ui-section-bg:var(--color-neutral-850);--ui-section-border:var(--color-neutral-700);--ui-section-radius:12px;--ui-section-highlight-bg:rgba(34, 139, 34, .1);--ui-section-highlight-border:rgba(34, 139, 34, .3);--ui-text-primary:var(--color-neutral-50);--ui-text-secondary:var(--color-neutral-400);--ui-text-muted:var(--color-neutral-500);--ui-text-accent:var(--color-board-light);--ui-text-error:var(--color-error);--ui-text-success:var(--color-success);--btn-bg:var(--color-neutral-800);--btn-bg-hover:var(--color-neutral-700);--btn-bg-active:var(--color-neutral-600);--btn-border:var(--color-neutral-600);--btn-border-hover:var(--color-neutral-500);--btn-text:var(--color-neutral-100);--btn-shadow:0 1px 2px rgba(0, 0, 0, .2);--btn-shadow-hover:0 2px 4px rgba(0, 0, 0, .25);--btn-radius:.5rem;--btn-primary-bg:var(--color-board);--btn-primary-bg-hover:var(--color-board-light);--btn-primary-bg-active:var(--color-board-dark);--btn-primary-border:var(--color-board-dark);--btn-primary-text:#ffffff;--btn-primary-shadow:0 1px 2px rgba(0, 0, 0, .2);--btn-primary-shadow-hover:0 2px 6px rgba(34, 139, 34, .3);--btn-ready-bg:var(--color-board);--btn-ready-bg-hover:var(--color-board-light);--btn-ready-bg-active:var(--color-board-dark);--btn-ready-text:#ffffff;--btn-secondary-bg:transparent;--btn-secondary-bg-hover:var(--color-neutral-800);--btn-secondary-border:var(--color-neutral-600);--btn-secondary-border-hover:var(--color-neutral-500);--btn-secondary-text:var(--color-neutral-400);--btn-secondary-text-hover:var(--color-neutral-100);--btn-disabled-bg:var(--color-neutral-800);--btn-disabled-text:var(--color-neutral-600);--btn-disabled-border:var(--color-neutral-700);--focus-ring-color:var(--color-board);--focus-ring-shadow:0 0 0 2px rgba(34, 139, 34, .4);--input-bg:var(--color-neutral-800);--input-bg-solid:var(--color-neutral-800);--input-border:var(--color-neutral-600);--input-border-focus:var(--color-board);--input-text:var(--color-neutral-50);--input-placeholder:var(--color-neutral-500);--input-shadow:0 1px 2px rgba(0, 0, 0, .15);--input-shadow-focus:0 0 0 3px rgba(34, 139, 34, .2);--input-radius:8px;--input-height:44px;--input-height-lg:48px;--name-display-bg:var(--color-neutral-850);--name-display-border:var(--color-neutral-700);--name-display-radius:12px;--icon-btn-edit-bg:transparent;--icon-btn-edit-bg-hover:var(--color-neutral-800);--icon-btn-edit-color:var(--color-neutral-500);--icon-btn-edit-color-hover:var(--color-neutral-100);--icon-btn-shuffle-bg:rgba(34, 139, 34, .12);--icon-btn-shuffle-bg-hover:rgba(34, 139, 34, .2);--icon-btn-shuffle-border:rgba(34, 139, 34, .25);--icon-btn-shuffle-border-hover:rgba(34, 139, 34, .4);--icon-btn-shuffle-color:var(--color-board-light);--icon-btn-confirm-bg:rgba(34, 197, 94, .12);--icon-btn-confirm-bg-hover:rgba(34, 197, 94, .2);--icon-btn-confirm-border:rgba(34, 197, 94, .25);--icon-btn-confirm-border-hover:rgba(34, 197, 94, .4);--icon-btn-confirm-color:var(--color-success);--invite-bg:rgba(34, 139, 34, .1);--invite-border:rgba(34, 139, 34, .2);--invite-title-color:var(--color-board-light);--invite-radius:12px;--settings-section-bg:rgba(34, 139, 34, .1);--settings-section-border:rgba(34, 139, 34, .2);--settings-section-radius:12px;--error-bg:rgba(239, 68, 68, .12);--error-text:var(--color-error);--modal-overlay-bg:rgba(0, 0, 0, .3);--modal-bg:#ffffff;--modal-border:#e2e8f0;--modal-shadow:0 8px 32px rgba(0, 0, 0, .15);--modal-radius:1rem;--modal-text-primary:#1e293b;--modal-text-secondary:#475569;--modal-text-muted:#64748b;--modal-text-placeholder:#94a3b8;--modal-section-bg:#f8fafc;--modal-section-border:#e2e8f0;--modal-btn-bg:#f1f5f9;--modal-btn-bg-hover:#e2e8f0;--modal-btn-border:#e2e8f0;--modal-btn-border-hover:#cbd5e1;--modal-btn-text:#1e293b;--modal-close-color:#94a3b8;--modal-close-color-hover:#1e293b;--modal-close-bg-hover:#f1f5f9;--modal-focus-ring:#3b82f6;--btn-font-size:clamp(12px, 3.5cqw, 18px);--btn-font-size-sm:clamp(10px, 2.5cqw, 14px);--btn-padding-y:clamp(8px, 2cqh, 16px);--btn-padding-x:clamp(12px, 3cqw, 24px);--btn-gap:clamp(4px, 1cqh, 8px);--icon-size-sm:clamp(12px, 3cqw, 16px);--icon-size-md:clamp(16px, 4cqw, 24px);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--transition-fast:.1s ease-out;--transition-base:.15s ease-out;--transition-slow:.25s ease-out;--ui-chrome-height:100px;--ui-chrome-height-online:180px;--board-min-size:200px;--board-max-size:600px;--board-max-width:clamp( var(--board-min-size), min(100%, calc(100dvh - var(--ui-chrome-height))), var(--board-max-size) );--board-max-width-online:clamp( var(--board-min-size), min(100%, calc(100dvh - var(--ui-chrome-height-online))), var(--board-max-size) );--panel-width:380px;--panel-width-compact:340px;--panel-max-height:calc(100dvh - 16px);--board-panel-gap:var(--space-6)}@media (orientation:landscape) and (max-height:400px){:root{--ui-chrome-height:40px;--board-min-size:140px}}._container_10msz_182{position:relative;width:100%;aspect-ratio:1;overflow:hidden;container-type:size}._boardLayer_10msz_190{position:absolute;inset:0;z-index:1}._container_m8edt_1{max-width:400px;margin:0 auto;padding:1rem;min-height:calc(100dvh - 60px)}._ratingCard_m8edt_8{text-align:center;margin-bottom:1rem;padding:1rem .75rem;border-radius:12px;border:1px solid transparent;transition:background .3s,border-color .3s}._welcomeBanner_m8edt_17{font-size:.8125rem;font-weight:600;text-align:center;padding:.375rem .5rem;margin-bottom:.5rem;border-radius:6px;background:linear-gradient(135deg,#60a5fa1f,#a78bfa14);color:#93c5fd;animation:_fadeIn_m8edt_1 .5s ease-out}._shieldBanner_m8edt_29{font-size:.75rem;font-weight:600;text-align:center;padding:.25rem .5rem;margin-top:.25rem;border-radius:6px;background:#fbbf241a;color:#fbbf24}._rankLabel_m8edt_40{font-size:.6875rem;opacity:.5;letter-spacing:.05em}._rankBadge_m8edt_46{font-size:3rem;font-weight:800;line-height:1;min-height:1em;font-variant-numeric:tabular-nums;letter-spacing:-.02em;transition:color .3s,text-shadow .3s}._rankPips_m8edt_56{display:flex;justify-content:center;gap:6px;margin-top:.375rem;width:100%}._pipFilled_m8edt_64,._pipEmpty_m8edt_65{width:10px;height:10px;border-radius:50%;transition:background .3s,box-shadow .3s}._pipEmpty_m8edt_65{background:#80808033;border:1px solid rgba(128,128,128,.15)}._progressContainer_m8edt_77{margin-top:.625rem}._progressBar_m8edt_81{height:8px;border-radius:4px;background:#80808026;overflow:hidden;width:160px;margin:0 auto}._progressFill_m8edt_90{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}._progressText_m8edt_96{font-size:.75rem;opacity:.45;margin-top:.25rem;font-variant-numeric:tabular-nums}._detailToggle_m8edt_103{margin-top:.5rem;padding:.125rem .5rem;border:0;background:0 0;color:inherit;opacity:.3;font-size:.6875rem;cursor:pointer;transition:opacity .15s}._detailToggle_m8edt_103:hover{opacity:.6}._detailSection_m8edt_118{margin-top:.375rem;padding-top:.375rem;border-top:1px solid rgba(128,128,128,.15);animation:_fadeIn_m8edt_1 .2s ease-out}._ratingDetail_m8edt_125{text-align:center;font-size:.6875rem;opacity:.35;margin-top:.25rem}._ratingValue_m8edt_132{font-size:1.5rem;font-weight:700;line-height:1.2;min-height:1.2em}._ratingSkeleton_m8edt_139{display:inline-block;width:3ch;height:1em;border-radius:4px;background:#ffffff1a;animation:_shimmer_m8edt_1 1.2s ease-in-out infinite}@keyframes _shimmer_m8edt_1{0%,to{opacity:.3}50%{opacity:.6}}._ratingLoaded_m8edt_156{animation:_fadeIn_m8edt_1 .3s ease-out}._recentResults_m8edt_160{display:flex;justify-content:center;gap:.375rem;margin-top:.375rem;font-size:.875rem;letter-spacing:.05em}._result_win_m8edt_169{color:#4ade80}._result_lose_m8edt_173{color:#f87171}._result_draw_m8edt_177{color:#ffffff80}._ratingDisclaimer_m8edt_181{font-size:.8125rem;opacity:.6;margin-top:.25rem}._records_m8edt_187{display:flex;justify-content:center;gap:1.25rem;margin-top:.5rem;font-size:.8125rem;opacity:.7}._recordItem_m8edt_196 strong{font-variant-numeric:tabular-nums}._ruleInfo_m8edt_200{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;opacity:.6}._totalGamesHint_m8edt_209{text-align:center;font-size:.8125rem;opacity:.55;margin-top:.5rem}._mannerNote_m8edt_216{text-align:center;font-size:.75rem;opacity:.4;margin-top:.75rem;max-width:240px;margin-inline:auto;line-height:1.6}._matchHint_m8edt_226{text-align:center;font-size:.875rem;opacity:.7;margin-top:.5rem}._searchingContainer_m8edt_233{text-align:center}._searchingCard_m8edt_237{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:119px;padding:var(--space-5) var(--space-6);border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);animation:_fadeIn_m8edt_1 .3s ease-out}._searchingText_m8edt_251{font-size:1.125rem;font-weight:600}._discViewport_m8edt_256{overflow:hidden;width:172px;margin:0 auto}._discTrack_m8edt_262{display:flex;gap:8px;animation:_discSlide_m8edt_1 12.5s step-end infinite;animation-timing-function:linear;animation-timing-function:ease}._blackDisc_m8edt_270,._whiteDisc_m8edt_271{width:28px;height:28px;border-radius:50%;flex-shrink:0}._blackDisc_m8edt_270{background:radial-gradient(circle at 35% 35%,#555,#111 70%);box-shadow:0 1px 4px #00000040}._whiteDisc_m8edt_271{background:radial-gradient(circle at 35% 35%,#fff,#ddd 70%);box-shadow:0 1px 4px #0000001f}@keyframes _discSlide_m8edt_1{0%,7%{transform:translate(0)}9%{transform:translate(4px)}13%{transform:translate(-36px)}15%{transform:translate(-33px)}17%,20%{transform:translate(-36px)}27%{transform:translate(-36px)}29%{transform:translate(-32px)}33%{transform:translate(-72px)}35%{transform:translate(-69px)}37%,40%{transform:translate(-72px)}47%{transform:translate(-72px)}49%{transform:translate(-68px)}53%{transform:translate(-108px)}55%{transform:translate(-105px)}57%,60%{transform:translate(-108px)}67%{transform:translate(-108px)}69%{transform:translate(-104px)}73%{transform:translate(-144px)}75%{transform:translate(-141px)}77%,80%{transform:translate(-144px)}87%{transform:translate(-144px)}89%{transform:translate(-140px)}93%{transform:translate(-180px)}95%{transform:translate(-177px)}97%,to{transform:translate(-180px)}}._cancelButton_m8edt_365{margin-top:var(--space-4);padding:.5rem 1.5rem;border-radius:8px;border:1px solid #d4d4d4;background:#f5f5f5;color:#333;cursor:pointer;font-size:.875rem;transition:background .15s}._cancelButton_m8edt_365:hover{background:#e5e5e5}._cancelButton_m8edt_365:active{background:#d4d4d4}._searchingMatchedArea_m8edt_383{position:relative}._searchingFrozen_m8edt_387{visibility:hidden;pointer-events:none}._matchedOverlay_m8edt_392{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}._matchedContainer_m8edt_400{text-align:center;padding:2rem;animation:_fadeIn_m8edt_1 .3s ease-out}._matchedTitle_m8edt_406{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}._matchedSubtext_m8edt_412{opacity:.7}@keyframes _fadeIn_m8edt_1{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}._errorContainer_m8edt_426{text-align:center}._errorMessage_m8edt_430{color:#ef4444;margin-bottom:1rem}._cpuGate_m8edt_435{text-align:center}._cpuGateMessage_m8edt_439{font-size:.875rem;opacity:.7;margin-bottom:1rem}._container_1wjd5_1{margin-top:.5rem;padding:.5rem .75rem;border-radius:8px;background:#ffffff0d}._row_1wjd5_8{display:flex;justify-content:space-around}._stat_1wjd5_13{display:flex;flex-direction:column;align-items:center;gap:.125rem}._value_1wjd5_20{font-size:.875rem;font-weight:600;font-variant-numeric:tabular-nums}._label_1wjd5_26{font-size:.625rem;opacity:.5}._wrapper_13tn6_1{margin-top:1.5rem}._label_13tn6_5{text-align:center;font-size:.875rem;opacity:.6;margin-bottom:.75rem}