/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#080b10;--panel:#11161e;--muted:#9099a8;--red:#ff3248;--yellow:#ffd43b;--blue:#176cf2;--green:#24bd68}*{box-sizing:border-box}body{background:var(--ink);color:#f7f8fa;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.app{background:radial-gradient(circle at 84% 22%,#ff314917,#0000 29%),linear-gradient(135deg,#0d1118,#07090d 65%);min-height:100vh;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07090db3;border-bottom:1px solid #ffffff14;align-items:center;height:84px;padding:0 4.7vw;display:flex;position:relative}.brandButton{background:0 0;border:0;padding:0}.logo{white-space:nowrap;align-items:center;gap:7px;font-style:italic;display:flex;transform:skew(-8deg)}.logo span{letter-spacing:.08em;font-size:16px;font-weight:950}.logo strong{background:var(--red);border-radius:50% 38% 50% 42%;padding:7px 9px;font-size:22px;line-height:1;box-shadow:0 0 20px #ff324840}header nav{gap:35px;margin-left:70px;display:flex}header nav button,header nav a{color:#9ca5b3;background:0 0;border:0;align-items:center;height:84px;font-size:14px;font-weight:700;text-decoration:none;display:flex;position:relative}header nav button:hover,header nav a:hover,header nav .active{color:#fff}header nav .active:after{content:"";background:var(--red);height:2px;position:absolute;bottom:0;left:0;right:0}.profile{background:#121721;border:1px solid #ffffff17;border-radius:12px;align-items:center;gap:10px;margin-left:auto;padding:8px 14px;display:flex}.profile>span,.avatar{background:linear-gradient(145deg,#ff5265,#a60f25);border-radius:10px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.profile div{text-align:left;display:grid}.profile b{font-size:13px}.profile small{color:var(--muted);font-size:10px}.home{grid-template-columns:52% 48%;max-width:1700px;min-height:calc(100vh - 84px);margin:auto;padding:9vh 7vw 140px;display:grid;position:relative}.heroCopy{z-index:2}.eyebrow{letter-spacing:.24em;color:#aab1bd;align-items:center;gap:10px;font-size:11px;font-weight:900;display:flex}.eyebrow span{background:var(--red);width:22px;height:2px}.heroCopy h1{letter-spacing:-.07em;margin:28px 0;font-size:clamp(62px,6.4vw,108px);font-weight:950;line-height:.84}.heroCopy h1 em{color:var(--red);text-shadow:0 0 42px #ff324838;font-style:normal}.intro{color:#a6aebb;max-width:610px;font-size:17px;line-height:1.75}.heroActions{gap:13px;margin-top:35px;display:flex}.primary,.secondary{border:0;border-radius:11px;height:54px;padding:0 25px;font-weight:900}.primary{background:var(--red);box-shadow:0 10px 30px #ff32483d}.primary:hover{background:#ff4559;transform:translateY(-2px)}.primary span{margin-left:25px}.secondary{background:#151a23;border:1px solid #ffffff1f}.trust{color:#6f7887;gap:24px;margin-top:30px;font-size:11px;font-weight:700;display:flex}.heroVisual{min-height:530px;position:relative}.glow{background:radial-gradient(circle,#ff31481f,#204eff0f 45%,#0000 70%);border-radius:50%;width:480px;height:480px;position:absolute;top:-6%;left:9%}.heroCard{filter:drop-shadow(0 30px 22px #00000073);position:absolute}.hc1{top:16%;left:1%;transform:rotate(-18deg)scale(.9)}.hc2{z-index:3;top:0;left:29%;transform:rotate(4deg)scale(1.06)}.hc3{z-index:2;top:16%;left:55%;transform:rotate(18deg)scale(.91)}.hc4{z-index:4;top:39%;left:36%;transform:rotate(8deg)scale(.86)}.card{background:#fff;border:3px solid #f8f8f8;border-radius:15px;width:155px;height:220px;padding:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #0000001a,0 10px 25px #0000004d}.card:before{content:"";background:var(--card,#333);border-radius:10px;position:absolute;inset:8px}.card:after{content:"";background:#fff;border-radius:50%;width:115%;height:64%;position:absolute;top:18%;left:-8%;transform:rotate(-28deg)}.card b{z-index:2;color:var(--card,#111);text-shadow:1px 2px #ddd;font-size:55px;font-style:italic;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.card>i{z-index:3;font-size:21px;font-style:normal;font-weight:950;position:absolute;top:10px;left:14px}.card.red{--card:#ef263e}.card.blue{--card:#1472dc}.card.green{--card:#20a95c}.card.yellow{--card:#f6c820}.card.wild{--card:#171b22}.card.wild:before{background:conic-gradient(#ef263e 0 25%,#1472dc 0 50%,#20a95c 0 75%,#f6c820 0)}.badge{color:#111;background:#fff;border-radius:50%;justify-content:center;align-items:center;gap:6px;width:104px;height:104px;display:flex;position:absolute;top:5%;right:7%;transform:rotate(9deg);box-shadow:0 12px 35px #000}.badge b{font-size:38px}.badge span{font-size:8px;font-weight:950}.featureStrip{background:#0e1219e0;border-top:1px solid #ffffff14;grid-template-columns:repeat(3,1fr);padding:24px 7vw;display:grid;position:absolute;bottom:0;left:0;right:0}.featureStrip article{border-right:1px solid #ffffff14;align-items:center;gap:16px;padding-left:25px;display:flex}.featureStrip article:last-child{border:0}.featureStrip i{color:var(--red);font-size:21px;font-style:normal}.featureStrip div{gap:4px;display:grid}.featureStrip b{font-size:13px}.featureStrip span{color:#7f8896;font-size:11px}.pageShell{max-width:1250px;margin:auto;padding:48px 30px}.pageTitle{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.pageTitle h1{margin:9px 0 5px;font-size:44px}.pageTitle>div>p:last-child{color:var(--muted);margin:0}.leave{color:#aab1bd;background:0 0;border:1px solid #ffffff1f;border-radius:9px;padding:11px 16px}.lobbyGrid{grid-template-columns:38% 62%;gap:18px;display:grid}.panel{background:#11161eeb;border:1px solid #ffffff14;border-radius:18px;padding:24px}.panelHead{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:13px;padding-bottom:18px;display:flex}.panelHead h2{margin:0;font-size:17px}.panelHead h2 span{color:#697384;font-weight:500}.panelHead button{color:#778192;background:0 0;border:0;font-size:11px}.online{color:var(--green);font-size:10px;font-weight:800}.player{border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:13px;display:flex}.player div{display:grid}.player b{font-size:13px}.player b em{color:var(--yellow);font-style:normal}.player small{color:#697384;letter-spacing:.1em;margin-top:3px;font-size:8px}.player>i{color:var(--green);margin-left:auto;font-style:normal}.a1{background:linear-gradient(145deg,#346cf0,#173379)}.a2{background:linear-gradient(145deg,#b74ce5,#5b166f)}.emptySeats{text-align:center;color:#586271;padding:18px;font-size:11px}.invite{background:#0b0f15;border-radius:12px;margin-top:10px;padding:15px}.invite small{color:#697384;letter-spacing:.13em;font-size:8px}.invite>div{justify-content:space-between;align-items:center;margin-top:5px;display:flex}.invite b{letter-spacing:.16em}.invite button{background:#212835;border:0;border-radius:7px;padding:7px 10px;font-size:10px}.invite p{color:#5e6877;margin-bottom:0;font-size:9px}.modeSelect{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.modeSelect button{text-align:left;background:#0d1219;border:1px solid #ffffff14;border-radius:11px;padding:14px;display:grid}.modeSelect .selected{border-color:var(--red);background:#ff32480f}.modeSelect b{font-size:12px}.modeSelect small,.rule small{color:#6f7887;margin-top:4px;font-size:9px}.settings h3{letter-spacing:.15em;color:#687181;margin-top:22px;font-size:9px}.rules{grid-template-columns:1fr 1fr;gap:9px;display:grid}.rule{text-align:left;background:#0d1219;border:1px solid #ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;padding:12px;display:flex}.rule div{display:grid}.rule b{font-size:11px}.rule>span{background:#29313d;border-radius:20px;width:31px;height:17px;padding:2px;transition:all .2s}.rule>span i{background:#7a8493;border-radius:50%;width:13px;height:13px;transition:all .2s;display:block}.rule>span.on{background:var(--red)}.rule>span.on i{background:#fff;transform:translate(14px)}.baseRules{grid-template-columns:1fr 1fr;gap:10px;margin-top:17px;display:grid}.baseRules label{color:#697384;background:#0d1219;border-radius:9px;justify-content:space-between;padding:12px;font-size:9px;display:flex}.baseRules b{color:#ddd}.lobbyFooter{justify-content:flex-end;align-items:center;gap:22px;margin-top:20px;display:flex}.lobbyFooter>span{color:#687181;font-size:10px}.game{height:calc(100vh - 84px);padding:22px}.table{background:radial-gradient(#174d3e,#0e342b 57%,#08221c);border:8px solid #242b34;border-radius:42%/20%;max-width:1460px;height:100%;margin:auto;position:relative;box-shadow:inset 0 0 70px #0000008c,0 30px 80px #000}.table:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff14;position:absolute;inset:12px}.gameTop{color:#83928c;z-index:3;justify-content:space-between;font-size:10px;display:flex;position:absolute;top:18px;left:6%;right:6%}.gameTop button{background:#101720;border:1px solid #27313d;border-radius:8px;padding:7px 10px}.opponent{z-index:4;justify-items:center;gap:3px;display:grid;position:absolute}.opponent b{font-size:11px}.opponent small{color:#81908a;font-size:9px}.opponent.top{top:38px;left:50%;transform:translate(-50%)}.opponent.left{top:44%;left:4%}.cardFan{margin-top:5px;display:flex}.cardFan i{background:repeating-linear-gradient(45deg,#e6283e 0 3px,#921226 3px 6px);border:2px solid #eee;border-radius:5px;width:28px;height:42px;margin-left:-12px}.turn{text-align:center;z-index:5;background:#111923;border:1px solid #334036;border-radius:16px;padding:14px 18px;display:grid;position:absolute;top:42%;right:6%}.turn span{color:var(--green);font-size:8px;font-weight:900}.turn b{font-size:30px}.turn small{color:#69756f;font-size:8px}.centerPile{z-index:4;align-items:center;gap:35px;display:flex;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.centerPile .card{transform:scale(.68)}.deck,.discard{background:0 0;border:0;justify-items:center;gap:5px;display:grid}.centerPile span{color:#6d7d76;letter-spacing:.12em;font-size:8px;font-weight:800}.cardBack{background:repeating-linear-gradient(45deg,#151922 0 5px,#0b0e13 5px 10px);border:5px solid #fff;border-radius:11px;place-items:center;width:105px;height:150px;display:grid;box-shadow:0 10px 20px #06130f}.cardBack .logo{transform:skew(-8deg)scale(.7)}.discard{height:180px}.discard .card{position:absolute}.discard>span{margin-top:158px}.unoButton{background:var(--red);z-index:6;border:5px solid #f7f7f7;border-radius:50%;width:86px;height:86px;font-size:22px;font-style:italic;font-weight:950;position:absolute;bottom:16%;right:10%;transform:rotate(-8deg);box-shadow:0 8px #8f1022,0 15px 30px #071610}.hand{z-index:7;align-items:end;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hand button{transform-origin:bottom;background:0 0;border:0;margin-left:-68px;padding:0;transition:all .18s}.hand button:first-child{margin-left:0}.hand button:hover{z-index:10;transform:translateY(-30px)}.hand .card{transform:scale(.75)}.you{z-index:5;align-items:center;gap:10px;display:flex;position:absolute;bottom:6%;left:5%}.you div{display:grid}.you b{font-size:12px}.you small{color:#7d8a85;font-size:9px}.reactions{z-index:5;position:absolute;bottom:5%;right:5%}.reactions button{background:#111a1c;border:1px solid #30403b;border-radius:50%;width:38px;height:38px;margin-left:5px}.toast{z-index:100;color:#111;background:#fff;border-radius:10px;padding:12px 18px;font-size:12px;font-weight:800;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 15px 40px #000}.reconnectBanner{z-index:90;color:#ffd9a3;background:#2a1608f0;border:1px solid #ffb14b4a;border-radius:12px;align-items:center;gap:14px;padding:10px 18px;font-size:12px;font-weight:800;display:flex;position:fixed;top:84px;left:50%;transform:translate(-50%);box-shadow:0 15px 40px #000a}.reconnectBanner button{background:var(--red);color:#fff;border:0;border-radius:8px;padding:8px 14px;font-size:11px;font-weight:900}.resumeButton{color:#ffd9a3;background:#2a1608;border:1px solid #ffb14b4a;border-radius:11px;align-items:center;gap:10px;margin-top:20px;padding:12px 18px;font-size:13px;font-weight:900;display:flex}.resumeButton span{color:#ffc784;font-size:11px;font-weight:700}.view-game header{height:62px}.view-game .game{height:calc(100vh - 62px)}.view-game header nav{display:none}@media (width<=1050px){.home{grid-template-columns:1fr;padding-top:6vh}.heroVisual{display:none}.heroCopy{max-width:760px}.lobbyGrid{grid-template-columns:1fr}.game{min-width:900px}.app{overflow:auto}.trust{flex-wrap:wrap}}@media (height<=780px){.home{padding-top:5vh}.heroCopy h1{font-size:70px}.heroVisual{transform-origin:top;transform:scale(.82)}.hand .card{transform:scale(.62)}.hand button{margin-left:-83px}.unoButton{bottom:11%}}.rule:disabled,.primary:disabled,.deck:disabled{cursor:not-allowed;opacity:.45}.opponent-1{top:62%}.opponent-2{top:28%;left:auto;right:4%}.opponent-3{top:62%;left:auto;right:4%}.scoreTargets{gap:8px;margin-top:10px;display:flex}.scoreTargets button{color:#8e98a7;background:#0d1219;border:1px solid #ffffff14;border-radius:8px;flex:1;padding:9px;font-size:10px;font-weight:800}.scoreTargets .selected{border-color:var(--red);color:#fff;background:#ff324814}.seat-0{top:7%;left:24%}.seat-1{top:5%;left:50%;transform:translate(-50%)}.seat-2{top:7%;right:24%}.seat-3{top:28%;left:4%}.seat-4{top:59%;left:4%}.seat-5{top:28%;right:4%}.seat-6{top:59%;right:4%}.seat-7{bottom:7%;left:22%}.seat-8{bottom:7%;right:22%}.roundResult{z-index:20;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d131bed;border:1px solid #ffffff24;border-radius:20px;width:390px;padding:25px;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 80px #000}.roundResult h2{letter-spacing:.16em;color:var(--yellow);font-size:12px}.roundResult p{font-weight:800}.roundResult>div{gap:5px;margin:16px 0;display:grid}.roundResult>div span{background:#ffffff08;border-radius:7px;justify-content:space-between;padding:8px 10px;font-size:11px;display:flex}.roundResult em{color:var(--muted);font-style:normal}.roundResult .primary{width:100%}.hand button:disabled{cursor:not-allowed}.openLobbyBrowser{background:#0c1118d9;border:1px solid #ffffff16;border-radius:14px;width:min(610px,100%);margin-top:22px;overflow:hidden;box-shadow:0 16px 40px #0005}.openLobbyBrowser>header{border-bottom:1px solid #ffffff10;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.openLobbyBrowser>header div{display:grid}.openLobbyBrowser>header small,.lobbyControls small{color:var(--green);letter-spacing:.14em;font-size:7px;font-weight:900}.openLobbyBrowser>header b{margin-top:2px;font-size:12px}.openLobbyBrowser>header>span{color:#79edac;background:#5ce29b14;border-radius:12px;padding:5px 8px;font-size:8px;font-weight:850}.openLobbyBrowser>p{color:#687384;margin:0;padding:15px;font-size:10px}.openLobbyBrowser>div{max-height:180px;display:grid;overflow:auto}.openLobbyBrowser>div>button{text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff0c;justify-content:space-between;align-items:center;padding:11px 14px;display:flex}.openLobbyBrowser>div>button:hover{background:#ffffff08}.openLobbyBrowser>div>button span{display:grid}.openLobbyBrowser>div>button b{font-size:11px}.openLobbyBrowser>div>button small{color:#6f7887;margin-top:3px;font-size:8px}.openLobbyBrowser>div>button strong{color:#6ff0a7;letter-spacing:.06em;font-size:8px}.lobbyControls{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.lobbyControls>div,.lobbyControls>label{background:#0d1219;border:1px solid #ffffff10;border-radius:10px;gap:7px;padding:11px;display:grid}.accessButtons{grid-template-columns:1fr 1fr;gap:6px;display:grid}.accessButtons button,.lobbyControls select{color:#8993a2;background:#171d27;border:1px solid #ffffff14;border-radius:7px;height:31px;font-size:9px;font-weight:850}.accessButtons button.selected{border-color:var(--green);color:#7af0ae;background:#5ce29b13}.lobbyControls select{color:#fff;width:100%;padding:0 9px}.lobbyControls button:disabled,.lobbyControls select:disabled{opacity:.55;cursor:not-allowed}.profile .discordAvatar{background-position:50%;background-size:cover}.profile small{color:#65d98b}.profile .logout{color:var(--muted);background:0 0;border:0;padding:4px;font-size:17px}.discordLogin{background:#5865f2;border:1px solid #7889f7;border-radius:10px;margin-left:auto;padding:11px 16px;font-weight:800}.discordLogin:disabled{opacity:.55}.loginHint{color:#b8c0ce;background:#5865f212;border-left:3px solid #5865f2;border-radius:0 8px 8px 0;padding:8px 12px;font-size:14px}.discordAvatar{background-position:50%!important;background-size:cover!important}.profileInfo{text-align:left;background:0 0;border:0;padding:0;display:grid}.profileInfo b{font-size:13px}.profileInfo small{color:#65d98b;font-size:10px}.modalBackdrop{z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020407d9;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.leaderboardModal{background:#10151ded;border:1px solid #ffffff1f;border-radius:22px;width:min(820px,90vw);max-height:82vh;padding:26px;overflow:auto;box-shadow:0 30px 100px #000}.leaderboardHead{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:start;padding-bottom:18px;display:flex}.leaderboardHead h2{margin:5px 0;font-size:36px}.leaderboardHead>button{background:#ffffff0d;border:0;border-radius:9px;width:38px;height:38px;font-size:24px}.soundToggle{background:#111721;border:1px solid #ffffff14;border-radius:9px;width:38px;height:38px;margin-left:auto;margin-right:12px}.colorPicker,.rulesModal,.historyModal{background:#10151df5;border:1px solid #ffffff20;border-radius:22px;box-shadow:0 30px 100px #000}.colorPicker{text-align:center;width:430px;padding:30px}.colorPicker>p{letter-spacing:.18em;color:var(--muted);font-size:9px}.colorPicker h2{font-size:28px}.colorPicker>div{grid-template-columns:1fr 1fr;gap:12px;margin:25px 0;display:grid}.colorPicker>div button{border:4px solid #fff;border-radius:16px;height:92px;box-shadow:inset 0 0 25px #0004}.colorPicker>div .red{background:#ed2940}.colorPicker>div .blue{background:#176cf2}.colorPicker>div .green{background:#24bd68}.colorPicker>div .yellow{background:#f4c928}.colorPicker>div button:hover{transform:scale(1.04)}.colorPicker>div span{background:#fff8;border-radius:50%;width:35px;height:35px;margin:auto;display:block}.cancelChoice{color:var(--muted);background:0 0;border:0}.rulesModal{width:min(760px,90vw);padding:26px}.rulesContent{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.rulesContent article{background:#0b1017;border:1px solid #ffffff0d;border-radius:12px;padding:16px}.rulesContent b{font-size:13px}.rulesContent p{color:#8e98a7;margin-bottom:0;font-size:11px;line-height:1.55}.historyModal{width:min(620px,90vw);max-height:80vh;padding:26px}.historyList{max-height:55vh;margin-top:15px;overflow:auto}.historyList article{border-bottom:1px solid #ffffff0b;grid-template-columns:78px 1fr;gap:15px;padding:12px;font-size:11px;display:grid}.historyList time{color:#667181}.reactionBubble{z-index:30;justify-items:center;animation:2.4s ease-out forwards reaction-pop;display:grid;position:absolute;top:25%;left:50%}.reactionBubble b{filter:drop-shadow(0 10px 15px #000);font-size:58px}.reactionBubble span{background:#0c1119dd;border-radius:8px;padding:4px 8px;font-size:10px;font-weight:800}.reaction-1{top:35%;left:38%}.reaction-2{top:38%;left:62%}.reaction-3{top:48%;left:46%}@keyframes reaction-pop{0%{opacity:0;transform:scale(.4)translateY(20px)}15%{opacity:1;transform:scale(1.15)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)translateY(-90px)}}.removePlayer{color:#ff7a89;background:#ff324812;border:1px solid #ff526544;border-radius:7px;margin-left:auto;padding:6px 8px;font-size:9px;font-weight:800}.playerPicker{background:#10151df5;border:1px solid #ffffff20;border-radius:22px;width:min(520px,90vw);max-height:82vh;padding:28px;overflow:auto;box-shadow:0 30px 100px #000}.playerPicker>p{letter-spacing:.18em;color:var(--red);font-size:9px;font-weight:900}.playerPicker h2{margin:8px 0 20px;font-size:26px}.playerPicker>div{gap:9px;margin-bottom:18px;display:grid}.playerPicker>div>button{text-align:left;background:#0b1017;border:1px solid #ffffff12;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:12px;display:grid}.playerPicker>div>button:hover{border-color:var(--red);background:#ff32480d}.playerPicker span{display:grid}.playerPicker small{color:var(--muted);margin-top:3px;font-size:9px}.playerPicker strong{color:#ff7a89;letter-spacing:.08em;font-size:9px}.customRules .rule{background:linear-gradient(120deg,#171220,#0d1219);border-color:#9c6cff28}.card.customPlus8:before{background:conic-gradient(#ef263e 0 25%,#1472dc 0 50%,#20a95c 0 75%,#f6c820 0)}.card.customPlus8 b{text-shadow:2px 2px #10131a;color:#fff;font-size:50px}.card.customReverse4:before{background:conic-gradient(from 45deg,#f6c820,#ef263e,#1472dc,#20a95c,#f6c820)}.card.customReverse4 b{letter-spacing:-.12em;color:#111;text-shadow:1px 2px #fff;font-size:36px}.card.customGorki:before{background:radial-gradient(circle at 50% 38%,#ffdb64 0 16%,#ff3248 17% 34%,#5b1a79 35% 60%,#10141c 61%)}.card.customGorki b{color:#ffdf69;text-shadow:3px 3px #5a1022;font-size:72px}.gorkiName{z-index:4;letter-spacing:.2em;color:#fff;font-size:10px;font-weight:950;position:absolute;top:68%;left:50%;transform:translate(-50%)rotate(-8deg)}.card.customReverse4>i{font-size:15px}.rulesModal{max-height:88vh;overflow:auto}.presetAvatar{font-size:19px;background-image:none!important}.preset-gorki{background:linear-gradient(145deg,#ffcc69,#d6592f)}.preset-fire{background:linear-gradient(145deg,#ff684d,#8e1421)}.preset-crown{background:linear-gradient(145deg,#ffe36c,#95630d)}.preset-chaos{background:linear-gradient(145deg,#a454f4,#35205f)}.preset-rocket{background:linear-gradient(145deg,#4c8cff,#152e67)}.preset-ghost{background:linear-gradient(145deg,#d9e3f0,#687587)}.profileModal{width:min(900px,92vw)}.profileContent{gap:18px;display:grid}.profileHero{background:linear-gradient(100deg,#ff324818,#5865f21a);border:1px solid #ffffff16;border-radius:15px;align-items:center;gap:16px;padding:20px;display:flex}.profileHero>.avatar{border-radius:18px;width:72px;height:72px;font-size:35px}.profileHero small{letter-spacing:.15em;color:#65d98b;font-size:8px}.profileHero h3{margin:3px 0;font-size:25px}.profileHero{flex-wrap:wrap}.leagueBadge{background:var(--lc,#8d97a6);border-radius:14px;align-items:center;gap:10px;margin-left:auto;padding:6px 14px 6px 6px;display:flex}@supports (color:color-mix(in lab, red, red)){.leagueBadge{background:color-mix(in srgb, var(--lc,#8d97a6) 12%, #0b1017)}}.leagueBadge{border:1px solid var(--lc,#8d97a6)}@supports (color:color-mix(in lab, red, red)){.leagueBadge{border:1px solid color-mix(in srgb, var(--lc,#8d97a6) 40%, transparent)}}.leagueBadgeIcon{object-fit:contain;filter:drop-shadow(0 3px 8px #0009);width:46px;height:46px}.leagueBadgeText{text-align:right;display:grid}.leagueBadgeText b{color:var(--lc,#fff);letter-spacing:.03em;font-size:13px}.leagueBadgeText small{color:var(--muted);font-size:9px}.league-bronze{--lc:#c9814a}.league-silber{--lc:#aeb7c4}.league-gold{--lc:#e8b23d}.league-platin{--lc:#49c9c9}.league-diamant{--lc:#6f8bff}.league-meister{--lc:#b26bff}.league-gorki-meister{--lc:#ff3248}.avatarChooser{background:#0b1017;border:1px solid #ffffff0e;border-radius:14px;padding:18px}.avatarChooser h3{margin:0 0 3px}.avatarChooser p{color:var(--muted);margin:0;font-size:10px}.avatarGrid{grid-template-columns:repeat(7,1fr);gap:8px;margin-top:15px;display:grid}.avatarGrid button{color:#8d97a6;background:#121923;border:1px solid #ffffff12;border-radius:11px;justify-items:center;gap:6px;padding:10px 5px;font-size:8px;display:grid}.avatarGrid button.selected{border-color:var(--red);color:#fff;background:#ff324813}@media (width<=1050px){.avatarGrid{grid-template-columns:repeat(4,1fr)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.featureStrip{grid-template-columns:repeat(4,1fr)}.legalLinks a{color:inherit;text-decoration:none}.legalLinks a:hover{color:#fff}.legalLinks>i{color:var(--green)}.dataControls{background:#0b1017;border:1px solid #ffffff0e;border-radius:14px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:18px;display:grid}.dataControls h3{margin:0 0 3px}.dataControls p{color:var(--muted);margin:0;font-size:10px}.dataControls button{background:#18202b;border:1px solid #ffffff1d;border-radius:9px;padding:10px 13px;font-size:10px;font-weight:850}.dataControls .danger{color:#ff7a89;background:#ff324812;border-color:#ff526544}.infoPage{background:radial-gradient(circle at 70% 10%,#ff324812,#0000 35%),#090d13;min-height:100vh;padding:64px max(24px,8vw)}.infoPage>section,.infoPage>article{background:#111720;border:1px solid #ffffff16;border-radius:22px;max-width:780px;margin:50px auto;padding:clamp(28px,5vw,58px);box-shadow:0 30px 90px #0007}.infoPage h1{margin:16px 0 28px;font-size:clamp(42px,7vw,72px);line-height:.95}.infoPage h2{margin:30px 0 8px;font-size:18px}.infoPage p{color:#9aa4b3;line-height:1.7}.backLink{color:#9aa4b3;font-size:12px;text-decoration:none}.infoAction{margin-top:18px;text-decoration:none;display:inline-block}.statusCard{background:#0a0f15;border:1px solid #ffffff14;border-radius:14px;gap:7px;margin:25px 0;padding:22px;display:grid}.statusCard b{color:#ff7a89}.statusCard.healthy b{color:var(--green)}.statusCard time,.statusCard small{color:#707b8b;font-size:10px}@media (width<=1050px){.featureStrip{grid-template-columns:repeat(2,1fr)}.dataControls{grid-template-columns:1fr}.dataControls button{width:100%}}.infoPage>.rankingsPage{max-width:1100px}.rankingsSearch{color:#fff;background:#0b1017;border:1px solid #ffffff1d;border-radius:11px;width:100%;height:46px;margin-top:22px;padding:0 16px;font-size:14px}.rankingsSearch::placeholder{color:#6f7887}.leagueChips,.divisionChips{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.leagueChips button,.divisionChips button{color:#9aa4b3;background:#0d1219;border:1px solid #ffffff14;border-radius:20px;padding:8px 15px;font-size:11px;font-weight:800}.leagueChips button.selected,.divisionChips button.selected{border-color:var(--red);color:#fff;background:#ff32480f}.rankingsError{color:#ff7a89}.rankingsLoading,.rankingsEmpty{color:#9aa4b3;margin-top:24px}.rankingsTable{border:1px solid #ffffff14;border-radius:14px;margin-top:24px;overflow:hidden}.rankingsRow{border-bottom:1px solid #ffffff0c;grid-template-columns:48px 1fr 190px 70px 70px;align-items:center;gap:12px;padding:11px 16px;display:grid}.rankingsRow:last-child{border-bottom:0}.rankingsHead{color:#697384;letter-spacing:.12em;text-transform:uppercase;background:#0d1219;font-size:9px;font-weight:900}.rankingsRank{color:#697384;font-weight:800}.rankingsPlayer{align-items:center;gap:10px;min-width:0;display:flex}.rankingsPlayer b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.rankingsRow .avatar{flex:none;width:30px;height:30px;font-size:13px}.rankingsRow .rankingsLeagueBadge{gap:7px;margin-left:0;padding:3px 10px 3px 3px}.rankingsRow .rankingsLeagueBadge .leagueBadgeIcon{width:28px;height:28px}.rankingsRow .rankingsLeagueBadge .leagueBadgeText{text-align:left}.rankingsRow .rankingsLeagueBadge .leagueBadgeText b{font-size:11px}.rankingsCount{margin-top:14px;font-size:11px}.rankingsLoadMore{margin-top:16px}@media (width<=700px){.rankingsRow{grid-template-columns:32px 1fr 60px;grid-template-areas:"rank player rating""rank league league"}.rankingsRow>span:first-child{grid-area:rank}.rankingsRow>span:nth-child(2){grid-area:player}.rankingsRow>span:nth-child(3){grid-area:league;margin-top:8px}.rankingsRow>span:nth-child(4){grid-area:rating}.rankingsRow>span:nth-child(5),.rankingsHead{display:none}}.view-game{background:#070a0f;overflow:hidden}.view-game header{z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#090d13e8;position:relative}.view-game .game{background:radial-gradient(circle at 50% 45%,#18222a 0,#090d13 68%);min-width:900px;height:calc(100vh - 62px);padding:16px 24px 20px}.view-game .table{background:radial-gradient(#17604a 0,#0f4838 48%,#092d25 78%,#071f1a 100%);border:15px solid #33271f;border-radius:48%/22%;width:min(1420px,100vw - 48px);max-width:none;height:100%;margin:0 auto;overflow:hidden;box-shadow:inset 0 0 0 3px #705640,inset 0 0 90px #00130dcc,0 20px 70px #000}.view-game .table:before{content:"";border-radius:inherit;opacity:.22;pointer-events:none;background:repeating-radial-gradient(#0000 0 38px,#ffffff08 40px 41px);position:absolute;inset:20px}.view-game .table:after{border:2px solid #bb8d5c55;inset:10px;box-shadow:inset 0 0 35px #0008}.view-game .opponent{z-index:12;background:#07110ee8;border:1px solid #ffffff18;border-radius:14px;min-width:132px;padding:9px 12px 10px;box-shadow:0 9px 25px #00120d99}.view-game .opponent>.avatar{width:36px;height:36px}.view-game .opponent b{text-overflow:ellipsis;white-space:nowrap;max-width:125px;font-size:11px;overflow:hidden}.view-game .opponent small{font-size:8px}.view-game .opponent b:has(+small){color:#fff}.view-game .cardFan{filter:drop-shadow(0 6px 6px #000b);justify-content:center;align-items:flex-start;width:132px;height:66px;margin:7px auto -1px;display:flex;overflow:visible}.view-game .opponentCardBack{flex:0 0 var(--opponent-card-step,11px);width:var(--opponent-card-step,11px);height:64px;overflow:visible}.view-game .opponentCardBack:last-child{flex-basis:44px;width:44px}.view-game .opponentCardBack img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:44px;height:64px;display:block}.view-game .seat-0 .cardFan,.view-game .seat-1 .cardFan,.view-game .seat-2 .cardFan{margin:0;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.view-game .seat-7 .cardFan,.view-game .seat-8 .cardFan{margin:0;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.view-game .seat-3 .cardFan,.view-game .seat-4 .cardFan,.view-game .seat-5 .cardFan,.view-game .seat-6 .cardFan{flex-direction:column;align-items:center;width:70px;height:128px;margin:0;position:absolute;top:50%;transform:translateY(-50%)}.view-game .seat-3 .cardFan,.view-game .seat-4 .cardFan{left:calc(100% + 8px)}.view-game .seat-5 .cardFan,.view-game .seat-6 .cardFan{right:calc(100% + 8px)}.view-game .seat-3 .opponentCardBack,.view-game .seat-4 .opponentCardBack,.view-game .seat-5 .opponentCardBack,.view-game .seat-6 .opponentCardBack{flex:0 0 var(--opponent-side-step,7px);width:64px;height:var(--opponent-side-step,7px)}.view-game .seat-3 .opponentCardBack:last-child,.view-game .seat-4 .opponentCardBack:last-child,.view-game .seat-5 .opponentCardBack:last-child,.view-game .seat-6 .opponentCardBack:last-child{flex-basis:44px;height:44px}.view-game .seat-3 .opponentCardBack img,.view-game .seat-4 .opponentCardBack img,.view-game .seat-5 .opponentCardBack img,.view-game .seat-6 .opponentCardBack img{object-fit:contain;width:64px;height:44px;transform:rotate(90deg)}.view-game .seat-0{top:10%;left:18%}.view-game .seat-1{top:7%;left:50%;transform:translate(-50%)}.view-game .seat-2{top:10%;right:18%}.view-game .seat-3{top:31%;left:4%}.view-game .seat-4{top:57%;left:5%}.view-game .seat-5{top:31%;right:4%}.view-game .seat-6{top:57%;right:5%}.view-game .seat-7{bottom:12%;left:23%}.view-game .seat-8{bottom:12%;right:23%}.view-game .centerPile{z-index:15;grid-template-columns:112px 112px;align-items:center;gap:38px;display:grid;top:47%;left:50%;transform:translate(-50%,-50%)}.view-game .cardBack{border-width:4px;width:96px;height:138px}.view-game .discard{height:162px;position:relative}.view-game .discard .card{transform-origin:top;left:50%;transform:translate(-50%)scale(.62)}.view-game .discard>span{text-align:center;width:max-content;margin:0;position:absolute;top:148px;left:50%;transform:translate(-50%)}.view-game .centerPile>button>span,.view-game .discard>span{color:#b9c8c2;background:#07110ed9;border-radius:20px;padding:5px 8px;font-size:8px}.view-game .chosenColor{white-space:nowrap;background:#07110ef0;border:1px solid #ffffff2b;border-radius:11px;grid-template-rows:auto auto;grid-template-columns:22px 1fr;align-items:center;column-gap:9px;min-width:180px;padding:9px 13px;display:grid;position:absolute;top:190px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #0008}.view-game .chosenColor i{border:4px solid #fff;border-radius:50%;grid-row:1/3;width:22px;height:22px;box-shadow:0 0 16px}.view-game .chosenColor small{letter-spacing:.13em;color:#8d9a96;font-size:7px}.view-game .chosenColor b{font-size:13px}.view-game .chosenColor.red{color:#ef263e}.view-game .chosenColor.blue{color:#2686f5}.view-game .chosenColor.green{color:#20bd68}.view-game .chosenColor.yellow{color:#ffd52f}.view-game .chosenColor.red i{background:#ef263e}.view-game .chosenColor.blue i{background:#1472dc}.view-game .chosenColor.green i{background:#20a95c}.view-game .chosenColor.yellow i{background:#f6c820}.view-game .unoButton{z-index:30;border-width:6px;width:104px;height:104px;font-size:26px;bottom:23%;right:10%;box-shadow:0 9px #8f1022,0 18px 38px #000}.view-game .unoButton:not(:disabled){animation:1.6s ease-in-out infinite uno-pulse}.view-game .table.opponents-6 .unoButton,.view-game .table.opponents-7 .unoButton,.view-game .table.opponents-8 .unoButton,.view-game .table.opponents-9 .unoButton{width:88px;height:88px;bottom:7%;right:3%}.view-game .hand{z-index:25;align-items:flex-start;max-width:76%;height:172px;bottom:-18px}.view-game .hand button{margin-left:-76px}.view-game .hand button:first-child{margin-left:0}.view-game .you{z-index:34;background:#07110ef2;border:1px solid #ffffff1f;border-radius:12px;min-width:184px;max-width:205px;padding:9px 12px;top:72%;bottom:auto;left:3%;transform:translateY(-50%);box-shadow:0 10px 28px #00150eaa}.view-game .reactions{z-index:24;grid-template-columns:repeat(2,38px);gap:5px;display:grid;bottom:5%;right:4%}.view-game .reactions button{margin:0}.drawAnimationLayer{z-index:40;pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.flyingCard{--tx:75px;--ty:0px;opacity:0;background:repeating-linear-gradient(45deg,#e6283e 0 4px,#8c1022 4px 8px);border:3px solid #fff;border-radius:9px;width:68px;height:96px;animation:1.15s cubic-bezier(.18,.8,.25,1) forwards card-draw-flight;position:absolute;top:47%;left:calc(50% - 75px);box-shadow:0 12px 24px #000}.flyingCard span{border:1px solid #fff8;border-radius:5px;position:absolute;inset:5px}.flyingCard.self{--tx:75px;--ty:38vh}.flyingCard.seat-0{--tx:calc(-30vw + 75px);--ty:-30vh}.flyingCard.seat-1{--tx:75px;--ty:-34vh}.flyingCard.seat-2{--tx:calc(30vw + 75px);--ty:-30vh}.flyingCard.seat-3{--tx:calc(-42vw + 75px);--ty:-15vh}.flyingCard.seat-4{--tx:calc(-40vw + 75px);--ty:12vh}.flyingCard.seat-5{--tx:calc(42vw + 75px);--ty:-15vh}.flyingCard.seat-6{--tx:calc(40vw + 75px);--ty:12vh}.flyingCard.seat-7{--tx:calc(-25vw + 75px);--ty:28vh}.flyingCard.seat-8{--tx:calc(25vw + 75px);--ty:28vh}@keyframes card-draw-flight{0%{opacity:0;transform:translate(-50%,-50%)scale(.55)rotate(-12deg)}15%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(.9) rotate(16deg)}}@keyframes uno-pulse{0%,to{filter:drop-shadow(0 0 #ff324800)}50%{filter:drop-shadow(0 0 15px #ff324899)}}@media (width<=1100px){.view-game .game{padding:10px}.view-game .table{border-width:10px;width:calc(100vw - 20px)}.view-game .unoButton{right:6%}.view-game .hand{max-width:76%}.view-game .you{transform-origin:0;min-width:165px;left:2%;transform:translateY(-50%)scale(.88)}.view-game .seat-0{left:16%}.view-game .seat-2{right:16%}}@media (height<=760px){.view-game .opponent{transform:scale(.88)}.view-game .seat-1{transform:translate(-50%)scale(.88)}.view-game .centerPile{top:45%;transform:translate(-50%,-50%)scale(.88)}.view-game .unoButton{bottom:24%;transform:rotate(-8deg)scale(.9)}.view-game .hand{height:148px}.view-game .hand .card{transform:scale(.56)}}.card{width:155px;height:220px;box-shadow:none;background:0 0;border:0;border-radius:15px;padding:0;overflow:visible}.card:before,.card:after,.card>i,.card>b,.card>.gorkiName{display:none}.cardImage{object-fit:contain;filter:drop-shadow(0 10px 14px #0007);pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.cardBackImage{object-fit:contain;filter:drop-shadow(0 10px 14px #0008);pointer-events:none;-webkit-user-select:none;user-select:none;width:105px;height:150px;display:block}.view-game .cardBackImage{width:96px;height:138px}.deck{cursor:pointer}.deck:disabled{cursor:not-allowed}.flyingCard{box-shadow:none;background:url(/cards/card_back.svg?v=4.5) 50%/contain no-repeat;border:0}.flyingCard span{display:none}.heroCard .card{background:0 0}.heroCard .cardImage{filter:drop-shadow(0 18px 22px #0009)}.roundClock{z-index:34;color:#fff;pointer-events:none;background:#07110ee8;border:1px solid #ffffff25;border-radius:12px;justify-items:center;min-width:92px;padding:7px 13px;display:grid;position:absolute;top:25%;left:50%;transform:translate(-50%);box-shadow:0 9px 24px #0009}.roundClock small{color:#72e6a5;letter-spacing:.14em;font-size:7px;font-weight:950}.roundClock strong{font-variant-numeric:tabular-nums;letter-spacing:.08em;margin-top:2px;font-size:16px}.stormBadge{z-index:34;color:#fff;pointer-events:none;text-align:center;background:#07110ee8;border:1px solid #ffd43b3d;border-radius:12px;justify-items:center;min-width:118px;padding:7px 13px;display:grid;position:absolute;top:8%;right:5%;box-shadow:0 9px 24px #0009}.stormBadge small{color:#ffd43b;letter-spacing:.12em;font-size:7px;font-weight:950}.stormBadge strong{letter-spacing:.03em;margin-top:2px;font-size:13px}.stormBadge.incoming{border-color:#ffd43ba0;animation:.6s ease-in-out infinite alternate storm-badge-pulse}.stormBadge.incoming strong{color:#ffd43b}@keyframes storm-badge-pulse{to{box-shadow:0 0 30px #ffd43b7a,0 9px 24px #0009}}.view-game .table.tableShake{animation:.58s cubic-bezier(.36,.07,.19,.97) table-error-shake}@keyframes table-error-shake{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-13px)rotate(-.15deg)}30%,70%{transform:translate(13px)rotate(.15deg)}20%,60%{transform:translate(7px)}40%,80%{transform:translate(-7px)}}.toast{align-items:center;gap:11px;display:flex}.toast.toastError{color:#fff;background:linear-gradient(135deg,#7b101cfa,#351016fa);border:2px solid #ff6c78;justify-content:center;min-width:340px;max-width:min(620px,80vw);padding:16px 22px;font-size:15px;animation:.38s cubic-bezier(.2,1.5,.4,1) error-toast-in;top:82px;bottom:auto;box-shadow:0 0 0 6px #ff324824,0 18px 55px #000c}.toast.toastError>b{color:#fff;background:#ff4053;border-radius:50%;flex:0 0 28px;place-items:center;height:28px;font-size:19px;display:grid}.toast.toastError span{font-weight:900}@keyframes error-toast-in{0%{opacity:0;transform:translate(-50%,-24px)scale(.88)}to{opacity:1;transform:translate(-50%)scale(1)}}.actionFx{z-index:75;pointer-events:none;filter:drop-shadow(0 18px 30px #000);justify-items:center;animation:1.7s ease-out forwards action-fx;display:grid;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.actionFx:before,.actionFx:after{content:"";opacity:.5;border:4px solid;border-radius:50%;width:155px;height:155px;animation:1.25s ease-out forwards action-ring;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.actionFx:after{animation-delay:.18s}.actionFx>i{color:currentColor;background:#111b19;border:5px solid #fff;border-radius:50%;place-items:center;width:92px;height:92px;font-size:48px;font-style:normal;font-weight:950;display:grid;box-shadow:inset 0 0 22px #0009,0 0 35px}.actionFx>strong{color:#fff;letter-spacing:.04em;background:#07100ef2;border-radius:9px;margin-top:13px;padding:7px 15px;font-size:25px;line-height:1}.actionFx>span{color:#d6e3dd;background:#07100edb;border-radius:20px;margin-top:5px;padding:5px 10px;font-size:11px;font-weight:800}.actionFx-draw{color:#ffcf31}.actionFx-skip{color:#ff4054}.actionFx-reverse{color:#57a8ff}.actionFx-wild{color:#b383ff}.actionFx-gorki{color:#5ce29b}.actionFx-reverse>i{animation:.9s cubic-bezier(.2,.8,.2,1) direction-spin}.actionFx-skip>i{animation:.6s cubic-bezier(.2,1.5,.4,1) skip-slam}@keyframes action-fx{0%{opacity:0;transform:translate(-50%,-50%)scale(.45)}14%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}28%,72%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-62%)scale(.88)}}@keyframes action-ring{0%{opacity:.75;transform:translate(-50%,-50%)scale(.35)}to{opacity:0;transform:translate(-50%,-50%)scale(1.65)}}@keyframes direction-spin{0%{transform:rotate(-210deg)scale(.5)}to{transform:rotate(0)scale(1)}}@keyframes skip-slam{0%{transform:scale(2.2)rotate(-18deg)}70%{transform:scale(.9)rotate(4deg)}to{transform:scale(1)}}.view-game .drawAnimationLayer{z-index:70}.view-game .flyingCard{filter:drop-shadow(0 12px 13px #000b);width:68px;height:96px;animation-duration:var(--draw-duration,1.25s);border-radius:9px}.view-game .flyingCard:after{content:"";z-index:-1;animation:draw-glow var(--draw-duration,1.25s) ease-out;background:radial-gradient(circle,#ffcf3175,#0000 66%);border-radius:50%;position:absolute;inset:-18px}@keyframes draw-glow{0%,to{opacity:0}22%,70%{opacity:1}}.view-game .discardLanding{animation:.9s cubic-bezier(.2,1.25,.4,1) discard-land}@keyframes discard-land{0%{opacity:.25;transform:translate(-80px,-45px)rotate(-17deg)scale(1.18)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@media (height<=760px){.actionFx{top:42%;scale:.86}}.view-game .you{border-color:#ffffff28;min-width:184px;max-width:205px;padding:10px 13px;top:72%;bottom:auto;left:3%;transform:translateY(-50%);box-shadow:0 12px 30px #0009}.view-game .you b{font-size:13px}.view-game .you small{color:#b5c3bd;font-size:9px}@media (width<=1250px){.view-game .you{top:72%;bottom:auto;left:2%}}@media (height<=780px){.view-game .you{transform-origin:0;top:70%;bottom:auto;left:2%;transform:translateY(-50%)scale(.88)}}.avatar.presetAvatarImage{color:#0000;box-shadow:inset 0 0 0 2px #fff5,0 4px 12px #0008;background-image:var(--avatar-image)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important}.avatarGrid .presetAvatarImage{width:58px;height:58px}.opponent,.view-game .you{border:2px solid #0000;transition:filter .25s,box-shadow .25s,transform .25s}.opponent .turnOrder,.view-game .you>.turnOrder{z-index:5;color:#fff;letter-spacing:.05em;background:#07110e;border:2px solid #9daaa4;border-radius:14px;place-items:center;min-width:31px;height:23px;padding:0 7px;font-size:9px;font-weight:950;display:grid;position:absolute;top:-10px;right:-8px;box-shadow:0 5px 12px #000b}.opponent.currentTurn,.view-game .you.currentTurn{filter:brightness(1.16);border-color:#66ffac;animation:1.05s ease-in-out infinite alternate current-player-pulse;box-shadow:0 0 0 5px #45ff9930,0 0 34px #45ff9980,0 14px 32px #000a}.opponent.currentTurn .turnOrder,.view-game .you.currentTurn>.turnOrder{color:#04130b;background:#31db7d;border-color:#fff;box-shadow:0 0 22px #45ff99}.opponent.justPlayed,.view-game .you.justPlayed{animation:1.9s ease-out player-play-flash}@keyframes current-player-pulse{to{box-shadow:0 0 0 8px #45ff9918,0 0 48px #45ff99b0,0 14px 32px #000a}}@keyframes player-play-flash{0%,to{filter:none}12%,55%{filter:brightness(1.5)drop-shadow(0 0 22px #ffd94f);transform:scale(1.08)}}.playedCardLayer{z-index:88;pointer-events:none;position:absolute;inset:0;overflow:hidden}.playedCardFlight{--from-x:0px;--from-y:-34vh;--discard-offset-x:75px;left:calc(50% + var(--discard-offset-x));justify-items:center;animation:1.2s cubic-bezier(.18,.75,.25,1) forwards played-card-flight;display:grid;position:absolute;top:47%}.playedCardFlight.self{--from-x:0px;--from-y:36vh}.playedCardFlight.seat-0{--from-x:-31vw;--from-y:-28vh}.playedCardFlight.seat-1{--from-x:0px;--from-y:-34vh}.playedCardFlight.seat-2{--from-x:31vw;--from-y:-28vh}.playedCardFlight.seat-3{--from-x:-42vw;--from-y:-15vh}.playedCardFlight.seat-4{--from-x:-40vw;--from-y:12vh}.playedCardFlight.seat-5{--from-x:42vw;--from-y:-15vh}.playedCardFlight.seat-6{--from-x:40vw;--from-y:12vh}.playedCardFlight.seat-7{--from-x:-25vw;--from-y:28vh}.playedCardFlight.seat-8{--from-x:25vw;--from-y:28vh}.playedCardFlight .card{filter:drop-shadow(0 20px 24px #000d);width:92px;height:132px}.playedCardFlight strong{color:#fff;white-space:nowrap;background:#07100ef2;border:2px solid #ffd94f;border-radius:20px;margin-top:10px;padding:7px 13px;font-size:12px;box-shadow:0 8px 22px #000c}@keyframes played-card-flight{0%{opacity:0;transform:translate(calc(-50% + var(--from-x) - var(--discard-offset-x)),calc(-50% + var(--from-y))) rotate(-15deg) scale(.72)}8%{opacity:1}72%{opacity:1;transform:translate(-50%,-58%)rotate(5deg)scale(1.1)}88%{opacity:1;transform:translate(-50%,-50%)rotate(1deg)scale(1.04)}96%{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(1)}to{opacity:0;transform:translate(-50%,-50%)rotate(0)scale(1)}}.handChangeFx{z-index:96;pointer-events:none;justify-items:center;animation:2.15s ease-out forwards hand-fx-shell;display:grid;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.handChangeFx strong{color:#fff;letter-spacing:.08em;background:#07100ef5;border-radius:9px;padding:8px 18px;font-size:25px;box-shadow:0 0 35px #5ce29b99}.handChangeFx>span{color:#d9e7e1;background:#07100edb;border-radius:20px;margin-top:6px;padding:5px 11px;font-size:11px;font-weight:800}.handStacks{width:260px;height:135px;margin-bottom:-8px;position:relative}.handStacks i{background:#12171d url(/cards/card_back.svg?v=4.5) 50%/cover;border:2px solid #fff;border-radius:8px;width:66px;height:96px;position:absolute;top:5px;left:calc(50% - 33px);box-shadow:0 12px 25px #000c}.handChangeFx.swap .handStacks i:nth-child(-n+2){animation:1.5s ease-in-out forwards swap-left}.handChangeFx.swap .handStacks i:nth-child(n+3){animation:1.5s ease-in-out forwards swap-right}.handChangeFx.rotate .handStacks i{transform-origin:33px 150px;animation:1.65s cubic-bezier(.2,.8,.2,1) forwards rotate-hand}.handChangeFx.rotate .handStacks i:nth-child(2){animation-delay:80ms}.handChangeFx.rotate .handStacks i:nth-child(3){animation-delay:.16s}.handChangeFx.rotate .handStacks i:nth-child(4){animation-delay:.24s}.handChangeFx.shuffle .handStacks i{animation:1.6s cubic-bezier(.25,.9,.35,1) forwards shuffle-hand}.handChangeFx.shuffle .handStacks i:first-child{animation-delay:0s}.handChangeFx.shuffle .handStacks i:nth-child(2){animation-delay:70ms}.handChangeFx.shuffle .handStacks i:nth-child(3){animation-delay:.14s}.handChangeFx.shuffle .handStacks i:nth-child(4){animation-delay:.21s}@keyframes shuffle-hand{0%{transform:translate(0)rotate(0)}25%{transform:translate(-70px,-28px)rotate(-24deg)}50%{transform:translate(60px,22px)rotate(18deg)scale(1.12)}75%{transform:translate(-38px,-14px)rotate(-12deg)}to{transform:translate(0)rotate(0)}}@keyframes swap-left{0%{transform:translate(-100px)rotate(-10deg)}45%{transform:translate(100px)rotate(12deg)scale(1.15)}to{transform:translate(65px)rotate(5deg)}}@keyframes swap-right{0%{transform:translate(100px)rotate(10deg)}45%{transform:translate(-100px)rotate(-12deg)scale(1.15)}to{transform:translate(-65px)rotate(-5deg)}}@keyframes rotate-hand{0%{transform:rotate(0)translateY(-42px)rotate(0)}to{transform:rotate(360deg)translateY(-42px)rotate(-360deg)}}@keyframes rotate-hand-reverse{0%{transform:rotate(0)translateY(-42px)rotate(0)}to{transform:rotate(-360deg)translateY(-42px)rotate(360deg)}}.handChangeFx.rotate.counterClockwise .handStacks i{animation-name:rotate-hand-reverse}@keyframes hand-fx-shell{0%{opacity:0;scale:.45}12%,78%{opacity:1;scale:1}to{opacity:0;scale:.9}}.jumpInNotice{z-index:45;color:#fff;background:#171504f2;border:2px solid #ffe15b;border-radius:14px;justify-items:center;gap:3px;padding:11px 18px;animation:.8s ease-in-out infinite alternate jump-notice-pulse;display:grid;position:absolute;bottom:27%;left:50%;transform:translate(-50%);box-shadow:0 0 0 6px #ffe15b18,0 0 38px #ffe15b70}.jumpInNotice b{color:#ffe15b;letter-spacing:.05em;font-size:13px}.jumpInNotice span{color:#fff6c4;font-size:9px}.hand button.jumpable{z-index:20;filter:drop-shadow(0 0 14px #ffe15b);animation:.65s ease-in-out infinite alternate jump-card-pulse}@keyframes jump-notice-pulse{to{transform:translate(-50%)scale(1.035);box-shadow:0 0 0 9px #ffe15b12,0 0 50px #ffe15b95}}@keyframes jump-card-pulse{to{filter:drop-shadow(0 0 25px #fff06c);transform:translateY(-24px)scale(1.06)}}.view-game .hand{justify-content:center;width:min(74vw,1030px);overflow:visible}.view-game .hand button{flex:0 0 130px}.view-game .hand button:last-child{margin-right:0}@media (height<=780px){.jumpInNotice{bottom:29%}}.tableRevealedHand{filter:drop-shadow(0 7px 9px #000b);justify-content:center;max-width:210px;min-height:54px;margin-top:5px;display:flex;overflow:visible}.tableRevealedHand>span{flex:0 0 25px;width:25px;height:54px;overflow:visible}.tableRevealedHand>span:last-child{flex-basis:39px}.tableRevealedHand .card{transform-origin:0 0;transform:scale(.24)}.tableRevealedHand>em{color:#ffd95b;white-space:nowrap;background:#151204e8;border:1px solid #ffd95b66;border-radius:12px;padding:7px 10px;font-size:9px;font-style:normal;font-weight:950}.roundEndPanel{z-index:48;flex-direction:column;gap:10px;width:min(720px,62vw);display:flex;position:absolute;bottom:25%;left:50%;transform:translate(-50%)}.roundEndBar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07110ee8;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:24px;padding:12px 16px;display:flex;box-shadow:0 14px 40px #000b,0 0 28px #5ce29b22}.roundEndBar>div:first-child{flex:1;min-width:0;display:grid}.roundEndBar>div:first-child small{color:#ffd95b;letter-spacing:.12em;font-size:8px;font-weight:950}.roundEndBar>div:first-child strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;overflow:hidden}.readyControls{white-space:nowrap;align-items:center;gap:10px;display:flex}.readyControls>span{color:#9caaa4;font-size:9px;font-weight:850}.readyControls button{color:#7bffb5;letter-spacing:.04em;background:#5ce29b1c;border:1px solid #5ce29b;border-radius:9px;min-width:165px;padding:10px 13px;font-size:9px;font-weight:950}.readyControls button:hover{background:#5ce29b35}.readyControls button.isReady{color:#819089;background:#ffffff0c;border-color:#ffffff1c}.roundEndBar>.primary{white-space:nowrap;padding:10px 14px}.ratingChanges{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07110ec2;border:1px solid #ffffff18;border-radius:12px;flex-direction:column;gap:8px;max-height:130px;padding:10px 12px;display:flex;overflow:auto}.ratingChangesLabel{color:#ffd95b;letter-spacing:.1em;font-size:8px;font-weight:950}.ratingChangesRows{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.ratingChangeRow{color:#d4dfdb;white-space:nowrap;background:#ffffff08;border-radius:9px;align-items:center;gap:6px;padding:5px 10px;font-size:10px;font-weight:750;display:flex}.ratingChangeRow b{font-size:10px;font-weight:950}.ratingChangeRow b.positive{color:#5ce29b}.ratingChangeRow b.negative{color:#ff7a89}.ratingChangeRow small{color:#8d97a6;font-size:9px}@media (height<=780px){.roundEndPanel{bottom:27%}.roundEndBar{padding:9px 13px}.tableRevealedHand{transform-origin:top;transform:scale(.86)}}.view-game .tableRevealedHand{justify-content:center;align-items:flex-start;width:max-content;max-width:none;min-height:150px;overflow:visible;transform:none}.view-game .tableRevealedHand>span{flex:0 0 var(--reveal-step,62px);width:var(--reveal-step,62px);height:150px}.view-game .tableRevealedHand>span:last-child{flex-basis:102px;width:102px}.view-game .tableRevealedHand .card{transform-origin:0 0;transform:scale(.66)}.view-game .playerPod.seat-3 .tableRevealedHand,.view-game .playerPod.seat-4 .tableRevealedHand,.view-game .playerPod.seat-5 .tableRevealedHand,.view-game .playerPod.seat-6 .tableRevealedHand{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:102px;height:max-content;min-height:0;margin:0;position:absolute;top:50%;bottom:auto;transform:translateY(-50%)}.view-game .playerPod.seat-3 .tableRevealedHand,.view-game .playerPod.seat-4 .tableRevealedHand{left:calc(100% + 9px);right:auto}.view-game .playerPod.seat-5 .tableRevealedHand,.view-game .playerPod.seat-6 .tableRevealedHand{left:auto;right:calc(100% + 9px)}.view-game .playerPod.seat-3 .tableRevealedHand>span,.view-game .playerPod.seat-4 .tableRevealedHand>span,.view-game .playerPod.seat-5 .tableRevealedHand>span,.view-game .playerPod.seat-6 .tableRevealedHand>span{flex:0 0 var(--reveal-step,28px);width:102px;height:var(--reveal-step,28px)}.view-game .playerPod.seat-3 .tableRevealedHand>span:last-child,.view-game .playerPod.seat-4 .tableRevealedHand>span:last-child,.view-game .playerPod.seat-5 .tableRevealedHand>span:last-child,.view-game .playerPod.seat-6 .tableRevealedHand>span:last-child{flex-basis:150px;height:150px}.view-game .table.opponents-7 .seat-0,.view-game .table.opponents-8 .seat-0,.view-game .table.opponents-9 .seat-0{left:31%}.view-game .table.opponents-7 .seat-2,.view-game .table.opponents-8 .seat-2,.view-game .table.opponents-9 .seat-2{right:31%}.view-game .table.opponents-7 .seat-3,.view-game .table.opponents-8 .seat-3,.view-game .table.opponents-9 .seat-3,.view-game .table.opponents-7 .seat-5,.view-game .table.opponents-8 .seat-5,.view-game .table.opponents-9 .seat-5{top:27%}.view-game .table.opponents-7 .seat-4,.view-game .table.opponents-8 .seat-4,.view-game .table.opponents-9 .seat-4,.view-game .table.opponents-7 .seat-6,.view-game .table.opponents-8 .seat-6,.view-game .table.opponents-9 .seat-6{top:62%}.view-game .table.opponents-8 .seat-7,.view-game .table.opponents-9 .seat-7{bottom:14%;left:14%}.view-game .table.opponents-8 .seat-8,.view-game .table.opponents-9 .seat-8{bottom:14%;right:14%}@media (height<=760px){.view-game .tableRevealedHand{min-height:125px;transform:none}.view-game .tableRevealedHand>span{flex-basis:var(--reveal-step,52px);width:var(--reveal-step,52px);height:125px}.view-game .tableRevealedHand>span:last-child{flex-basis:87px;width:87px}.view-game .tableRevealedHand .card{transform:scale(.56)}.view-game .playerPod.seat-3 .tableRevealedHand,.view-game .playerPod.seat-4 .tableRevealedHand,.view-game .playerPod.seat-5 .tableRevealedHand,.view-game .playerPod.seat-6 .tableRevealedHand{width:87px;transform:translateY(-50%)}.view-game .playerPod.seat-3 .tableRevealedHand>span,.view-game .playerPod.seat-4 .tableRevealedHand>span,.view-game .playerPod.seat-5 .tableRevealedHand>span,.view-game .playerPod.seat-6 .tableRevealedHand>span{flex-basis:var(--reveal-step,24px);width:87px;height:var(--reveal-step,24px)}.view-game .playerPod.seat-3 .tableRevealedHand>span:last-child,.view-game .playerPod.seat-4 .tableRevealedHand>span:last-child,.view-game .playerPod.seat-5 .tableRevealedHand>span:last-child,.view-game .playerPod.seat-6 .tableRevealedHand>span:last-child{flex-basis:125px;height:125px}}.directionIndicator{z-index:10;pointer-events:none;border:1px dashed #bdebd540;border-radius:50%;width:510px;height:300px;transition:border-color .25s,filter .25s;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 35px #5ce29b0d}.directionIndicator strong{color:#c7ddd3;letter-spacing:.1em;text-align:center;background:#07110ee8;border:1px solid #ffffff25;border-radius:18px;min-width:190px;padding:6px 12px;font-size:8px;font-weight:950;position:absolute;bottom:-13px;left:50%;transform:translate(-50%);box-shadow:0 7px 20px #0009}.directionArrow{color:#76ffb3;background:#0a2119;border:1px solid #8fffc266;border-radius:50%;place-items:center;width:29px;height:29px;font-size:15px;font-style:normal;transition:transform .35s;display:grid;position:absolute;box-shadow:0 0 19px #42e78b55}.directionArrowTop{top:-15px;left:50%}.directionArrowBottom{bottom:-15px;left:50%}.directionIndicator.clockwise .directionArrowTop{transform:translate(-50%)rotate(0)}.directionIndicator.clockwise .directionArrowBottom,.directionIndicator.counterClockwise .directionArrowTop{transform:translate(-50%)rotate(180deg)}.directionIndicator.counterClockwise .directionArrowBottom{transform:translate(-50%)rotate(0)}.directionIndicator.counterClockwise{filter:hue-rotate(95deg);border-color:#7eb8ff55}.view-game .hand{justify-content:center;align-items:flex-start;width:min(68vw,960px);max-width:none;height:150px;margin:0;padding:0;bottom:12px;overflow:visible}.view-game .hand button{flex:0 0 var(--hand-step,62px);width:var(--hand-step,62px);min-width:0;padding:0;overflow:visible;margin:0!important}.view-game .hand.largeHand{filter:drop-shadow(0 -5px 12px #0007)}@media (height<=760px){.directionIndicator{width:450px;height:255px;top:45%}.view-game .hand{height:125px;bottom:9px}.view-game .hand button:last-child{flex-basis:87px;width:87px}.view-game .hand .card{transform:scale(.56)}}.unoButton.unoDeclared{color:#72ffad;background:#123c29;border-color:#72ffad;box-shadow:0 0 0 5px #45ff9920,0 0 28px #45ff9960}.view-game .centerPile .discard{isolation:isolate;position:relative;overflow:visible}.view-game .centerPile .discard>.card{z-index:4;transform-origin:top;position:absolute;top:0;left:50%;transform:translate(-50%)scale(.62);opacity:1!important;visibility:visible!important;display:block!important}.view-game .centerPile .discard>.card .cardImage{opacity:1!important;visibility:visible!important;display:block!important}.view-game .centerPile .discard>span{z-index:5}.view-game .playerPod{width:154px;min-width:0;box-shadow:none;z-index:18;background:0 0;border-radius:0;grid-template-rows:auto;grid-template-columns:52px 1fr;place-items:center start;column-gap:9px;padding:0;display:grid;border:0!important}.view-game .playerPod>.avatar{border:3px solid #dce8e3;grid-column:1;width:52px;height:52px;box-shadow:0 8px 18px #000a,0 0 0 3px #07110ecf}.view-game .playerPod .podIdentity{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07110ed9;border:1px solid #ffffff18;border-radius:10px;grid-column:2;min-width:0;padding:6px 9px;display:grid;box-shadow:0 8px 20px #00130d99}.view-game .playerPod .podIdentity b{text-overflow:ellipsis;white-space:nowrap;color:#fff;max-width:94px;font-size:11px;line-height:1.25;overflow:hidden}.view-game .playerPod .podIdentity small{color:#d4dfdb;white-space:nowrap;align-items:center;gap:4px;font-size:9px;font-weight:750;display:flex}.view-game .playerPod .podIdentity small strong{color:#fff;font-size:10px}.view-game .playerPod .podIdentity small i{background:#67d89d;border-radius:50%;width:3px;height:3px}.view-game .playerPod .disconnectedBadge{z-index:5;color:#ffb3b3;letter-spacing:.06em;text-align:center;background:#2a0d0f;border:2px solid #ff7a7a;border-radius:12px;min-width:64px;padding:3px 8px;font-size:8px;font-weight:950;position:absolute;bottom:-10px;left:50%;transform:translate(-50%);box-shadow:0 5px 12px #000b}.view-game .playerPod>.turnOrder{min-width:27px;height:20px;padding:0 6px;font-size:8px;top:-12px;left:35px;right:auto}.view-game .playerPod.currentTurn{filter:none;box-shadow:none;animation:none}.view-game .playerPod.currentTurn>.avatar{border-color:#fff;animation:.9s ease-in-out infinite alternate pod-avatar-pulse;box-shadow:0 0 0 5px #42ea9138,0 0 30px #42ea91c9,0 8px 18px #000a}.view-game .playerPod.currentTurn .podIdentity{background:#09271ced;border-color:#65ffac9c;box-shadow:0 0 24px #42ea914f,0 8px 20px #00130d99}.view-game .podTimer{color:#fff;z-index:6;background:#06130ff2;border:1px solid #ffd43b7d;border-radius:9px;align-items:baseline;gap:2px;padding:5px 7px;font-style:normal;display:flex;position:absolute;box-shadow:0 0 19px #ffb32b4e}.view-game .podTimer b{font-size:17px;line-height:1}.view-game .podTimer small{color:#ffd43b;font-size:6px;font-weight:900}.view-game .podTimer em{color:#ffd95b;margin-left:3px;font-size:8px;font-style:normal;font-weight:950}.view-game .podTimer.urgent{border-color:#ff4f5f9c;animation:.7s ease-in-out infinite alternate pod-timer-urgent;box-shadow:0 0 20px #ff3a4885}.view-game .podTimer.urgent b,.view-game .podTimer.urgent small{color:#ff8a93}@keyframes pod-timer-urgent{to{box-shadow:0 0 28px #ff3a48c0}}.view-game .playerPod .podTimer{top:48px;right:-8px}.view-game .playerPod .cardFan{filter:drop-shadow(0 7px 6px #000b);justify-content:center;align-items:flex-start;width:154px;height:66px;margin:0;display:flex;position:absolute}.view-game .playerPod .opponentCardBack{flex:0 0 var(--pod-card-step,16px);width:var(--pod-card-step,16px);height:64px}.view-game .playerPod .opponentCardBack:last-of-type{flex-basis:44px;width:44px}.view-game .playerPod .opponentCardBack img{object-fit:contain;width:44px;height:64px;transform:none}.view-game .playerPod.seat-0 .cardFan,.view-game .playerPod.seat-1 .cardFan,.view-game .playerPod.seat-2 .cardFan{inset:calc(100% + 9px) auto auto 50%;transform:translate(-50%)}.view-game .playerPod.seat-7 .cardFan,.view-game .playerPod.seat-8 .cardFan{inset:auto auto calc(100% + 9px) 50%;transform:translate(-50%)}.view-game .playerPod.seat-3 .cardFan,.view-game .playerPod.seat-4 .cardFan,.view-game .playerPod.seat-5 .cardFan,.view-game .playerPod.seat-6 .cardFan{flex-direction:column;width:68px;height:128px;top:50%;bottom:auto;transform:translateY(-50%)}.view-game .playerPod.seat-3 .cardFan,.view-game .playerPod.seat-4 .cardFan{left:calc(100% + 9px);right:auto}.view-game .playerPod.seat-5 .cardFan,.view-game .playerPod.seat-6 .cardFan{left:auto;right:calc(100% + 9px)}.view-game .playerPod.seat-3 .opponentCardBack,.view-game .playerPod.seat-4 .opponentCardBack,.view-game .playerPod.seat-5 .opponentCardBack,.view-game .playerPod.seat-6 .opponentCardBack{flex:0 0 var(--pod-side-card-step,12px);width:64px;height:var(--pod-side-card-step,12px)}.view-game .playerPod.seat-3 .opponentCardBack:last-of-type,.view-game .playerPod.seat-4 .opponentCardBack:last-of-type,.view-game .playerPod.seat-5 .opponentCardBack:last-of-type,.view-game .playerPod.seat-6 .opponentCardBack:last-of-type{flex-basis:44px;height:44px}.view-game .playerPod.seat-3 .opponentCardBack img,.view-game .playerPod.seat-4 .opponentCardBack img,.view-game .playerPod.seat-5 .opponentCardBack img,.view-game .playerPod.seat-6 .opponentCardBack img{width:64px;height:44px;transform:rotate(90deg)}.view-game .selfPlayerPod{z-index:34;background:#07110ee8;border:1px solid #fff2;border-radius:14px;width:auto;min-width:240px;max-width:none;padding:7px 12px;top:auto;bottom:171px;left:50%;transform:translate(-50%);box-shadow:0 10px 26px #00150eaa}.view-game .selfPlayerPod .podIdentity{min-width:125px;display:grid}.view-game .selfPlayerPod .podIdentity b{font-size:12px}.view-game .selfPlayerPod .podIdentity small{color:#a8b7b1;font-size:8px}.view-game .selfPlayerPod .podTimer{margin-left:8px;position:static}.view-game .selfPlayerPod>.turnOrder{top:-11px;left:auto;right:-9px}.view-game .selfPlayerPod.currentTurn{filter:none;border-color:#66ffac;animation:none;box-shadow:0 0 0 4px #45ff9925,0 0 28px #45ff9970,0 10px 26px #00150eaa}.view-game .hand:has(button:hover){z-index:46}.view-game .hand button:hover{z-index:8}.directionIndicator{animation:1.8s ease-in-out infinite direction-ring-pulse}.directionIndicator strong{animation:1.8s ease-in-out infinite direction-label-pulse}.directionArrow{animation:.9s ease-in-out infinite alternate direction-arrow-pulse}.directionArrowBottom{animation-delay:-.45s}@supports (offset-path:ellipse(50% 50% at 50% 50%)){.directionArrow{offset-path:ellipse(50% 50% at 50% 50%);offset-rotate:auto 0deg;animation:5s linear infinite direction-orbit;top:50%;bottom:auto;left:50%;transform:none!important}.directionArrowBottom{animation-delay:-2.5s}.directionIndicator.counterClockwise .directionArrow{offset-rotate:auto 180deg;animation-name:direction-orbit-reverse}}@keyframes pod-avatar-pulse{to{filter:brightness(1.15);transform:scale(1.07)}}@keyframes direction-ring-pulse{0%,to{border-color:#bdebd530;box-shadow:inset 0 0 28px #5ce29b08,0 0 #5ce29b00}50%{border-color:#8effc66b;box-shadow:inset 0 0 44px #5ce29b18,0 0 20px #5ce29b18}}@keyframes direction-label-pulse{0%,to{filter:brightness(.92);box-shadow:0 7px 20px #0009}50%{filter:brightness(1.25);box-shadow:0 0 18px #5ce29b45,0 7px 20px #0009}}@keyframes direction-arrow-pulse{to{filter:brightness(1.45);box-shadow:0 0 28px #42e78b}}@keyframes direction-orbit{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes direction-orbit-reverse{0%{offset-distance:100%}to{offset-distance:0%}}@media (height<=760px){.view-game .selfPlayerPod{bottom:142px;transform:translate(-50%)scale(.9)}.view-game .playerPod{transform:scale(.86)}.view-game .playerPod.seat-1{transform:translate(-50%)scale(.86)}}.view-game .podName{align-items:center;gap:5px;min-width:0;display:flex}.view-game .podName>b{flex:1;min-width:0}.leagueIcon{vertical-align:middle;flex:none;place-items:center;width:19px;height:19px;display:inline-grid}.leagueIcon img{object-fit:contain;filter:drop-shadow(0 2px 4px #0009);width:100%;height:100%;display:block}.inlineLeagueIcon{width:20px;height:20px;margin-left:4px}.selfNoPlayTimer{color:#eafaff;white-space:nowrap;background:linear-gradient(#123044e6,#081a28e6);border:1px solid #50e4ff66;border-radius:9px;flex:none;gap:1px;min-width:88px;padding:5px 9px;line-height:1;display:grid;box-shadow:0 0 13px #20d9ff20}.selfNoPlayTimer small{letter-spacing:.1em;color:#79bfd0;font-size:6px;font-weight:900}.selfNoPlayTimer b{letter-spacing:.035em;color:#fff;text-shadow:0 0 8px #43ddff66;font-size:13px;font-weight:950}.view-game .selfPlayerPod .leagueIcon{width:27px;height:27px;margin-left:2px}.view-game .selfPlayerPod .podName>b{text-overflow:ellipsis;white-space:nowrap;max-width:90px;overflow:hidden}:root{--gorki-bg:#050912;--gorki-table:#071827;--gorki-panel:#0c111a;--gorki-panel-raised:#111925;--gorki-cyan:#22e7ff;--gorki-magenta:#ff3ca6;--gorki-border:#263142;--gorki-text:#f6fbff;--gorki-muted:#8291a7;--gorki-cyan-glow:0 0 26px #22e7ff45;--gorki-magenta-glow:0 0 26px #ff3ca645}.view-game{background:var(--gorki-bg);min-width:900px;color:var(--gorki-text)}.view-game:before,.view-game:after{content:"";pointer-events:none;z-index:0;width:45vw;position:fixed;top:90px;bottom:0}.view-game:before{background:radial-gradient(circle at 15% 45%,#071f30 0,#0000 70%);left:0}.view-game:after{background:radial-gradient(circle at 85% 42%,#22091f 0,#0000 70%);right:0}.view-game header{-webkit-backdrop-filter:none;backdrop-filter:none;z-index:80;background:0 0;border:0;height:116px;padding:20px 36px}.view-game .brandButton{align-self:flex-start}.view-game .brandButton .logo{font-size:25px}.view-game .brandButton:after{content:"SPIEL. STRATEGIE. SIEG.";color:var(--gorki-muted);letter-spacing:.08em;text-align:left;margin-top:7px;font-size:8px;display:block}.gameHeaderControls{border:1px solid var(--gorki-border);background:var(--gorki-panel);border-radius:16px;align-items:center;gap:7px;margin-left:auto;padding:10px;display:flex}.gameHeaderControls button,.gameHeaderControls .soundToggle{background:var(--gorki-panel-raised);color:#c5d1e0;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border:1px solid #2c394a;border-radius:12px;justify-content:center;align-items:center;gap:7px;width:auto;min-width:92px;height:46px;margin:0;padding:0 14px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.gameHeaderControls button span{color:var(--gorki-cyan);margin:0;font-size:12px;line-height:1;display:inline}.gameHeaderControls .leaveGameControl,.gameHeaderControls .gameLeave{color:#ffd9e8;background:#171217;border-color:#4f2e3b;min-width:128px}.gameHeaderControls .leaveGameControl span,.gameHeaderControls .gameLeave span{color:var(--gorki-magenta)}.view-game .game{z-index:1;background:0 0;height:calc(100vh - 116px);padding:54px 6.5vw 14px;position:relative}.matchInfo{z-index:70;color:#aebac9;position:absolute;top:4px;left:36px}.matchInfo summary{background:var(--gorki-panel);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:1px solid #2b3544;border-radius:12px;width:150px;padding:12px 16px;font-size:10px;font-weight:800;list-style:none}.matchInfo summary::-webkit-details-marker{display:none}.matchInfo summary:after{content:"＋";float:right;color:var(--gorki-cyan)}.matchInfo[open] summary:after{content:"−"}.matchInfo>div{border:1px solid var(--gorki-border);background:#0c111af5;border-radius:14px;gap:8px;width:220px;margin-top:7px;padding:14px;display:grid;box-shadow:0 18px 45px #000b}.matchInfo span{color:var(--gorki-muted);justify-content:space-between;font-size:10px;display:flex}.matchInfo b{color:var(--gorki-text)}.view-game .table{background:radial-gradient(ellipse at center,#0a2031 0,#081827 60%,#06111d 100%) padding-box,linear-gradient(90deg,var(--gorki-cyan) 0 48%,var(--gorki-magenta) 52% 100%) border-box;isolation:isolate;border:8px solid #0000;border-radius:315px;width:min(1430px,100vw - 490px);height:min(650px,100vh - 430px);min-height:560px;overflow:visible;box-shadow:inset 0 0 0 2px #163246,inset 0 0 80px #02070cbd,-10px 0 28px #22e7ff2b,10px 0 28px #ff3ca62b,0 24px 70px #000b}.view-game .table:before{content:"";top:50%;left:50%;opacity:1;z-index:0;pointer-events:none;background:0 0;border:1px solid #2b718c55;border-radius:50%;width:450px;height:390px;position:absolute;inset:auto;transform:translate(-50%,-50%);box-shadow:inset 0 0 45px #22e7ff08}.view-game .table:after{display:none}.view-game .roundClock{border-color:var(--gorki-border);background:var(--gorki-panel);z-index:50;top:auto;bottom:-156px;left:50%;transform:translate(-50%)}.view-game .directionIndicator{border-color:#20435970;width:440px;height:360px;top:48%;box-shadow:inset 0 0 35px #22e7ff08}.view-game .directionIndicator strong{color:#eaf7ff;background:#0b1723;border-color:#204359;min-width:155px;padding:12px 14px;font-size:9px;bottom:50%;left:-255px;transform:translateY(50%)}.view-game .directionIndicator strong:before{content:"RICHTUNG";color:#6b8799;margin-bottom:5px;font-size:8px;display:block}.view-game .directionArrow{color:var(--gorki-cyan);background:#0a1825;border-color:#22e7ff66;box-shadow:0 0 16px #22e7ff44}.centerStatus{z-index:14;pointer-events:none;position:absolute;inset:0}.activeColorIndicator,.turnTimer{background:#0b1723;border:1px solid #204359;border-radius:14px;padding:10px 14px;position:absolute;box-shadow:0 12px 25px #0007}.activeColorIndicator{min-width:138px;top:50%;left:calc(50% + 390px);transform:translateY(-50%)}.activeColorIndicator small,.turnTimer small{color:#6b8799;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:8px;font-weight:800;display:block}.activeColorIndicator span{color:#eaf7ff;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.activeColorIndicator i{border:2px solid #fff;border-radius:50%;width:13px;height:13px}.activeColorIndicator.red i{background:#ed2940}.activeColorIndicator.blue i{background:#176cf2}.activeColorIndicator.green i{background:#24bd68}.activeColorIndicator.yellow i{background:#f4c928}.activeColorIndicator.wild i{background:conic-gradient(#ed2940,#f4c928,#24bd68,#176cf2,#ed2940)}.turnTimer{border-width:2px;border-color:var(--gorki-cyan);box-shadow:var(--gorki-cyan-glow);border-radius:24px;align-items:center;gap:14px;padding:10px 18px;display:flex;top:calc(50% + 150px);left:50%;transform:translate(-50%)}.turnTimer small{margin:0}.turnTimer strong{font-size:12px}.turnTimer em{color:#ffd75c;font-size:10px;font-style:normal;font-weight:900}.view-game .centerPile{grid-template-columns:116px 116px;gap:95px;top:48%}.view-game .centerPile .deck,.view-game .centerPile .discard{width:116px}.view-game .centerPile .card{transform:scale(.72)}.view-game .centerPile .deck{position:relative}.view-game .centerPile .deck:before,.view-game .centerPile .deck:after{content:"";z-index:-1;background:#0b0f17;border:2px solid #c0cad7;border-radius:12px;width:98px;height:140px;position:absolute;top:0;left:50%;transform:translate(-50%,-5px)}.view-game .centerPile .deck:after{z-index:-2;transform:translate(calc(-50% - 5px))}.view-game .cardBackImage{filter:drop-shadow(0 12px 18px #000b);width:104px;height:149px}.view-game .discard{height:175px}.view-game .centerPile .discard>.card{transform:translate(-50%)scale(.72)}.view-game .discard>span{top:166px}.view-game .centerPile>button>span,.view-game .discard>span{color:#8aa0b4;background:0 0;padding:0;font-size:9px}.view-game .chosenColor{display:none}.view-game .playerPod{z-index:25;grid-template-columns:60px 1fr;width:240px}.view-game .playerPod>.avatar{border-color:#dce8e3;width:60px;height:60px}.view-game .playerPod .podIdentity{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0b111bf7;border-color:#2a3545;border-radius:14px;width:170px;min-height:58px;box-shadow:0 10px 22px #0009}.view-game .playerPod .podIdentity b{max-width:145px;font-size:13px}.view-game .playerPod:nth-of-type(2n) .podIdentity{border-color:#ff3ca64d}.view-game .playerPod.currentTurn>.avatar{box-shadow:0 0 0 4px #22e7ff25,var(--gorki-cyan-glow),0 8px 18px #000a;border-color:#fff;animation:none}.view-game .playerPod.currentTurn .podIdentity{border-color:var(--gorki-cyan);box-shadow:var(--gorki-cyan-glow);background:#0b1925}.view-game .playerPod .podTimer{display:none}.view-game .playerPod .cardFan{width:240px}.view-game .playerPod .opponentCardBack img{transform:scale(var(--opponent-scale,1));transform-origin:bottom}.view-game .playerPod.seat-3 .opponentCardBack img,.view-game .playerPod.seat-4 .opponentCardBack img,.view-game .playerPod.seat-5 .opponentCardBack img,.view-game .playerPod.seat-6 .opponentCardBack img{transform:rotate(90deg) scale(var(--opponent-scale,1))}.view-game .seat-1{top:-88px}.view-game .seat-3,.view-game .seat-4{left:-142px}.view-game .seat-5,.view-game .seat-6{right:-142px}.view-game .selfPlayerPod{min-width:390px;min-height:104px;box-shadow:var(--gorki-cyan-glow),0 12px 30px #000a;z-index:65;background:#0b111bf7;border-color:#22e7ff;border-radius:24px;padding:14px;bottom:-118px;left:-155px;transform:none}.view-game .selfPlayerPod>.avatar{width:76px;height:76px}.view-game .selfPlayerPod .podIdentity{min-width:220px}.view-game .selfPlayerPod.currentTurn{border-color:var(--gorki-cyan);box-shadow:0 0 0 3px #22e7ff18,var(--gorki-cyan-glow),0 12px 30px #000a}.view-game .selfPlayerPod .podTimer{display:flex}.view-game .hand{z-index:60;width:min(58vw,930px);height:214px;bottom:-202px}.view-game .hand .card{transform-origin:0 0;transform:scale(.9)}.view-game .hand button:last-child{flex-basis:138px;width:138px}.view-game .hand button:hover{transform:translateY(-18px)}.view-game .unoButton{color:#b98da7;z-index:65;background:#291522;border:3px solid #ff77bd;border-radius:18px;width:262px;height:88px;font-size:31px;font-style:normal;bottom:-130px;right:-135px;transform:none;box-shadow:0 0 0 8px #431630,0 12px 28px #000a}.view-game .unoButton:disabled{opacity:.72}.view-game .unoButton.unoRelevant:not(:disabled){color:#fff;box-shadow:0 0 0 8px #4b153a,var(--gorki-magenta-glow),0 12px 28px #000a;background:#e92b78;border-color:#ffb0d3;animation:1.35s ease-in-out infinite gorki-uno-relevant}.view-game .unoButton.unoDeclared{color:#72ffad;background:#123c29;border-color:#72ffad;box-shadow:0 0 0 5px #45ff9920,0 0 28px #45ff9960}.view-game .jumpInNotice{bottom:210px}.gameSettingsModal{border:1px solid var(--gorki-border);background:#0c111af8;border-radius:20px;width:min(420px,90vw);padding:24px;box-shadow:0 28px 80px #000}.gameSettingsModal>header{border-bottom:1px solid var(--gorki-border);background:0 0;justify-content:space-between;align-items:center;width:auto;height:auto;padding:0 0 18px;display:flex;position:static}.gameSettingsModal header small{color:var(--gorki-cyan);letter-spacing:.12em;font-size:8px;font-weight:900}.gameSettingsModal h2{margin:4px 0 0;font-size:23px}.gameSettingsModal header button{color:var(--gorki-muted);background:0 0;border:0;font-size:25px}.gameSoundSetting{background:var(--gorki-panel-raised);text-align:left;border:1px solid #2c394a;border-radius:14px;align-items:center;gap:12px;width:100%;margin-top:18px;padding:14px;display:flex}.gameSoundSetting>span{width:36px;height:36px;color:var(--gorki-cyan);border:1px solid #22e7ff55;border-radius:50%;place-items:center;display:grid}.gameSoundSetting>div{display:grid}.gameSoundSetting b{font-size:12px}.gameSoundSetting small{color:var(--gorki-muted);margin-top:3px;font-size:9px}.gameSoundSetting>strong{color:var(--gorki-cyan);margin-left:auto;font-size:10px}@keyframes gorki-uno-relevant{50%{filter:brightness(1.15);box-shadow:0 0 0 10px #4b153a,0 0 40px #ff3ca675,0 12px 28px #000a}}@media (width<=1550px){.view-game header{height:96px;padding:15px 24px}.view-game .game{height:calc(100vh - 96px);padding:42px 7vw 10px}.view-game .table{width:calc(100vw - 210px)}.view-game .brandButton:after{display:none}.gameHeaderControls{padding:7px}.gameHeaderControls button{height:36px;padding:0 10px}.activeColorIndicator{left:calc(50% + 330px)}.view-game .directionIndicator strong{left:-210px}.view-game .selfPlayerPod{left:20px}.view-game .unoButton{width:180px;right:22px}.matchInfo{top:0;left:24px}}@media (width<=1400px),(height<=820px){.view-game header{height:82px}.view-game .game{height:calc(100vh - 82px);padding:35px 5.5vw 8px}.view-game .table{width:calc(100vw - 150px);height:calc(100vh - 130px);min-height:520px}.view-game .playerPod{scale:.82}.view-game .seat-1{transform:translate(-50%)scale(.82)}.view-game .centerPile{transform:translate(-50%,-50%)scale(.86)}.view-game .directionIndicator{width:390px;height:300px}.view-game .directionIndicator strong{left:-180px}.activeColorIndicator{left:calc(50% + 285px)}.turnTimer{top:calc(50% + 125px)}.view-game .hand{height:150px}.view-game .hand .card{transform:scale(.58)}.view-game .hand button:last-child{flex-basis:91px;width:91px}.view-game .selfPlayerPod{transform-origin:0 100%;bottom:10px;scale:.88}.view-game .unoButton{width:164px;height:64px;font-size:25px;bottom:18px;right:16px}.view-game .roundClock{display:none}.matchInfo summary{width:130px;padding:10px 12px}}@media (width<=1200px){.view-game .table{width:calc(100vw - 90px)}.activeColorIndicator{top:48%;left:auto;right:11%}.view-game .directionIndicator strong{left:-150px}.gameHeaderControls button{font-size:0}.gameHeaderControls button span{margin:0;font-size:15px}.view-game .unoButton{width:140px}.view-game .selfPlayerPod{scale:.78}}.activeColorIndicator>span.colorDot{vertical-align:-3px;border:2px solid #fff;border-radius:50%;width:13px;height:13px;margin-right:8px;display:inline-block}.activeColorIndicator>b{color:#eaf7ff;font-size:12px}.activeColorIndicator .colorDot.red{background:#ed2940}.activeColorIndicator .colorDot.blue{background:#176cf2}.activeColorIndicator .colorDot.green{background:#24bd68}.activeColorIndicator .colorDot.yellow{background:#f4c928}.activeColorIndicator .colorDot.wild{background:conic-gradient(#ed2940,#f4c928,#24bd68,#176cf2,#ed2940)}@media (width<=1550px){.view-game .table{width:calc(100vw - 280px);height:min(560px,100vh - 330px);min-height:500px}.gameHeaderControls button,.gameHeaderControls .soundToggle{min-width:86px;height:40px}.view-game .seat-1{top:-72px}.view-game .seat-3,.view-game .seat-4{left:-105px}.view-game .seat-5,.view-game .seat-6{right:-105px}.view-game .selfPlayerPod{transform-origin:0 100%;bottom:-95px;left:-95px;scale:.82}.view-game .hand{height:190px;bottom:-175px}.view-game .hand .card{transform:scale(.78)}.view-game .hand button:last-child{flex-basis:120px;width:120px}.view-game .unoButton{width:220px;height:78px;bottom:-105px;right:-95px}.view-game .roundClock{bottom:-132px}}@media (width<=1400px),(height<=820px){.view-game .table{width:calc(100vw - 260px);height:min(500px,100vh - 260px);min-height:480px}.view-game .playerPod{scale:.78}.view-game .seat-1{top:-60px;transform:translate(-50%)scale(.78)}.view-game .centerPile{transform:translate(-50%,-50%)scale(.82)}.view-game .directionIndicator{width:360px;height:280px}.activeColorIndicator{left:calc(50% + 275px)}.turnTimer{top:calc(50% + 120px)}.view-game .selfPlayerPod{bottom:-85px;left:-70px;scale:.72}.view-game .hand{height:165px;bottom:-150px}.view-game .hand .card{transform:scale(.68)}.view-game .hand button:last-child{flex-basis:104px;width:104px}.view-game .unoButton{width:205px;height:70px;font-size:27px;bottom:-88px;right:-70px}.view-game .roundClock{display:grid;bottom:-112px}.matchInfo summary{width:130px;padding:10px 12px}}.view-game .table.opponents-7 .seat-0{top:1%;left:20%}.view-game .table.opponents-7 .seat-1{top:-88px;left:50%}.view-game .table.opponents-7 .seat-2{top:1%;right:20%}.view-game .table.opponents-7 .seat-3,.view-game .table.opponents-7 .seat-5{top:27%}.view-game .table.opponents-7 .seat-4,.view-game .table.opponents-7 .seat-6{top:55%}@media (width<=1550px){.view-game .table.opponents-7 .seat-1{top:-72px}.view-game .table.opponents-7 .seat-0,.view-game .table.opponents-7 .seat-2{top:0}}@media (width<=1400px),(height<=820px){.view-game .table.opponents-7 .seat-1{top:-60px}.view-game .table.opponents-7 .seat-4,.view-game .table.opponents-7 .seat-6{top:53%}}.view-game .table.selfTurn{box-shadow:inset 0 0 0 2px #163246,inset 0 -46px 74px #22e7ff17,inset 0 0 80px #02070cbd,-10px 0 28px #22e7ff2b,10px 0 28px #ff3ca62b,0 0 0 3px #22e7ff70,0 0 42px #22e7ff38,0 24px 70px #000b}.view-game .selfTurnBanner{z-index:66;color:#fff;pointer-events:none;background:linear-gradient(#0b3547f5,#061c29f5);border:1px solid #6dedff;border-radius:999px;place-items:center;gap:1px;min-width:210px;padding:9px 24px;animation:1.05s ease-in-out infinite alternate selfTurnPulse;display:grid;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 0 0 5px #22e7ff18,0 0 30px #22e7ff73,0 10px 25px #000a}.view-game .selfTurnBanner span{color:#8ef2ff;letter-spacing:.2em;font-size:8px;font-weight:900}.view-game .selfTurnBanner strong{letter-spacing:.055em;text-shadow:0 0 14px #22e7ffaa;font-size:17px;font-weight:950}.view-game .hand.selfTurnHand{filter:drop-shadow(0 0 15px #22e7ff75)}.view-game .hand.selfTurnHand .card{filter:brightness(1.08)saturate(1.08)}@keyframes selfTurnPulse{to{transform:translate(-50%)translateY(-3px);box-shadow:0 0 0 7px #22e7ff1c,0 0 42px #22e7ff99,0 12px 28px #000b}}@media (width<=1400px),(height<=820px){.view-game .selfTurnBanner{min-width:190px;padding:7px 20px;bottom:12px}.view-game .selfTurnBanner strong{font-size:15px}}@media (prefers-reduced-motion:reduce){.view-game .selfTurnBanner{animation:none}}.view-game .table.opponents-8 .seat-0{top:1%;left:29%}.view-game .table.opponents-8 .seat-2{top:1%;right:29%}.view-game .table.opponents-8 .seat-3,.view-game .table.opponents-8 .seat-5{top:26%}.view-game .table.opponents-8 .seat-4,.view-game .table.opponents-8 .seat-6{top:58%}.view-game .table.opponents-8 .seat-7{bottom:11%;left:27%}.view-game .table.opponents-8 .seat-8{bottom:11%;right:27%}@media (width<=1550px){.view-game .table.opponents-8 .seat-0{top:0;left:27%}.view-game .table.opponents-8 .seat-2{top:0;right:27%}.view-game .table.opponents-8 .seat-7{bottom:10%;left:24%}.view-game .table.opponents-8 .seat-8{bottom:10%;right:24%}}@media (width<=1400px),(height<=820px){.view-game .table.opponents-8 .seat-0,.view-game .table.opponents-8 .seat-2{top:-2%}.view-game .table.opponents-8 .seat-3,.view-game .table.opponents-8 .seat-5{top:24%}.view-game .table.opponents-8 .seat-4,.view-game .table.opponents-8 .seat-6{top:55%}.view-game .table.opponents-8 .seat-7,.view-game .table.opponents-8 .seat-8{bottom:9%}}