html,body,#root{height:100%;margin:0}body{min-width:320px}:root{--tg-bg-glow-a:#5eb4ff8f;--tg-bg-glow-b:#7e7dff70;--tg-bg-base-1:#0f213f;--tg-bg-base-2:#2d4972;--tg-bg-base-3:#1a6266;--tg-board-wood-1:#8f582d;--tg-board-wood-2:#a86f40;--tg-board-wood-3:#835024;--tg-board-wood-4:#ad7547;--tg-board-wood-5:#855227;--tg-piece-r-hi:#ffe1dd;--tg-piece-r-mid:#ef4d42;--tg-piece-r-lo:#8f170f;--tg-piece-g-hi:#e5ffed;--tg-piece-g-mid:#4ec56f;--tg-piece-g-lo:#1d6b36;--tg-piece-y-hi:#fff9d8;--tg-piece-y-mid:#e6b43b;--tg-piece-y-lo:#87580f;--tg-piece-b-hi:#daf0ff;--tg-piece-b-mid:#4f9fe0;--tg-piece-b-lo:#1d527f}*{box-sizing:border-box}input,textarea,select{font-size:16px}body{background:radial-gradient(128% 122% at -10% -8%, var(--tg-bg-glow-a), transparent 50%), radial-gradient(114% 116% at 104% -14%, var(--tg-bg-glow-b), transparent 48%), radial-gradient(132% 108% at 20% 118%, #86d8ff42, transparent 58%), radial-gradient(126% 116% at 86% 118%, #60ffd53d, transparent 60%), linear-gradient(155deg, var(--tg-bg-base-1) 0%, var(--tg-bg-base-2) 42%, #235d73 68%, var(--tg-bg-base-3) 100%);color:#fff;touch-action:pan-x pan-y pinch-zoom;overscroll-behavior:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow:hidden auto}button,input,select{font:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff14;border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(#ffffff73,#ffffff40);border-radius:999px}.intro-splash{z-index:9999;cursor:pointer;background:radial-gradient(120% 120%,#26386e00 0%,#080e1ef5 70%,#03060f 100%),linear-gradient(165deg,#0b1330 0%,#0a0f24 55%,#050816 100%);flex-direction:column;justify-content:center;align-items:center;animation:2.4s ease-out both intro-bg-pulse;display:flex;position:fixed;inset:0;overflow:hidden}.intro-splash-fade{pointer-events:none;animation:.55s ease-in forwards intro-fade-out}@keyframes intro-fade-out{to{opacity:0;transform:scale(1.04)}}@keyframes intro-bg-pulse{0%{filter:brightness(.55)saturate(1.2)}35%{filter:brightness()saturate(1.4)}to{filter:brightness()saturate()}}.intro-bloom{filter:blur(48px);opacity:0;pointer-events:none;border-radius:50%;width:72vmin;height:72vmin;animation:2.2s ease-out 50ms both intro-bloom-rise;position:absolute}.intro-bloom-green{background:radial-gradient(circle,#00c8648c,#0000 65%);top:18vmin;left:-22vmin}.intro-bloom-red{background:radial-gradient(circle,#ff503c8c,#0000 65%);bottom:18vmin;right:-22vmin}@keyframes intro-bloom-rise{0%{opacity:0;transform:scale(.5)}50%{opacity:.92;transform:scale(1.1)}to{opacity:.7;transform:scale(1)}}.intro-rays{opacity:0;filter:blur(4px);pointer-events:none;background:conic-gradient(#ffdc7800,#ffdc7829 12deg,#ffdc7800 24deg 36deg,#ffdc7829 48deg,#ffdc7800 60deg 72deg,#ffdc7829 84deg,#ffdc7800 96deg);width:180vmax;height:180vmax;animation:8s linear infinite intro-rays-spin,2.2s ease-out .5s both intro-rays-show;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes intro-rays-show{0%{opacity:0}to{opacity:.55}}@keyframes intro-rays-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.intro-dice-wrap{place-items:center;width:min(46vmin,320px);height:min(46vmin,320px);display:grid;position:relative}.intro-halo{opacity:0;filter:blur(6px);pointer-events:none;background:radial-gradient(circle,#ffd9828c,#ff82502e 45%,#0000 70%);border-radius:50%;animation:2.2s ease-out .7s both intro-halo-pulse;position:absolute;inset:-22%}@keyframes intro-halo-pulse{0%{opacity:0;transform:scale(.4)}30%{opacity:.95;transform:scale(1.08)}to{opacity:.6;transform:scale(1.16)}}.intro-dice{transform-origin:50%;place-items:center;width:100%;height:100%;animation:1.6s cubic-bezier(.16,.85,.34,1) both intro-dice-roll;display:grid;position:relative}.intro-dice svg{width:92%;height:92%}@keyframes intro-dice-roll{0%{opacity:0;transform:translateY(-120vh)scale(.3)rotate(-810deg)}35%{opacity:1;transform:translateY(6%)scale(1.15)rotate(-60deg)}55%{transform:translateY(-3%)scale(.96)rotate(10deg)}72%{transform:translateY(1%)scale(1.03)rotate(-3deg)}86%{transform:translate(0,0)scale(.99)rotate(1deg)}to{opacity:1;transform:translate(0,0)scale(1)rotate(0)}}.intro-sparkle{opacity:0;pointer-events:none;background:radial-gradient(circle,#fff5c8,#ffc85073 45%,#0000 70%);border-radius:50%;width:14px;height:14px;animation:1.6s ease-out 1.2s both intro-sparkle-burst;position:absolute;box-shadow:0 0 14px 4px #ffdc82b3}.intro-sparkle-1{--sx:-180%;--sy:-180%;animation-delay:1.2s}.intro-sparkle-2{--sx:180%;--sy:-180%;animation-delay:1.28s}.intro-sparkle-3{--sx:-200%;--sy:0%;animation-delay:1.36s}.intro-sparkle-4{--sx:200%;--sy:0%;animation-delay:1.44s}.intro-sparkle-5{--sx:-180%;--sy:180%;animation-delay:1.52s}.intro-sparkle-6{--sx:180%;--sy:180%;animation-delay:1.6s}@keyframes intro-sparkle-burst{0%{opacity:0;transform:translate(0)scale(.2)}30%{opacity:1;transform:translate(calc(var(--sx) * .45), calc(var(--sy) * .45)) scale(1.4)}to{opacity:0;transform:translate(var(--sx), var(--sy)) scale(.6)}}.intro-title{letter-spacing:.22em;color:#fff5d8;text-shadow:0 0 18px #ffd782b3,0 0 36px #ff965073;opacity:0;margin-top:6vmin;font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:clamp(1.6rem,5.2vw,2.8rem);animation:.9s ease-out 1.2s both intro-title-rise;position:relative;transform:translateY(8px)}.intro-sub{color:#ffebc8cc;letter-spacing:.06em;opacity:0;margin-top:8px;font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:clamp(.85rem,2.6vw,1.05rem);font-style:italic;animation:.9s ease-out 1.45s both intro-title-rise;position:relative}@keyframes intro-title-rise{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.intro-splash,.intro-bloom,.intro-rays,.intro-dice,.intro-halo,.intro-sparkle,.intro-title,.intro-sub{animation-duration:10ms!important;animation-delay:0s!important}}.a11y-toggle{right:max(12px, env(safe-area-inset-right,12px));top:max(12px, calc(env(safe-area-inset-top,0px) + 8px));z-index:9000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f5f5ff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#080e1eb8;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex;position:fixed}.a11y-toggle:hover{background:#080e1ee0}.a11y-toggle:active{transform:scale(.96)}.a11y-toggle-label{letter-spacing:.02em}@media (width<=480px){.a11y-toggle-label{display:none}.a11y-toggle{padding:6px 8px;font-size:14px}}html.a11y-high-contrast,html.a11y-high-contrast body{color:#fff!important;background:#000!important}html.a11y-high-contrast{--tg-bg-base-1:#000;--tg-bg-base-2:#050505;--tg-bg-base-3:#0a0a0a;--tg-bg-glow-a:transparent;--tg-bg-glow-b:transparent}html.a11y-high-contrast .storefront-card,html.a11y-high-contrast .storefront-header,html.a11y-high-contrast .storefront-hero,html.a11y-high-contrast .lan-card,html.a11y-high-contrast .top-menu,html.a11y-high-contrast .top-menu-panel,html.a11y-high-contrast .landing-card,html.a11y-high-contrast .landing-account{color:#fff!important;box-shadow:none!important;background:#0c0c0e!important;border:2px solid #f0f0f0!important}html.a11y-high-contrast button{color:#fff!important;background:#111!important;border:2px solid #fff!important}html.a11y-high-contrast button:hover,html.a11y-high-contrast button:focus-visible{outline-offset:2px;background:#333!important;outline:3px solid #ffd34d!important}html.a11y-high-contrast a{text-decoration:underline;color:#ffd34d!important}html.a11y-high-contrast .small,html.a11y-high-contrast .meta,html.a11y-high-contrast small{color:#e0e0e0!important}html.a11y-high-contrast,html.a11y-high-contrast body,html.a11y-high-contrast #root{color:#fff!important;background:#000!important}html.a11y-high-contrast :not(.intro-splash):not(.intro-splash *):not(.board-shell):not(.board-shell *):not(.board-piece):not(.board-piece *):not(.classic4-photo):not(.matrix6-photo):not(.preview-card-image):not(.preview-card-image *):not(img):not(svg):not(svg *):not(.storefront-avatar-option img):not(.storefront-avatar-option):not([class*=dice]):not([class*=dice] *):not([class*=piece]):not([class*=piece] *):not(.landing-account-avatar):not(.landing-account-avatar *){color:#fff!important;text-shadow:none!important;box-shadow:none!important;filter:none!important;background:#000!important;border-color:#fff!important}html.a11y-high-contrast button,html.a11y-high-contrast [role=button],html.a11y-high-contrast .storefront-cta-row button{color:#fff!important;background:#111!important;border:2px solid #fff!important}html.a11y-high-contrast button:hover,html.a11y-high-contrast button:focus-visible,html.a11y-high-contrast [role=button]:focus-visible{outline-offset:2px;background:#333!important;outline:3px solid #ffd34d!important}html.a11y-high-contrast input,html.a11y-high-contrast select,html.a11y-high-contrast textarea{color:#fff!important;background:#000!important;border:2px solid #fff!important}html.a11y-high-contrast input[type=color]{border:2px solid #fff!important}html.a11y-high-contrast a{color:#ffd34d!important;text-decoration:underline!important}html.a11y-high-contrast [role=dialog],html.a11y-high-contrast [role=alertdialog],html.a11y-high-contrast .modal,html.a11y-high-contrast .popup,html.a11y-high-contrast .toast,html.a11y-high-contrast .notice,html.a11y-high-contrast .alert,html.a11y-high-contrast .info-panel,html.a11y-high-contrast .roll-notice,html.a11y-high-contrast .logout-modal,html.a11y-high-contrast .logout-modal-overlay,html.a11y-high-contrast .top-menu-panel,html.a11y-high-contrast .orientation-card,html.a11y-high-contrast .checkout-dialog,html.a11y-high-contrast .policy-review-modal{color:#fff!important;background:#000!important;border:2px solid #fff!important}html.a11y-high-contrast [role=status],html.a11y-high-contrast .badge,html.a11y-high-contrast .pill,html.a11y-high-contrast .storefront-pill,html.a11y-high-contrast .storefront-scope-chip{color:#fff!important;background:#111!important;border:1px solid #fff!important}html.a11y-high-contrast .a11y-toggle{color:#000!important;background:#fff!important;border:2px solid #000!important}html.a11y-high-contrast .a11y-toggle *{color:#000!important}html.a11y-high-contrast [class*=overlay],html.a11y-high-contrast [class*=-cover]{background:#000000f5!important}html.a11y-high-contrast .modal-backdrop,html.a11y-high-contrast .modal,html.a11y-high-contrast .modal-title,html.a11y-high-contrast .modal-text,html.a11y-high-contrast .modal-actions,html.a11y-high-contrast .modal-content,html.a11y-high-contrast .confirm-dialog,html.a11y-high-contrast .confirmation,html.a11y-high-contrast .resign-confirm,html.a11y-high-contrast .logout-modal-overlay,html.a11y-high-contrast .logout-modal,html.a11y-high-contrast .checkout-dialog,html.a11y-high-contrast .policy-review-overlay,html.a11y-high-contrast .policy-review-modal{color:#fff!important;text-shadow:none!important;background:#000!important;border-color:#fff!important;box-shadow:0 0 0 2px #fff!important}html.a11y-high-contrast .modal-backdrop,html.a11y-high-contrast .logout-modal-overlay,html.a11y-high-contrast [class*=-overlay]{background:#000000f5!important}html.a11y-high-contrast .btn,html.a11y-high-contrast .btn.danger,html.a11y-high-contrast .btn.cancel,html.a11y-high-contrast .btn.primary,html.a11y-high-contrast .btn.secondary{color:#fff!important;text-shadow:none!important;background:#111!important;border:2px solid #fff!important}html.a11y-high-contrast .btn.danger{color:#ff8a7a!important;background:#2a0000!important;border-color:#ff5b4d!important}html.a11y-high-contrast .btn:hover,html.a11y-high-contrast .btn:focus-visible{outline-offset:2px;background:#333!important;outline:3px solid #ffd34d!important}html.a11y-high-contrast div,html.a11y-high-contrast section,html.a11y-high-contrast aside,html.a11y-high-contrast header,html.a11y-high-contrast footer,html.a11y-high-contrast nav,html.a11y-high-contrast main,html.a11y-high-contrast article,html.a11y-high-contrast span,html.a11y-high-contrast p,html.a11y-high-contrast h1,html.a11y-high-contrast h2,html.a11y-high-contrast h3,html.a11y-high-contrast h4,html.a11y-high-contrast h5,html.a11y-high-contrast h6,html.a11y-high-contrast strong,html.a11y-high-contrast em,html.a11y-high-contrast b,html.a11y-high-contrast i,html.a11y-high-contrast small,html.a11y-high-contrast label,html.a11y-high-contrast li,html.a11y-high-contrast td,html.a11y-high-contrast th,html.a11y-high-contrast dt,html.a11y-high-contrast dd{text-shadow:none!important;background-image:none!important}html.a11y-high-contrast span,html.a11y-high-contrast p,html.a11y-high-contrast label,html.a11y-high-contrast li,html.a11y-high-contrast strong,html.a11y-high-contrast em,html.a11y-high-contrast h1,html.a11y-high-contrast h2,html.a11y-high-contrast h3,html.a11y-high-contrast h4,html.a11y-high-contrast h5,html.a11y-high-contrast h6{color:#fff!important}.music-toggle{color:#f2f7ff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff52;border-radius:10px;align-items:center;gap:6px;min-height:38px;padding:6px 12px;font-size:14px;font-weight:700;display:inline-flex}.music-toggle:hover{background:#ffffff38}.music-toggle:active{transform:scale(.96)}.music-toggle-label{letter-spacing:.03em}@media (width<=520px){.music-toggle-label{display:none}.music-toggle{padding:6px 9px;font-size:16px}}html.a11y-high-contrast .music-toggle{color:#000!important;background:#fff!important;border:2px solid #000!important}html.a11y-high-contrast .music-toggle *{color:#000!important}.a11y-panel{right:max(12px, env(safe-area-inset-right,12px));top:max(58px, calc(env(safe-area-inset-top,0px) + 54px));z-index:9001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f5f5ff;background:#080e1ef0;border:1px solid #ffffff52;border-radius:14px;flex-direction:column;gap:8px;min-width:230px;padding:12px 14px;display:flex;position:fixed;box-shadow:0 14px 36px #0000007a}.a11y-panel-title{letter-spacing:.04em;color:#fff5d8;margin-bottom:4px;font-size:.95em;font-weight:700}.a11y-panel-row{cursor:pointer;align-items:center;gap:8px;padding:4px 2px;font-size:.92em;display:flex}.a11y-panel-row input[type=checkbox]{accent-color:#ffd34d;cursor:pointer;width:18px;height:18px}.a11y-panel-close{color:#fff;cursor:pointer;background:#ffffff29;border:1px solid #ffffff47;border-radius:8px;margin-top:6px;padding:6px 10px;font-size:.85em;font-weight:600}.a11y-panel-close:hover{background:#ffffff47}html.a11y-large-text,html.a11y-large-text body{font-size:19px}html.a11y-reduce-motion *,html.a11y-reduce-motion :before,html.a11y-reduce-motion :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}html.a11y-focus-ring :focus-visible{outline-offset:3px!important;outline:3px solid #ffd34d!important;box-shadow:0 0 0 4px #ffd34d59!important}html.a11y-high-contrast .a11y-panel{color:#fff!important;background:#000!important;border:2px solid #fff!important}html.a11y-high-contrast .a11y-panel *{color:#fff!important}html.a11y-high-contrast .a11y-panel-close{background:#111!important;border:2px solid #fff!important}