.video-bg-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;background:var(--color-bg-deep)}.video-bg-layer{position:absolute;top:50%;left:50%;width:100%;height:100%;min-width:100%;min-height:100%;transform:translate(-50%,-50%);object-fit:cover;opacity:0;transition:opacity .8s ease-in-out}.video-bg-layer.active{opacity:1}.game-play-wrapper{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;overflow:hidden;position:relative}.game-play-layout{display:flex;flex:1;overflow:hidden}.game-play-layout.desktop-layout{flex-direction:row}.desktop-layout .game-play-layout__sidebar{width:280px;flex-shrink:0;border-right:1px solid var(--color-border-subtle);overflow-y:auto;background:#0003}.desktop-layout .game-play-layout__players{display:flex;flex-direction:row;overflow-x:auto;gap:24px;padding:24px;flex:1;align-items:flex-start}.game-play-layout.mobile-layout{flex-direction:column;overflow-y:auto}.mobile-layout .game-play-layout__sidebar{display:none}.mobile-layout .game-play-layout__players{display:flex;flex-direction:row;overflow-x:auto;gap:10px;padding:8px 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.mobile-layout .game-play-layout__players>*{min-width:calc(100vw - 24px);max-width:calc(100vw - 24px);flex-shrink:0;scroll-snap-align:center}.mobile-layout .game-play-layout__players:after{content:"";min-width:1px;flex-shrink:0}.player-panel__cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media (max-width: 600px){.player-panel__cards{gap:4px}.desktop-layout .game-play-layout__players,.mobile-layout .game-play-layout__players{padding:12px}}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media (max-width: 600px){.card-grid{gap:4px}}.orientation-guard{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;background-color:#070a13;background-image:radial-gradient(circle at center,#3b82f614,#070a13 70%);color:#fff;padding:24px;text-align:center;align-items:center;justify-content:center;flex-direction:column;-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none}@media screen and (orientation: landscape) and (max-height: 550px){.orientation-guard{display:flex!important}}.orientation-guard-card{max-width:420px;width:100%;padding:24px 28px;background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 16px 40px #000000b3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column;align-items:center}.orientation-guard-icon-wrapper{width:72px;height:72px;border-radius:50%;background:#3b82f61f;border:1px solid rgba(59,130,246,.3);display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 0 24px #3b82f640}.orientation-guard-icon{font-size:40px!important;color:#60a5fa!important;animation:phoneRotateLoop 2.4s cubic-bezier(.4,0,.2,1) infinite}.orientation-guard-title{font-family:Chakra Petch,sans-serif!important;font-weight:700!important;font-size:1.25rem!important;color:#f8fafc!important;margin-bottom:8px!important;letter-spacing:.05em;text-shadow:0 2px 8px rgba(0,0,0,.5)}.orientation-guard-desc{font-family:IBM Plex Sans Thai,sans-serif!important;color:#94a3b8!important;font-size:.9rem!important;line-height:1.5!important;margin:0!important}@keyframes phoneRotateLoop{0%,15%{transform:rotate(0)}40%,65%{transform:rotate(-90deg)}90%,to{transform:rotate(0)}}*,*:before,*:after{box-sizing:border-box}html,body{scroll-behavior:smooth;overflow:hidden;max-width:100%;width:100%;height:100%;height:100dvh;background-color:#070a13;overscroll-behavior:none;overscroll-behavior-y:none;overscroll-behavior-x:none;overflow-wrap:break-word;word-break:break-word}#app{height:100%;height:100dvh;background-color:#070a13;overflow:hidden}::selection{background:var(--color-accent);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.app-root{height:100%;height:100dvh;color:var(--color-ink);position:relative;overflow:hidden;background-color:#070a13}.app-bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;background:url(/assets/BG_New-BzfvgkTe.jpeg) no-repeat center center;background-size:cover;pointer-events:none;z-index:0}.app-root>*{position:relative;z-index:1}.app-root code{letter-spacing:1px;font-family:kingthings_trypewriter_2Rg,serif}.app-root .display-2{font-family:Chakra Petch,sans-serif;font-size:var(--text-display);font-weight:400;color:var(--color-primary);text-shadow:0 0 15px var(--color-primary-glow);letter-spacing:-2px;word-spacing:-5px;line-height:1.1;margin-bottom:var(--space-md)}.app-root .display-1{font-family:kingthings_trypewriter_2Rg,serif;font-size:var(--text-3xl);font-weight:400;letter-spacing:-1px;word-spacing:-5px;line-height:1.3}.app-root .subtitle-1{font-size:var(--text-lg);font-weight:400;line-height:1.6;color:var(--color-ink-muted)}.page-enter{opacity:0;transform:translateY(8px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--duration-slow) var(--ease-out-expo),transform var(--duration-slow) var(--ease-out-expo)}.page-exit{display:none}@media (prefers-reduced-motion: reduce){.page-enter{transform:none}.page-enter-active{transition:opacity var(--duration-normal) linear}}.accent-text{color:var(--color-accent)!important;text-shadow:0 0 15px var(--color-accent-glow)}.text-uppercase{text-transform:uppercase}@font-face{font-family:kingthings_trypewriter_2Rg;src:url(/assets/kingthings_trypewriter_2-webfont-yFPiR37B.woff2) format("woff2"),url(/assets/kingthings_trypewriter_2-webfont-DXoI8mdb.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--color-bg-deep: oklch(.1 .02 250);--color-bg: oklch(.13 .025 250);--color-surface: oklch(.16 .02 250 / .75);--color-surface-hover: oklch(.2 .025 250 / .85);--color-border-subtle: oklch(.35 .01 250 / .12);--color-border-accent: oklch(.55 .18 15 / .35);--color-accent: oklch(.6 .22 15);--color-accent-glow: oklch(.6 .22 15 / .25);--color-primary: oklch(.6 .18 250);--color-primary-glow: oklch(.6 .18 250 / .2);--color-ink: oklch(.92 .005 250);--color-ink-muted: oklch(.65 .015 250);--color-ink-dim: oklch(.5 .01 250);--color-success: oklch(.68 .17 145);--color-warning: oklch(.72 .15 85);--black: #0f172a;--darkblue: #1e293b;--secondary: #0f172a;--text-main: #f8fafc;--text-muted-old: #cbd5e1;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-display: clamp(2.5rem, 5vw, 5rem);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-card: 0 4px 24px oklch(0 0 0 / .35);--shadow-elevated: 0 8px 40px oklch(0 0 0 / .45);--shadow-glow-accent: 0 0 24px oklch(.6 .22 15 / .2);--shadow-glow-primary: 0 0 20px oklch(.6 .18 250 / .15)}@media (prefers-reduced-motion: reduce){:root{--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms}}body{margin:0;font-family:IBM Plex Sans Thai,IBM Plex Mono,monospace,sans-serif;background-color:#070a13;color:var(--color-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}