@font-face{font-family:Inter Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-wght-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-cyrillic-wght-normal.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5}img,svg{vertical-align:middle}img{max-width:100%;height:auto}:root{--bg:#141415;--panel:#1c1d1e;--line:#2f3132;--text:#f0f0e7;--muted:#9f9c97;--lime:#d19184;--red:#e85148;--yellow:#efc44e;--blue:#3989cc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter Variable,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0;transition:background .2s,transform .2s,border-color .2s,color .2s}button:disabled{cursor:not-allowed;opacity:.45}button,a,input,select{outline-offset:4px;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--lime)}a{color:inherit;text-decoration:none}input,select{width:100%;min-width:0;color:var(--text);background:#1a1a1b;border:1px solid #404244;border-radius:9px;outline:none;padding:13px 14px;transition:border .2s}input:focus,select:focus{border-color:var(--lime);box-shadow:0 0 0 3px #d191840c}input::placeholder{color:#7d7a77}h1,h2,h3,p{margin:0}svg{flex-shrink:0}::selection{background:var(--lime);color:#1b1c1d}.app-shell{min-height:100vh}.logo{letter-spacing:-3px;align-items:center;font-size:38px;font-style:italic;font-weight:800;line-height:1;display:inline-flex}.logo-night{letter-spacing:-1.6px;margin:1px 2px 0 5px;font-size:23px;font-weight:500;position:relative}.logo-dots{gap:3px;display:flex;position:absolute;bottom:-8px;left:3px}.logo-dots i{background:var(--red);width:8px;height:3px;transform:skew(-20deg)}.logo-dots i:nth-child(2){background:var(--yellow)}.logo-dots i:nth-child(3){background:#67a76c}.logo-dots i:nth-child(4){background:var(--blue)}.logo-period{color:var(--lime);font-size:40px}.live-dot,.presence{background:#c3bfb9;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 9px #c3bfb91c}.main-shell{margin-left:224px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;height:82px;padding:0 42px;display:flex}.topbar-right{align-items:center;gap:20px;display:flex}.connection{color:#b7b4ae;align-items:center;gap:8px;font-size:10px;display:flex}.connection i{background:#cbc7c1;border-radius:50%;width:6px;height:6px}.icon-button{color:#a3a09b;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.icon-button:hover{color:var(--text);background:#333436}.profile-button{text-align:left;align-items:center;gap:10px;padding:0;display:flex}.profile-button>span:nth-child(2){text-overflow:ellipsis;max-width:120px;font-size:11px;font-weight:600;overflow:hidden}.profile-button small{color:#8e8b87;margin-top:4px;font-size:9px;font-weight:400;display:block}.profile-button>svg{color:#767470;margin-left:10px}.avatar{background:#3b3d3f;border:1px solid #ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px #ffffff10}.avatar img{object-fit:cover;width:100%;height:100%}.button{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:0 20px;font-size:11px;font-weight:700;display:inline-flex}.primary:hover:not(:disabled){background:#f7f2eb;transform:translateY(-2px);box-shadow:0 4px 18px #dedad31f}.secondary{color:#e9e4de;background:#303133;border:1px solid #47494b}.button.full{width:100%}.danger{background:#77352e;border:1px solid #a44e43}.loading{height:70vh;color:var(--muted);justify-content:center;align-items:center;gap:15px;display:flex}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.lobby{max-width:1500px;margin:0 auto;padding:37px 42px 0;animation:.5s ease-out page-in}.page-heading{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:1.9px;color:#9e9b96;align-items:center;gap:8px;font-size:8px;font-weight:700;display:inline-flex}.eyebrow i{background:var(--lime);border-radius:50%;width:5px;height:5px}.page-heading h1{letter-spacing:-2px;margin-top:14px;font-size:clamp(32px,3.3vw,51px);font-weight:600;line-height:1.22}.page-heading h1 em{color:var(--lime);letter-spacing:-1.5px;font-family:Arial,sans-serif;font-weight:800}.page-heading p{color:var(--muted);margin-top:13px;font-size:12px}.table-stamp{color:#ded9d315;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.table-stamp b{letter-spacing:-8px;font-size:76px;font-style:italic;font-weight:800;line-height:1}.table-stamp>span{letter-spacing:5px;white-space:nowrap;margin-top:4px;font-size:9px}.join-strip{border:1px solid var(--line);background:#202122;border-radius:12px;align-items:center;gap:16px;margin-top:17px;padding:21px 24px;display:flex}.join-strip h3{margin-bottom:5px;font-size:13px;font-weight:700}.join-strip p{color:#9b9893;font-size:10px}.join-strip form{gap:9px;margin-left:auto;display:flex}.join-strip input{letter-spacing:2px;border-radius:7px;width:159px;min-height:41px;font-size:9px}.join-strip .button{min-height:41px;padding:0 15px;font-size:10px}.rooms-section{margin-top:37px}.room-search{gap:12px;margin-bottom:20px;display:flex}.room-search input{max-width:400px}.room-list{border:1px solid var(--line);border-radius:12px;overflow:hidden}.room-row{text-align:left;background:#202123;align-items:center;gap:22px;width:100%;padding:20px;display:flex}.room-row+.room-row{border-top:1px solid var(--line)}.room-row:hover{background:#333536}.room-avatar-stack{min-width:85px;padding-left:10px;display:flex}.room-avatar-stack .avatar{border:2px solid #202123;margin-left:-10px}.room-row-name{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.room-row-name b{font-size:12px}.room-row-name small,.room-row>span>small{color:#a4a19c;font-size:10px}.room-row-join{color:var(--lime);align-items:center;gap:10px;font-size:11px;display:flex}.history-panel{border:1px solid var(--line);background:#252627;border-radius:14px;min-height:360px;overflow:hidden}.stats-grid{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);padding:27px;display:grid}.stats-grid>div{flex-direction:column;align-items:center;gap:10px;display:flex}.stats-grid strong{color:var(--lime);font-size:34px}.stats-grid span{color:#a9a6a1;font-size:11px}.history-row{align-items:center;gap:16px;padding:20px 28px;display:flex}.history-row+.history-row{border-top:1px solid var(--line)}.history-row>div{flex-direction:column;flex:1;gap:6px;display:flex}.history-row small{color:#a5a29d;font-size:10px}.history-row b{font-size:12px}.result-icon{color:#a6a29e;background:#393a3c;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.result-icon.win{color:var(--lime);background:#d191840d}.history-row>strong{color:var(--lime)}.playing-card{--cc:#e85148;background:var(--cc);color:#fff;-webkit-user-select:none;user-select:none;isolation:isolate;border:5px solid #f0f0e4;border-radius:10px;flex-shrink:0;width:87px;height:128px;padding:0;display:block;position:relative;box-shadow:0 2px #b8b9a8,0 5px #e9e8d8,0 8px 12px #0005}.playing-card:after{content:"";pointer-events:none;border-radius:4px;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff50}.card-red{--cc:#e54e42}.card-blue{--cc:#2c83c0}.card-green{--cc:#3e9b63}.card-yellow{--cc:#ebbb3a;color:#3c381f}.card-wild{--cc:#202928}.card-back{--cc:#212223;border-color:#e7e7d7;box-shadow:0 2px #9b9894,0 5px #cccfc0,0 7px #ada9a4,0 9px #d0d2c1,0 12px 14px #0006}.small-card{border-width:3px;border-radius:5px;width:42px;height:61px;box-shadow:0 1px #aaa6a1,0 3px 5px #0004}.game-page{max-width:1600px;margin:auto;padding:27px 30px 30px;animation:.35s ease-out page-in}.game-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:23px;display:flex}.game-title{align-items:center;gap:13px;min-width:0;display:flex}.game-title h1{letter-spacing:-.7px;align-items:center;gap:12px;font-size:21px;font-weight:600;display:flex}.mode-tag{letter-spacing:0;color:#bbb7b1;white-space:nowrap;background:#343537;border:1px solid #484a4d;border-radius:5px;padding:5px 8px;font-size:8px;font-weight:600}.game-title p{color:#a5a29d;align-items:center;gap:8px;margin-top:9px;font-size:9px;display:flex}.game-title p .live-dot{width:4px;height:4px}.invite-button{min-height:37px;padding:0 13px;font-size:9px}.game-layout{grid-template-columns:minmax(0,1fr) 244px;align-items:start;gap:18px;display:grid}.arena-panel{background:#202122;border:1px solid #3d3f40;border-radius:15px;position:relative;overflow:hidden}.arena-top{justify-content:space-between;align-items:center;height:48px;padding:0 20px;display:flex}.arena-top>span{letter-spacing:1.4px;color:#aeaaa5;align-items:center;gap:8px;font-size:8px;display:flex}.arena-top .live-dot{width:5px;height:5px}.table-stage{isolation:isolate;height:430px;margin:0 20px 10px;position:relative}.game-table{background-color:#24463f;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.1' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(at 50% 33%,#2d574c,#183c34);border:11px solid #423d35;border-radius:48%;justify-content:center;align-items:center;display:flex;position:absolute;inset:15% 9% 13%;box-shadow:0 5px #302b25,0 9px #3a332a,0 16px #1b1b19,0 22px 35px #0c0d0d99,inset 0 0 0 2px #72614b,inset 0 0 42px #102c26}.table-inner-line{pointer-events:none;border:1px dashed #e4e0d926;border-radius:50%;position:absolute;inset:12px}.game-table .table-stamp{opacity:.5;top:71%}.game-table .table-stamp b{letter-spacing:-5px;font-size:50px}.game-table .table-stamp>span{letter-spacing:4px;font-size:6px}.table-direction{color:#c7c3bd35;font-size:46px;position:absolute;top:35%;right:15%}.center-cards{z-index:1;align-items:center;gap:33px;display:flex;position:relative;transform:translateY(-7px)}.center-cards>div{flex-direction:column;align-items:center;gap:18px;display:flex}.center-cards>div>span{color:#c3bfba;align-items:center;gap:5px;font-size:8px;display:flex}.draw-pile .playing-card{transform:rotate(-8deg)}.draw-pile .playing-card:hover:not(:disabled){transform:rotate(-8deg)translateY(-5px)}.discard-pile .playing-card{transform:rotate(9deg)}.discard-card{animation:.32s cubic-bezier(.16,1,.3,1) card-drop}.color-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.red{background:var(--red)}.yellow{background:var(--yellow)}.green{background:#4caa6e}.blue{background:var(--blue)}.penalty-badge{background:var(--red);border-radius:8px;padding:7px 12px;font-size:19px;font-weight:800;animation:.3s ease-out pop-in;position:absolute;top:-17px;right:-24px;transform:rotate(12deg);box-shadow:0 3px 10px #0005}.table-player{left:var(--seat-x);top:var(--seat-y);z-index:3;flex-direction:column;align-items:center;min-width:95px;max-width:135px;transition:left .6s,top .6s;animation:.4s ease-out seat-in;display:flex;position:absolute;transform:translate(-50%,-50%)}.seat-avatar{background:#202122;border:1px solid #6e6b6888;border-radius:50%;padding:4px;transition:box-shadow .3s,border .3s;position:relative;box-shadow:0 5px 10px #13131450}.is-turn .seat-avatar{border:2px solid var(--lime);padding:3px;animation:2.4s ease-in-out infinite turn-pulse}.table-player>b{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;max-width:125px;margin-top:6px;font-size:10px;font-weight:700;display:flex;overflow:hidden}.table-player>b small{color:#d6d2cb;background:#d191841a;border-radius:3px;padding:2px 4px;font-size:7px;font-weight:500}.seat-info{white-space:nowrap;color:#aeaba6;align-items:center;gap:5px;margin-top:4px;font-size:8px;display:flex}.host-crown{color:#393621;background:#ddca87;border:2px solid #1d1e1f;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:-5px;left:-2px}.seat-status{background:#706e6b;border:2px solid #222325;border-radius:50%;width:9px;height:9px;position:absolute;bottom:3px;right:4px}.seat-status.on{background:#ccc8c2}.turn-timer{background:var(--lime);color:#2a2b2c;border:3px solid #1d1e1f;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;font-weight:800;display:flex;position:absolute;top:-5px;right:-13px}.opponent-cards{justify-content:center;height:38px;margin-top:7px;padding-left:15px;display:flex}.opponent-cards .playing-card{transform-origin:bottom;border-width:2px;border-radius:3px;width:24px;height:35px;margin-left:-15px}.uno-bubble{background:var(--lime);color:#2c2d2f;border-radius:9px 9px 9px 2px;padding:6px 9px;font-size:11px;font-style:italic;font-weight:800;animation:.3s ease-out pop-in;position:absolute;top:0;right:-30px;transform:rotate(8deg)}.team-dot{background:#68a5e2;border-radius:50%;width:5px;height:5px}.team-1{background:#dc8b93}.kick-player{color:#c6c3bd;opacity:0;background:#434547;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;display:flex;position:absolute;top:0;right:9px}.table-player:hover .kick-player,.kick-player:focus{opacity:1}.waiting-center{text-align:center;z-index:2;position:relative;transform:translateY(-4px)}.waiting-center>.eyebrow{color:#c5c2bc;letter-spacing:1.3px;font-size:6px}.waiting-center h2{letter-spacing:-1px;margin:10px 0;font-size:31px;line-height:1.2}.waiting-center p{color:#b7b3ae;font-size:10px;line-height:1.8}.room-code{letter-spacing:5px;color:#efeae3;background:#0f272155;border:1px dashed #c5c1bb4d;border-radius:7px;align-items:center;gap:12px;margin:10px 0;padding:11px 14px;font-family:monospace;font-size:22px;font-weight:700;display:inline-flex}.waiting-actions{justify-content:center;align-items:center;gap:10px;display:flex}.waiting-actions .button{gap:6px;min-height:33px;padding:0 12px;font-size:9px}.table-button{color:#e5e1da;background:#cbc7c114;border:1px solid #cbc7c130}.table-hint{color:#a6a39e;border-top:1px solid #3a3c3e;justify-content:center;align-items:center;gap:8px;padding:20px;font-size:9px;display:flex}.hand-area{background:#272829;border-top:1px solid #3a3c3e;padding:18px 21px 21px}.player-hand{scrollbar-width:thin;scrollbar-color:#515456 transparent;justify-content:safe center;align-items:center;min-height:159px;padding:22px 16px 12px;display:flex;overflow:auto hidden}.hand-card{width:73px;height:108px;transform:rotate(calc((var(--card-index) - (var(--card-count) - 1) / 2) * 1.5deg));margin-left:clamp(-40px, calc(10px - var(--card-count) * 2px), 2px);transform-origin:bottom;animation:.45s cubic-bezier(.16,1,.3,1) backwards deal;animation-delay:calc(var(--card-index) * 45ms);border-width:4px;border-radius:8px;transition:transform .25s cubic-bezier(.16,1,.3,1),filter .2s,box-shadow .2s}.hand-card:first-child{margin-left:0}.hand-card.playable:hover:not(:disabled),.hand-card.playable:focus-visible{z-index:20;transform:translateY(-18px)rotate(0)}.hand-card.unplayable{filter:brightness(.65);opacity:1;cursor:default}.hand-controls{justify-content:space-between;align-items:center;gap:8px;display:flex}.hand-tip{color:#a5a29d;font-size:8px;line-height:1.8}.hand-controls>div{align-items:center;gap:7px;display:flex}.hand-controls .button{gap:5px;min-height:35px;padding:0 12px;font-size:9px}.uno-button{color:#f1e8c8;letter-spacing:-.5px;background:#a64236;border:1px solid #cd6851;border-radius:7px;align-items:center;gap:5px;min-height:38px;padding:0 16px;font-size:17px;font-style:italic;font-weight:800;display:flex;box-shadow:0 3px #6d2921}.uno-button:hover:not(:disabled){background:#cf5442;transform:translateY(-2px)}.uno-button.armed{background:var(--lime);color:#303234;border-color:#f8f3ec;box-shadow:0 3px #989590}.game-chat{background:#242627;border:1px solid #3f4143;border-radius:13px;flex-direction:column;height:620px;display:flex;overflow:hidden}.chat-tabs{border-bottom:1px solid #3f4143;gap:15px;min-height:50px;padding:0 15px;display:flex}.chat-tabs button{color:#a5a29d;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:0 1px;font-size:11px;font-weight:600;display:flex}.chat-tabs button.active{color:var(--lime);border-bottom-color:var(--lime)}.chat-tabs button>span{color:#c8c4bf;background:#404244;border-radius:4px;padding:2px 5px;font-size:8px}.chat-roster{border-bottom:1px solid #3d3f41;flex-shrink:0;max-height:238px;padding:13px 17px;overflow:auto}.chat-roster>div{align-items:center;gap:9px;padding:5px 0;display:flex}.chat-roster>div>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:10px;font-weight:500;overflow:hidden}.chat-roster small{color:#9f9c97;margin-left:6px;font-size:7px;font-weight:400}.chat-roster svg{color:#a29f9a}.presence{background:#666461;width:5px;height:5px}.presence.on{background:#cdc9c3}.chat-messages{scrollbar-width:thin;scrollbar-color:#5c5b58 transparent;flex:1;padding:18px 16px;overflow-y:auto}.chat-welcome{text-align:center;padding:12px 6px 24px}.chat-welcome>span{color:#c6c2bc;font-size:33px}.chat-welcome h3{margin:10px 0 7px;font-size:12px}.chat-welcome p{color:#a8a49f;font-size:9px;line-height:1.9}.chat-message{margin-top:17px;animation:.2s ease-out page-in}.chat-message>div{color:#c8c4be;justify-content:space-between;gap:6px;font-size:8px;display:flex}.chat-message time{color:#9e9b96;font-size:7px}.chat-message>p{overflow-wrap:anywhere;background:#37393b;border-radius:0 9px 9px;margin-top:6px;padding:10px 11px;font-size:10px;line-height:1.75}.log-message{align-items:flex-start;gap:9px;margin-bottom:16px;animation:.2s ease-out page-in;display:flex}.log-message>i{background:#a6a29e;border-radius:50%;flex-shrink:0;width:4px;height:4px;margin-top:5px}.log-message p{color:#c3bfba;overflow-wrap:anywhere;font-size:9px;line-height:1.8}.chat-form{background:#1d1e1f;border:1px solid #4d5052;border-radius:8px;align-items:center;margin:10px 13px 0;padding:3px;display:flex}.chat-form input{box-shadow:none;background:0 0;border:0;padding:9px 8px;font-size:10px}.chat-form button{color:var(--lime);flex-shrink:0;width:30px}.chat-bottom{color:#a29e9a;justify-content:center;align-items:center;gap:5px;padding:13px 5px;font-size:7px;display:flex}.chat-bottom .live-dot{opacity:.6;width:4px;height:4px}.round-overlay{z-index:10;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#1d1e1fee;border:1px solid #64625f;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;animation:.4s cubic-bezier(.16,1,.3,1) pop-in;display:flex;position:absolute;inset:10px 0 0}.winner-cup{font-size:47px;animation:.7s ease-out cup-bounce}.round-overlay>.eyebrow{color:#d0ccc5;font-size:7px}.round-overlay h2{letter-spacing:-.8px;text-align:center;font-size:23px}.round-overlay>p{color:#c4c0bb;font-size:12px}.round-scores{flex-direction:column;gap:5px;width:min(300px,100%);max-height:150px;margin:5px 0;display:flex;overflow:auto}.round-scores>span{background:#ffffff04;border-radius:6px;align-items:center;gap:9px;padding:4px 8px;font-size:10px;display:flex}.round-scores b{color:var(--lime);margin-left:auto}.confetti{color:#eaca77;pointer-events:none;font-size:30px;animation:4s ease-in-out infinite bob;position:absolute;top:12%;left:12%;transform:rotate(-15deg)}.confetti i{color:#d19184;font-size:22px;font-style:normal;position:absolute;top:30px;left:260px}.confetti b{color:#74acdf;font-size:15px;position:absolute;top:200px;left:210px}.confetti em{color:#e79581;font-size:36px;position:absolute;top:230px;left:-20px}.muted{color:var(--muted)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0b0bc9;justify-content:center;align-items:center;padding:25px;animation:.18s ease-out fade-in;display:flex;position:fixed;inset:0}.modal{scrollbar-width:thin;scrollbar-color:#5f5d5a transparent;background:#27282a;border:1px solid #5c5a57;border-radius:18px;outline:none;width:440px;max-width:100%;max-height:calc(100dvh - 50px);padding:32px;animation:.25s cubic-bezier(.16,1,.3,1) pop-in;position:relative;overflow:auto;box-shadow:0 35px 100px #0006}.modal.wide{width:610px}.modal-close{position:absolute;top:13px;right:13px}.modal>.eyebrow{color:#b5b1ac;font-size:7px}.modal>h2{letter-spacing:-1.2px;margin-top:14px;padding-right:10px;font-size:30px;font-weight:600;line-height:1.2}.modal-subtitle{color:#b5b2ac;margin:10px 0 25px;font-size:11px;line-height:1.9}.segmented{background:#202122;border:1px solid #4e5053;border-radius:8px;margin-bottom:24px;padding:4px;display:flex}.segmented button{color:#aaa7a2;border-radius:5px;flex:1;min-height:35px;font-size:11px}.form-stack{flex-direction:column;gap:17px;display:flex}.form-stack>label,.form-grid>label{color:#cfcbc5;flex-direction:column;gap:8px;font-size:10px;font-weight:600;display:flex}.form-stack input,.form-stack select{font-size:12px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-error{color:#f29785;background:#d7504010;border-radius:6px;padding:9px 11px;font-size:11px;line-height:1.8}.avatar-picker{flex-wrap:wrap;gap:9px;margin:0 0 3px;display:flex}.avatar-picker button{border:1px solid #0000;border-radius:50%;padding:3px}.avatar-picker button:hover{background:#d191840c;transform:scale(1.1)}.avatar-picker button.selected{border-color:var(--lime);background:#d1918410}.avatar-picker .avatar{width:33px!important;height:33px!important;font-size:21px!important}.guest-link{color:#bfbbb6;text-align:center;justify-content:center;align-items:center;gap:7px;margin:18px auto 0;font-size:10px;line-height:1.8;display:flex}.guest-link:hover{color:var(--lime)}.create-mode-tabs{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.create-mode-tabs button{color:#bab7b1;background:#222324;border:1px solid #4d5052;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:14px 3px;font-size:8px;display:flex}.create-mode-tabs button:hover{border-color:#918f8a}.create-mode-tabs button.active{border-color:var(--lime);color:var(--lime);background:#d1918409}.selected-description{color:#bebab4;margin:16px 0 24px;font-size:11px;line-height:1.8}.house-options{border:1px solid #505355;border-radius:10px;padding:0 13px}.toggle-row{cursor:pointer;align-items:center;padding:13px 0;position:relative;flex-direction:row!important;gap:14px!important;display:flex!important}.toggle-row>span{flex-direction:column;flex:1;gap:5px;display:flex}.toggle-row b{align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.toggle-row small{color:#b1ada8;font-size:9px;font-weight:400;line-height:1.7}.toggle-row+.toggle-row{border-top:1px solid #47494b}.toggle-row input[type=checkbox]{opacity:0;z-index:1;cursor:pointer;width:34px;height:20px;margin:0;position:absolute;right:0}.switch{background:#5e5c59;border-radius:20px;flex-shrink:0;width:34px;height:20px;padding:3px;transition:background .2s}.switch:before{content:"";background:#c3bfb9;border-radius:50%;width:14px;height:14px;transition:transform .2s;display:block}.toggle-row input:checked+.switch:before{background:#434648;transform:translate(14px)}.toggle-row input:focus-visible+.switch{outline:2px solid var(--lime);outline-offset:4px}.public-toggle{background:#1b1c1c33;border:1px solid #4f5254;border-radius:10px;padding:14px!important}.public-toggle input[type=checkbox]{right:14px}.guest-note{color:#b5b2ac;font-size:10px;line-height:1.8}.profile-preview{flex-direction:column;justify-content:center;align-items:center;gap:15px;margin-bottom:23px;display:flex}.upload-avatar{color:var(--lime);cursor:pointer;align-items:center;gap:6px;font-size:10px;display:flex;position:relative}.upload-avatar input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.profile-preview+.avatar-picker{justify-content:center;margin-bottom:25px}.profile-stats{border-top:1px solid #4c4f51;border-bottom:1px solid #4c4f51;justify-content:space-around;padding:16px 0;display:flex}.profile-stats span{color:#b5b2ac;flex-direction:column;align-items:center;gap:6px;font-size:9px;display:flex}.profile-stats b{color:#e3dfd8;font-size:24px;font-weight:600}.logout-link{color:#bab6b1;align-items:center;gap:7px;margin:22px auto 0;font-size:10px;display:flex}.rules-content{margin-top:25px}.rules-content>section{gap:16px;margin-bottom:23px;display:flex}.rule-number{color:var(--lime);background:#d1918407;border:1px solid #706e6b;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex}.rules-content h3{margin:4px 0 9px;font-size:13px}.rules-content p{color:#c3bfb9;font-size:11px;line-height:1.9}.rule-card-list>div{align-items:center;gap:13px;margin:17px 0;display:flex}.rule-card-list .playing-card{border-width:2px;width:31px;height:45px}.rule-card-list b{color:#e2ded7;font-size:11px}.rule-card-list p{margin-top:4px;font-size:10px;line-height:1.8}.rules-footnote{border-top:1px solid #4e5153;padding-top:18px;color:#aaa7a2!important;font-size:9px!important}.rules-sources{gap:22px;margin-top:14px;display:flex}.rules-sources a{color:#d1cdc7;align-items:center;gap:5px;font-size:9px;display:flex}.color-picker{grid-template-columns:1fr 1fr;gap:14px;margin-top:25px;display:grid}.color-picker button{color:#fff;border:2px solid #ffffff18;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:22px 10px;font-size:12px;font-weight:700;display:flex}.color-picker button.yellow{color:#463b1e}.color-picker button:hover{border-color:#fff8;transform:scale(1.04)}.color-picker button>span{font-size:27px}.swap-choices{flex-direction:column;gap:10px;margin-top:25px;display:flex}.swap-choices button{background:#3e4042;border:1px solid #6a6865;border-radius:9px;align-items:center;gap:12px;padding:11px;display:flex}.swap-choices b{text-align:left;flex:1;font-size:12px}.swap-choices>button>span:nth-last-child(2){color:#d3cec8;font-size:10px}.toast{z-index:200;color:#efeae3;background:#46484a;border:1px solid #928f8b;border-radius:11px;align-items:center;gap:12px;max-width:min(540px,100vw - 30px);padding:15px 16px;font-size:11px;line-height:1.7;animation:.2s ease-out page-in;display:flex;position:fixed;bottom:25px;left:calc(50% + 70px);transform:translate(-50%);box-shadow:0 15px 40px #0005}.toast>span{color:var(--lime);font-size:20px}.toast button{color:#d5d1cb;padding:4px;display:flex}.login-button{font-size:10px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes card-drop{0%{opacity:0;transform:translate(30px,-70px)rotate(-25deg)scale(.85)}to{opacity:1;transform:rotate(9deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes page-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@keyframes pop-in{0%{opacity:0;scale:.94}to{opacity:1;scale:1}}@keyframes seat-in{0%{opacity:0;scale:.8}to{opacity:1;scale:1}}@keyframes deal{0%{opacity:0;translate:0 -70px;rotate:-15deg;scale:.85}to{opacity:1;translate:0;rotate:0deg;scale:1}}@keyframes turn-pulse{0%,to{box-shadow:0 0 0 4px #c6a57c0a,0 0 13px #c6a57c05}50%{box-shadow:0 0 0 6px #c6a57c06,0 0 20px #c6a57c0c}}@keyframes bob{0%,to{translate:0}50%{translate:0 -6px}}@keyframes star-turn{to{rotate:360deg}}@keyframes cup-bounce{0%{rotate:-20deg;scale:.2}65%{rotate:8deg;scale:1.12}to{rotate:0deg;scale:1}}@media (width>=1600px){.lobby{padding-top:46px}.table-stage{height:490px}.game-chat{height:680px}.game-layout{grid-template-columns:minmax(0,1fr) 270px}}@media (width<=1220px){.main-shell{margin-left:196px}.topbar{height:72px;padding:0 28px}.lobby{padding:30px 28px 0}.join-strip{gap:12px;padding:18px}.join-strip p{font-size:9px}.join-strip input{width:135px}.game-page{padding:23px 22px}.game-layout{grid-template-columns:minmax(0,1fr) 210px;gap:12px}.game-title h1{font-size:18px}.table-stage{height:410px;margin:0 8px 10px}.table-player{min-width:80px}.table-player .avatar{width:41px!important;height:41px!important;font-size:23px!important}.own-player .avatar{width:46px!important;height:46px!important}.table-player>b{font-size:9px}.seat-info{font-size:7px}.game-table{border-width:9px;left:10%;right:10%}.center-cards{gap:25px}.center-cards .playing-card{width:70px;height:104px}.waiting-center h2{font-size:25px}.waiting-center>.eyebrow{font-size:5px}.waiting-actions{gap:6px}.waiting-actions .button{padding:0 9px;font-size:8px}.room-code{margin:8px 0;font-size:19px}.hand-area{padding:16px 15px}.hand-tip{display:none}.hand-controls{justify-content:center}.game-chat{height:600px}.page-heading h1{font-size:40px}.room-row{gap:14px}}@media (width<=1020px){.join-strip>div:nth-child(2)>p{max-width:170px;line-height:1.8}.join-strip input{width:123px}.game-layout{grid-template-columns:1fr}.game-chat{grid-template-rows:49px 1fr 55px;grid-template-columns:180px 1fr;height:340px;display:grid}.chat-tabs{grid-column:1/-1}.chat-roster{border-bottom:0;border-right:1px solid #3f4143;grid-row:2/4;max-height:none}.chat-messages{grid-area:2/2;min-height:0}.chat-welcome{padding:0 0 8px}.chat-welcome>span{font-size:23px}.chat-welcome p{max-width:220px;margin:auto}.chat-form{grid-area:3/2;margin-bottom:10px}.chat-bottom{display:none}.table-stage{height:440px}.game-table{left:12%;right:12%}.waiting-center h2{font-size:29px}.waiting-center>.eyebrow{font-size:6px}.waiting-actions .button{min-height:36px;padding:0 13px;font-size:10px}.center-cards .playing-card{width:82px;height:119px}.center-cards{gap:35px}.table-player .avatar{width:47px!important;height:47px!important;font-size:27px!important}.own-player .avatar{width:52px!important;height:52px!important}.topbar-right{gap:14px}.connection{font-size:9px}.hand-tip{display:block}.hand-controls{justify-content:space-between}.page-heading h1{font-size:37px}.profile-button>span:nth-child(2){max-width:95px}.in-game .main-shell{margin-left:182px}}@media (width<=760px){.main-shell,.in-game .main-shell{margin-left:0}.topbar{z-index:40;background:#19191a;height:64px;padding:0 20px;position:relative}.topbar-right{gap:11px}.connection{display:none}.profile-button>span:nth-child(2){max-width:100px;font-size:10px}.profile-button small{font-size:8px}.profile-button>svg{display:none}.sound-button{width:28px}.lobby{padding:28px 20px 0}.page-heading{margin-bottom:23px}.page-heading h1{letter-spacing:-1.6px;font-size:39px;line-height:1.23}.page-heading .eyebrow{letter-spacing:1.4px;font-size:7px}.join-strip{margin-top:15px;padding:18px 17px}.join-strip form{gap:7px}.join-strip input{width:134px;font-size:8px}.join-strip .button{font-size:9px}.game-page{padding:22px 17px}.game-heading{flex-wrap:wrap;margin-bottom:19px}.game-title h1{gap:8px;font-size:20px}.game-title{gap:7px}.game-title>.icon-button{width:25px}.game-title p{gap:6px;font-size:8px}.invite-button{min-height:33px;margin-left:auto;font-size:8px}.table-stage{height:435px;margin-left:13px;margin-right:13px}.game-table{left:10%;right:10%}.table-player .avatar{width:45px!important;height:45px!important;font-size:25px!important}.own-player .avatar{width:50px!important;height:50px!important}.hand-area{padding:17px 15px}.hand-card{width:74px;height:110px}.hand-tip{font-size:7px}.table-hint{padding:19px 12px;font-size:8px}.game-chat{grid-template-columns:150px 1fr}.chat-roster{padding:13px 12px}.modal{padding:28px 23px}.modal-backdrop{padding:15px}.modal{max-height:calc(100dvh - 30px)}.toast{font-size:10px;bottom:18px;left:50%}.page-heading:has(>.button){flex-direction:column;align-items:flex-start;gap:16px}.page-heading p{font-size:11px}.room-row{gap:10px;padding:16px 12px}.room-row-join{gap:5px;font-size:9px}.room-avatar-stack{min-width:65px}.room-row-name b{font-size:11px}.room-row-name small{font-size:8px}.players-7,.players-8,.players-9,.players-10{height:490px}.players-7 .table-player,.players-8 .table-player,.players-9 .table-player,.players-10 .table-player{min-width:62px;max-width:80px}.players-7 .opponent-cards,.players-8 .opponent-cards,.players-9 .opponent-cards,.players-10 .opponent-cards{display:none}}@media (width<=520px){.topbar{padding:0 14px}.profile-button>span:nth-child(2){max-width:84px}.profile-button small{font-size:7px}.profile-button .avatar{width:30px!important;height:30px!important;font-size:18px!important}.topbar-right{gap:6px}.lobby{padding:25px 16px 0}.page-heading h1{font-size:35px}.page-heading .eyebrow{font-size:6px}.join-strip{grid-template-columns:34px 1fr;gap:10px;padding:17px;display:grid}.join-strip>div:nth-child(2)>p{max-width:none;font-size:9px}.join-strip h3{font-size:12px}.join-strip form{grid-column:1/-1;gap:9px;width:100%;margin:4px 0 0}.join-strip input{letter-spacing:2px;flex:1;width:100%;font-size:9px}.join-strip .button{padding:0 18px;font-size:10px}.rooms-section{margin-top:29px}.modal>h2{font-size:27px}.modal-subtitle{font-size:10px}.create-mode-tabs{gap:4px}.create-mode-tabs button{gap:8px;padding:12px 2px;font-size:6px}.create-mode-tabs svg{width:17px}.form-stack input,.form-stack select{padding:12px;font-size:11px}.form-grid{gap:10px}.avatar-picker{gap:5px}.game-page{padding:19px 10px}.game-title h1{gap:7px;font-size:17px}.game-title .mode-tag{padding:4px 6px;font-size:6px!important}.game-heading{gap:11px}.game-heading .invite-button{margin-left:32px}.arena-top{height:43px;padding:0 12px}.arena-top>span{font-size:7px}.table-stage{height:400px;margin:0 7px 10px}.game-table{border-width:8px;inset:16% 8% 15%}.table-inner-line{inset:8px}.table-player{min-width:70px;max-width:90px}.table-player .avatar{width:35px!important;height:35px!important;font-size:21px!important}.own-player .avatar{width:42px!important;height:42px!important;font-size:25px!important}.seat-avatar{padding:3px}.is-turn .seat-avatar{padding:2px}.table-player>b{gap:3px;max-width:84px;font-size:8px}.table-player>b small{font-size:6px}.seat-info{gap:3px;font-size:6px}.host-crown{width:15px;height:15px;top:-4px;left:-3px}.host-crown svg{width:9px}.turn-timer{width:22px;height:22px;font-size:8px;top:-8px;right:-12px}.opponent-cards{height:27px;margin-top:5px;padding-left:11px}.opponent-cards .playing-card{width:18px;height:27px;margin-left:-11px}.waiting-center>.eyebrow{letter-spacing:.9px;font-size:5px}.waiting-center h2{margin:8px 0;font-size:25px}.waiting-center p{font-size:9px;line-height:1.7}.room-code{letter-spacing:4px;margin:9px 0;padding:9px 10px;font-size:19px}.waiting-actions{flex-direction:column;gap:6px}.waiting-actions .button{min-height:31px;padding:0 10px;font-size:8px}.waiting-actions .table-button{min-height:25px;font-size:7px}.waiting-actions svg{width:13px}.game-table .table-stamp{opacity:.35;top:77%}.table-direction{font-size:32px;top:39%;right:10%}.center-cards{gap:20px}.center-cards .playing-card{border-width:4px;border-radius:7px;width:60px;height:90px}.center-cards>div{gap:16px}.center-cards>div>span{font-size:7px}.hand-area{padding:13px 10px 16px}.player-hand{min-height:139px;padding:22px 8px 14px}.hand-card{width:62px;height:93px;margin-left:clamp(-42px, calc(9px - var(--card-count) * 3px), -6px);border-width:3px;border-radius:7px}.hand-controls{justify-content:center}.hand-tip{display:none}.hand-controls .button{gap:4px;min-height:33px;padding:0 8px;font-size:8px}.hand-controls .button svg{width:12px}.uno-button{min-height:35px;padding:0 12px;font-size:16px}.hand-controls>div{flex-wrap:wrap;justify-content:center;gap:6px}.table-hint{align-items:flex-start;padding:17px 11px;font-size:7px;line-height:1.8}.table-hint svg{width:12px}.game-chat{grid-template-rows:45px 1fr 53px;grid-template-columns:119px 1fr;height:305px}.chat-tabs{gap:22px;padding:0 13px}.chat-tabs button{font-size:10px}.chat-roster{padding:9px 8px}.chat-roster>div{gap:5px}.chat-roster .avatar{width:25px!important;height:25px!important;font-size:15px!important}.chat-roster>div>span:nth-child(2){font-size:8px}.chat-roster small{display:none}.chat-roster svg{width:10px}.chat-messages{padding:13px 12px}.chat-message>p{padding:8px 9px;font-size:9px}.chat-welcome h3{font-size:11px}.chat-welcome p{font-size:8px}.chat-form{margin:5px 9px 10px}.chat-form input{font-size:9px}.chat-form .icon-button{width:26px}.round-overlay h2{font-size:20px}.round-overlay{gap:10px;padding:16px}.round-overlay>p{font-size:11px}.winner-cup{font-size:39px}.confetti{top:15%;left:7%}.confetti i{left:230px}.confetti b{left:215px}.round-scores{max-height:130px}.room-avatar-stack{min-width:44px;padding-left:16px}.room-avatar-stack .avatar{margin-left:-16px;width:27px!important;height:27px!important;font-size:15px!important}.room-row{gap:9px;padding:15px 11px}.room-row-name b{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.room-row-name small{font-size:7px}.room-row-join{margin-left:auto;font-size:8px}.room-row-join svg{width:12px}.stats-grid{padding:20px 10px}.stats-grid strong{font-size:27px}.stats-grid span{font-size:8px}.history-row{gap:12px;padding:17px 15px}.rules-content>section{gap:12px}.rules-content p{font-size:10px}.rules-content h3{font-size:12px}.players-7,.players-8,.players-9,.players-10{height:490px}.players-7 .game-table,.players-8 .game-table,.players-9 .game-table,.players-10 .game-table{top:12%;bottom:15%}.players-7 .table-player .avatar,.players-8 .table-player .avatar,.players-9 .table-player .avatar,.players-10 .table-player .avatar{width:31px!important;height:31px!important;font-size:18px!important}.table-stage:not(.players-7):not(.players-8):not(.players-9):not(.players-10){height:365px}}.topbar{background:#191c1f;border-color:#2c3034}.lobby{background:#17191c}.page-heading h1{color:#f0ebe5}.page-heading h1 em{color:#d18b7d}.primary{color:#fff5ed;background:#b44c43;box-shadow:0 2px #763831}.primary:hover:not(:disabled){background:#c45c51;box-shadow:0 4px 18px #9b3f3226}.secondary{color:#e7e2db;background:#2b2e33;border-color:#45494d}.secondary:hover:not(:disabled){background:#383c41;border-color:#6b6c6e}.logo-period{color:#bc6d5f}.eyebrow{color:#a6a19d}.join-strip{background:#222529;border-color:#3a3c3f}.join-strip p{color:#a1a0a0}.arena-panel{background:#202326;border-color:#3b3e40}.arena-top{background:#222528}.game-table{background-color:#24463f}.hand-area{background:#25282c;border-color:#3a3d40}.hand-tip{color:#a8a19a}.game-chat{background:#222629;border-color:#3c4244}.chat-tabs,.chat-roster{border-color:#3b4143}.chat-tabs button.active{color:#d6a294;border-color:#bc7e6d}.chat-message>p{background:#33373b}.chat-message.mine>p{background:#9b5e4919}.chat-form{background:#191d20;border-color:#464749}.chat-welcome>span{color:#b69778}.live-dot,.presence.on,.connection i,.seat-status.on{box-shadow:none;background:#8fa298}.connection{color:#b1b9b6}.seat-avatar{background:#242b2b;border-color:#746d5a}.is-turn .seat-avatar{border-color:#c6a57c;animation:2.4s ease-in-out infinite turn-pulse}.turn-timer{color:#292421;background:#c9ad86;border-color:#242b2b}.hand-card.playable{box-shadow:0 2px #b8b9a8,0 5px #e9e8d8,0 0 0 1px #b99d7999,0 0 12px #b99d7912}.uno-button{color:#f7ebe3;background:#9f443c;border-color:#c27a6c;box-shadow:0 3px #642e2a}.uno-button:hover:not(:disabled){background:#b75449}.uno-button.armed{color:#fff5e8;background:#8f6b4e;border-color:#c4a484;box-shadow:0 3px #5c4535}.table-button{color:#e0dcd4;background:#ffffff0c;border-color:#ffffff26}.table-hint{color:#aaa8a2;border-color:#3a3d3e}.mode-tag{color:#cfada2;background:#343132;border-color:#564746}.modal{background:#26292d;border-color:#534c49}.modal-subtitle,.selected-description{color:#b4aaa1}.form-stack>label,.form-grid>label{color:#d4cbc2}.form-stack input,.form-stack select,input,select{background:#1c2024;border-color:#46494c}.form-stack input:focus,.form-stack select:focus,input:focus,select:focus{border-color:#b78070;box-shadow:0 0 0 3px #b7807010}.segmented{background:#1d2024;border-color:#46494d}.segmented button.active{color:#eddbd0;background:#4c3d39}.create-mode-tabs button{color:#bbb4ae;background:#202327;border-color:#45494c}.create-mode-tabs button.active{color:#e0b5a5;background:#a9584910;border-color:#b98373}.public-toggle,.house-options{border-color:#514a45}.toggle-row small{color:#b2a79c}.switch{background:#555353}.toggle-row input:checked+.switch{background:#b37866}.toggle-row input:checked+.switch:before{background:#f4e7db}.profile-stats{border-color:#4a4643}.guest-link{color:#c9aaa0}.guest-note{color:#b1a79d}.room-code{color:#e8ddd0;border-color:#a18c6d66}.round-overlay{background:#242727ed;border-color:#786d5b}.round-overlay>p{color:#d4b996}.toast{color:#f1e5d6;background:#463c36;border-color:#8b7463}.chat-tabs button>span{color:#d1b6a1;background:#493d36}.upload-avatar{color:#d5ac9b}.rules-content p{color:#c2b9b0}.rules-footnote{border-color:#4c4945;color:#aaa298!important}.rule-number{color:#d9b797;background:#b7807009;border-color:#8f6d58}.history-panel{background:#222529;border-color:#3b3e41}.profile-stats b,.stats-grid strong,.history-row>strong{color:#cfaa89}.avatar-picker button.selected{background:#b780700b;border-color:#ba8875}.round-scores b{color:#d4b28f}@media (width<=760px){.topbar{background:#191c1f}}.card-art{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.playing-card.card-yellow{color:#3c381f}:root{--bg:#171a20;--panel:#20242b;--line:#343a43;--text:#f1efe9;--muted:#9da4af;--lime:#d9675e}.concept-shell{background:var(--bg);min-height:100dvh}.concept-shell .main-shell,.concept-shell.in-game .main-shell{margin-left:0}.concept-shell .topbar{background:#171a20;border-bottom:1px solid #ffffff09;gap:32px;height:86px;padding:0 max(28px,50vw - 660px);position:relative}.compact-brand{color:inherit;cursor:pointer;background:0 0;border:0;flex-shrink:0}.compact-brand .logo{font-size:30px}.compact-brand .logo-night{font-size:11px}.main-nav{align-items:center;gap:6px;margin-right:auto;display:flex}.main-nav button{color:#959da9;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:11px 12px;font-size:11px;display:flex}.main-nav button:hover,.main-nav button.active{color:#f1efe9;background:#ffffff06}.main-nav button.active svg{color:#d8756a}.concept-shell .topbar-right{gap:10px}.concept-shell .profile-button{padding-left:8px}.concept-shell .profile-button small{font-size:9px}.concept-shell .button{border-radius:8px;min-height:42px;font-size:11px}.concept-shell .primary{color:#fff6ef;box-shadow:none;background:#c85650;border:1px solid #dc7065}.concept-shell .primary:hover:not(:disabled){background:#d6635a;box-shadow:0 5px 20px #0002}.concept-shell .secondary{box-shadow:none;background:#292f38;border-color:#3d4550}.concept-shell .icon-button{color:#a6adb6}.concept-shell .icon-button:hover{color:#fff;background:#ffffff07}.concept-shell .minimal-lobby{background:0 0;width:100%;max-width:1020px;margin:0 auto;padding:52px 28px 0}.menu-intro{text-align:center;margin-bottom:36px}.menu-kicker{letter-spacing:2.1px;color:#969eaa;align-items:center;gap:5px;font-size:8px;font-weight:600;display:inline-flex}.menu-kicker i{background:#d56a61;border-radius:1px;width:5px;height:5px}.menu-kicker i:nth-child(2){background:#d6ae5e}.menu-kicker i:nth-child(3){background:#6d9d80}.menu-kicker i:nth-child(4){background:#7098bd;margin-right:8px}.menu-intro h1{letter-spacing:-5px;color:#f1efe9;justify-content:center;gap:15px;margin:20px 0 16px;font-size:82px;font-weight:800;line-height:1.1;display:flex}.menu-intro h1 span{color:#a6adb9;font-weight:500}.menu-intro h1 i{color:#d2665d;margin-left:-10px;font-style:normal}.menu-intro p{color:#9ba3af;font-size:12px}.play-menu{grid-template-columns:1.25fr 1fr 1fr;gap:14px;display:grid}.play-tile{text-align:left;color:#f1efe9;cursor:pointer;background:#20242b;border:1px solid #343a43;border-radius:13px;flex-direction:column;min-width:0;min-height:310px;padding:21px;transition:transform .2s,border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.play-tile:hover{background:#242932;border-color:#66717f;transform:translateY(-4px)}.friends-tile{background:#292326;border-color:#59403f}.friends-tile:hover{background:#302629;border-color:#a26660}.tile-index{letter-spacing:1.5px;color:#8e98a5;font-size:8px}.friends-tile .tile-index{color:#be8b85}.tile-cards{isolation:isolate;justify-content:center;align-items:center;height:139px;padding-top:10px;display:flex;position:relative}.tile-cards .playing-card{flex-shrink:0;width:66px;height:99px;transition:transform .3s;position:relative}.tile-cards .playing-card:first-child{transform:rotate(-17deg)translate(12px)}.tile-cards .playing-card:nth-child(2){z-index:2;transform:translateY(-7px)}.tile-cards .playing-card:nth-child(3){transform:rotate(17deg)translate(-12px)}.friends-tile:hover .tile-cards .playing-card:first-child{transform:rotate(-22deg)translate(5px,-4px)}.friends-tile:hover .tile-cards .playing-card:nth-child(3){transform:rotate(22deg)translate(-5px,-4px)}.tile-symbol{color:#8aa7c6;justify-content:center;align-items:center;height:139px;display:flex}.bots-tile{background:#202730;border-color:#364452}.custom-tile{background:#292820;border-color:#494637}.custom-tile .tile-symbol{color:#cbb06c}.tile-copy{margin:6px 0 18px;display:block}.tile-copy>span{letter-spacing:-.55px;align-items:center;gap:9px;font-size:19px;font-weight:700;display:flex}.tile-copy small{color:#a1a4ac;margin-top:9px;font-size:10px;line-height:1.6;display:block}.tile-cta,.tile-link{justify-content:space-between;align-items:center;margin-top:auto;font-size:11px;display:flex}.tile-cta{color:#fff5ee;background:#c75650;border:1px solid #d86e64;border-radius:7px;padding:12px 13px}.tile-link{color:#a9bdd1;border-top:1px solid #ffffff10;padding:12px 0}.custom-tile .tile-link{color:#cbb06c}.compact-join{background:#1c2027;border:1px solid #303640;border-radius:11px;align-items:center;gap:20px;margin-top:16px;padding:21px 23px;display:flex}.compact-join>div{flex:1}.compact-join h3{font-size:12px}.compact-join p{color:#929ba7;margin-top:7px;font-size:10px}.compact-join form{gap:8px;margin:0;display:flex}.compact-join input{letter-spacing:2px;background:#171b22;border-color:#3b434f;width:160px;height:42px;font-size:9px}.compact-join .button{padding:0 17px}.leaderboard-link{color:#c4c9d2;cursor:pointer;background:0 0;border:1px solid #303640;border-radius:11px;align-items:center;gap:15px;width:100%;margin-top:12px;padding:18px 23px;display:flex}.leaderboard-link>span{align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}.leaderboard-link>span svg{color:#c8ac6e}.leaderboard-link small{color:#8e98a6;margin-left:auto;font-size:10px}.leaderboard-link:hover{background:#ffffff03;border-color:#626b78}.menu-footnote{color:#7b8593;justify-content:center;align-items:center;gap:18px;margin:26px 0 48px;font-size:9px;display:flex}.menu-footnote i{background:#58616c;border-radius:50%;width:3px;height:3px}.minimal-footer{color:#707c8a;border-top:1px solid #ffffff09;align-items:center;gap:20px;margin-top:30px;padding:23px 0;font-size:8px;display:flex}.minimal-footer a{color:#8e9baf;white-space:nowrap;margin-left:auto}.concept-shell .page-heading h1{letter-spacing:-1.5px;font-size:42px}.concept-shell .page-heading p{font-size:12px;line-height:1.8}.concept-shell .rooms-section{margin-top:25px}.ranking-panel{background:#1e232b;border:1px solid #343a44;border-radius:12px;overflow:hidden}.ranking-row{border-bottom:1px solid #ffffff08;grid-template-columns:minmax(0,1fr) 80px 80px 85px;align-items:center;gap:15px;padding:17px 24px;font-size:12px;display:grid}.ranking-row:last-child{border-bottom:0}.ranking-row>span,.ranking-row>b{text-align:right;font-variant-numeric:tabular-nums}.ranking-head{color:#8f9aa9;letter-spacing:.3px;background:#242a33;font-size:9px}.ranking-head>span:first-child{text-align:left}.rank-player{align-items:center;gap:14px;min-width:0;display:flex}.rank-number{color:#6e7a8b;flex-shrink:0;width:24px;font-size:13px}.rank-1{color:#dabb7e}.rank-2{color:#b2c1d1}.rank-3{color:#c58f79}.rank-player strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.rank-player small{color:#939fab;margin-top:5px;font-size:8px;display:block}.ranking-me{background:#6893bc0a}.ranking-empty{text-align:center;color:#929eae;flex-direction:column;align-items:center;gap:15px;padding:60px 24px;font-size:12px;display:flex}.ranking-empty>svg{color:#b7a079;margin-bottom:5px}.ranking-empty h3{color:#e5e6e9;font-size:19px;font-weight:600}.ranking-empty p{font-size:12px;line-height:1.8}.ranking-empty .button{margin-top:10px}.leave-art{justify-content:center;height:126px;margin:32px 0 38px;display:flex}.leave-art .playing-card{width:76px;height:114px;transform:rotate(-13deg)}.leave-art .playing-card+.playing-card{margin-top:5px;margin-left:-20px;transform:rotate(13deg)}.leave-actions{gap:12px;display:flex}.leave-actions .button{flex:1}.connection-notice{text-align:center;color:#d9bd8c;background:#a26e2520;padding:10px;font-size:11px}.playing-card{color:#fff8e9;isolation:isolate;border:3px solid #eee8d9!important;border-radius:9px!important;overflow:hidden!important;box-shadow:0 2px #a6a497,0 5px 10px #0003!important}.playing-card .card-art{width:100%;height:100%;inset:0;overflow:visible!important}.playing-card.card-red{color:#fff3e0;background:#c95250}.playing-card.card-yellow{color:#3c3426;background:#dfb65c}.playing-card.card-green{color:#f1f1da;background:#4a8b70}.playing-card.card-blue{color:#f0f1e5;background:#477fa6}.playing-card.card-wild{color:#f4e9d6;background:#2a303a}.playing-card.card-back{color:#e4dbc7;background:#232b35}.playing-card:disabled{color:inherit}.playing-card.card-red:disabled{color:#fff3e0}.playing-card.card-green:disabled{color:#f1f1da}.playing-card.card-blue:disabled{color:#f0f1e5}.playing-card.card-yellow:disabled{color:#3c3426}.playing-card.card-back:disabled{color:#e4dbc7}.playing-card.card-wild:disabled{color:#f4e9d6}.hand-card.unplayable{opacity:.55;filter:saturate(.7)}.hand-card.playable{outline-offset:2px;outline:2px solid #d6c29c}.concept-shell .game-page{max-width:1400px;margin:auto;padding:28px}.concept-shell .game-layout{grid-template-columns:minmax(0,1fr) 265px;gap:20px}.concept-shell .arena-panel{background:#1e252c;border-color:#35404b;border-radius:15px}.concept-shell .arena-top{background:0 0;border-bottom:0;height:42px}.concept-shell .table-stage{height:450px;margin:0 28px 14px}.concept-shell .game-table{background:#284d47 radial-gradient(at 50% 30%,#42655b44,#0000 70%);border:9px solid #394944;inset:16% 10% 13%;box-shadow:0 0 0 1px #58645a,0 8px #172e2b,0 15px 25px #0003}.concept-shell .table-inner-line{border-color:#a9b5a32a}.concept-shell .game-table .table-stamp{opacity:.18}.concept-shell .table-direction{color:#c6d0ba22}.concept-shell .center-cards{gap:45px}.concept-shell .center-cards .playing-card{width:88px;height:132px}.concept-shell .center-cards>div{gap:18px}.concept-shell .center-cards>div>span{color:#b3bfb0;font-size:9px}.concept-shell .table-player>b{color:#e4e6df;font-size:10px}.concept-shell .seat-info{color:#9aaba3;font-size:8px}.concept-shell .table-player{width:110px;max-width:110px}.concept-shell .opponent-cards .playing-card{border-width:1px!important;border-radius:3px!important}.concept-shell .seat-avatar{background:#27373a;border-color:#78857b}.concept-shell .is-turn .seat-avatar{border-color:#dfc99a;box-shadow:0 0 0 4px #dfc99a0b}.concept-shell .hand-area{background:#20262f;border-color:#35404b}.concept-shell .player-hand{scrollbar-width:thin;scrollbar-color:#4b5666 transparent;justify-content:safe center;min-height:180px;padding:30px 25px 20px;overflow:auto visible}.concept-shell .hand-card{width:80px;height:120px;margin-left:clamp(-45px, calc(18px - var(--card-count) * 3px), 0px);flex-shrink:0;transform:none}.concept-shell .hand-card:first-child{margin-left:0}.concept-shell .hand-card:hover:not(:disabled){z-index:40;transform:translateY(-13px)}.concept-shell .hand-card.playable{transform:translateY(-3px)}.concept-shell .hand-tip{font-size:9px}.concept-shell .game-chat{background:#20262e;border-color:#35404b}.concept-shell .chat-tabs button{font-size:12px}.concept-shell .chat-roster>div>span:nth-child(2){font-size:11px}.concept-shell .chat-message>p{font-size:12px}.concept-shell .chat-welcome h3{font-size:15px}.concept-shell .chat-welcome p{font-size:11px}.concept-shell .chat-form input{font-size:12px}.concept-shell .game-title h1{font-size:23px}.concept-shell .game-title p{font-size:10px}.concept-shell .modal{background:#20262f;border-color:#414a56;border-radius:17px}.concept-shell .modal>h2{font-size:30px}.concept-shell .modal-subtitle{font-size:12px;line-height:1.9}.concept-shell .form-stack>label,.concept-shell .form-grid>label{font-size:12px}.concept-shell .form-stack input,.concept-shell .form-stack select{font-size:13px}.concept-shell .selected-description{font-size:12px}.concept-shell .create-mode-tabs button{font-size:9px}.concept-shell .eyebrow{font-size:8px}.concept-shell .uno-button{box-shadow:none;color:#fff3e9;background:#c0524c;border-color:#dd7669}@media (width>=1600px){.concept-shell .table-stage{height:510px}}@media (width<=1050px){.concept-shell .topbar{gap:20px;padding:0 24px}.main-nav button{padding:10px;font-size:10px}.concept-shell .game-layout{grid-template-columns:1fr}.concept-shell .game-chat{grid-template-rows:45px 1fr 55px;grid-template-columns:190px 1fr;height:310px;display:grid}.concept-shell .chat-tabs{grid-column:1/-1}.concept-shell .chat-roster{border-right:1px solid #35404b;grid-row:2/4}.concept-shell .chat-messages{grid-area:2/2}.concept-shell .chat-form{grid-area:3/2}.concept-shell .chat-bottom{display:none}.concept-shell .table-stage{height:440px}}@media (width<=760px){.concept-shell .topbar{flex-wrap:wrap;align-content:center;gap:7px 12px;height:116px;padding:12px 20px}.compact-brand .logo{font-size:27px}.concept-shell .topbar-right{gap:5px;margin-left:auto}.main-nav{order:3;justify-content:center;gap:6px;width:100%}.main-nav button{padding:10px 12px;font-size:10px}.main-nav svg{width:15px}.concept-shell .minimal-lobby{padding:32px 20px 0}.menu-intro{margin-bottom:27px}.menu-intro h1{letter-spacing:-4px;gap:12px;margin:18px 0 13px;font-size:62px}.menu-kicker{letter-spacing:1.6px;font-size:6px}.menu-intro p{font-size:10px}.play-menu{gap:10px}.play-tile{min-height:285px;padding:17px 13px}.tile-index{letter-spacing:1px;font-size:6px}.tile-copy>span{font-size:15px}.tile-copy small{font-size:8px;line-height:1.8}.tile-cta,.tile-link{font-size:9px}.tile-cta{padding:11px 8px}.tile-cards .playing-card{width:51px;height:77px}.tile-cards,.tile-symbol{height:124px}.compact-join{gap:15px;padding:18px}.compact-join h3{font-size:11px}.compact-join p{font-size:9px}.compact-join input{width:132px;font-size:8px}.leaderboard-link{padding:17px 19px}.leaderboard-link small{font-size:8px}.concept-shell .game-page{padding:20px 16px}.concept-shell .game-title h1{font-size:19px}.concept-shell .game-title p{font-size:9px}.concept-shell .game-heading{gap:12px}.concept-shell .table-stage{height:420px;margin:0 15px 12px}.concept-shell .center-cards .playing-card{width:76px;height:114px}.concept-shell .center-cards{gap:32px}.concept-shell .game-table{left:11%;right:11%}.concept-shell .table-player{width:88px;max-width:88px}.concept-shell .table-player>b{font-size:9px}.concept-shell .seat-info{font-size:7px}.concept-shell .hand-controls{gap:12px}.concept-shell .hand-tip{display:none}.concept-shell .page-heading h1{font-size:34px}.concept-shell .page-heading p{font-size:11px}.concept-shell .game-chat{grid-template-columns:145px 1fr}.ranking-row{grid-template-columns:minmax(0,1fr) 55px 45px 65px;gap:10px;padding:15px}.rank-player{gap:9px}.rank-player strong{font-size:10px}.rank-player .avatar{width:32px!important;height:32px!important;font-size:19px!important}.rank-number{width:18px;font-size:11px}.ranking-row{font-size:11px}.ranking-head{font-size:8px}}@media (width<=520px){.concept-shell .topbar{height:108px;padding:10px 14px}.concept-shell .profile-button>span:nth-child(2){max-width:93px;font-size:10px}.concept-shell .profile-button small{font-size:8px}.main-nav{justify-content:space-between;gap:0}.main-nav button{gap:6px;padding:10px 7px;font-size:9px}.main-nav svg{width:14px}.menu-intro h1{letter-spacing:-3px;gap:10px;font-size:50px}.menu-kicker{letter-spacing:1.2px;font-size:5px}.concept-shell .minimal-lobby{padding:28px 16px 0}.play-menu{grid-template-columns:1fr 1fr;gap:11px}.friends-tile{grid-column:1/-1;grid-template-rows:auto auto auto;grid-template-columns:1fr 135px;min-height:202px;padding:19px 21px;display:grid}.friends-tile .tile-index{grid-column:1}.friends-tile .tile-cards{grid-area:1/2/4;align-self:center;height:auto;min-height:140px}.friends-tile .tile-copy{grid-area:2/1;align-self:center;margin:10px 0 17px}.friends-tile .tile-cta{grid-area:3/1;align-self:end;margin-right:3px;font-size:9px}.friends-tile .tile-cards .playing-card{width:52px;height:78px;margin:0 -4px}.friends-tile .tile-copy>span{font-size:19px}.friends-tile .tile-copy small{max-width:135px;font-size:9px}.play-tile:not(.friends-tile){min-height:222px;padding:16px}.tile-symbol{height:80px}.tile-symbol svg{width:42px;height:42px}.tile-copy>span{font-size:14px}.tile-copy small{font-size:9px}.tile-copy{margin-bottom:14px}.tile-link{padding:10px 0 0;font-size:10px}.compact-join{margin-top:13px;padding:18px;display:block}.compact-join form{gap:8px;width:100%;margin-top:14px}.compact-join input{flex:1;width:0;font-size:9px}.compact-join .button{padding:0 18px}.leaderboard-link{gap:10px;padding:16px}.leaderboard-link>span{gap:9px;font-size:11px}.leaderboard-link small{text-align:right;max-width:130px;font-size:7px;line-height:1.8}.menu-footnote{gap:13px;margin:22px 0 32px;font-size:8px}.minimal-footer{align-items:flex-start;gap:13px;font-size:7px;line-height:1.8}.minimal-footer>span{max-width:200px}.concept-shell .game-page{padding:17px 10px}.concept-shell .game-title h1{flex-wrap:wrap;font-size:16px}.concept-shell .game-heading .invite-button{min-height:34px;margin-left:32px;font-size:9px}.concept-shell .table-stage{height:390px;margin:0 15px 12px}.concept-shell .game-table{border-width:6px;inset:17% 7% 15%}.concept-shell .center-cards .playing-card{width:60px;height:90px}.concept-shell .center-cards{gap:24px}.concept-shell .center-cards>div>span{font-size:7px}.concept-shell .center-cards>div{gap:14px}.concept-shell .table-player{width:76px;min-width:0;max-width:76px}.concept-shell .table-player>b{max-width:74px;font-size:8px}.concept-shell .seat-info{font-size:6px}.concept-shell .opponent-cards{height:22px}.concept-shell .opponent-cards .playing-card{width:15px;height:22px}.concept-shell .hand-area{padding:13px 12px 16px}.concept-shell .player-hand{min-height:155px;padding:24px 10px 19px}.concept-shell .hand-card{width:66px;height:99px;margin-left:clamp(-36px, calc(14px - var(--card-count) * 3px), 0px)}.concept-shell .hand-controls .button{min-height:35px;font-size:9px}.concept-shell .hand-controls>div{flex-wrap:wrap;justify-content:center;gap:7px}.concept-shell .hand-controls{justify-content:center}.concept-shell .game-chat{grid-template-columns:112px 1fr}.concept-shell .chat-roster>div>span:nth-child(2){font-size:9px}.concept-shell .chat-message>p{font-size:11px}.concept-shell .chat-welcome p{font-size:10px}.concept-shell .chat-form input{font-size:11px}.concept-shell .players-7,.concept-shell .players-8,.concept-shell .players-9,.concept-shell .players-10{height:460px}.concept-shell .players-7 .opponent-cards,.concept-shell .players-8 .opponent-cards,.concept-shell .players-9 .opponent-cards,.concept-shell .players-10 .opponent-cards{display:none}.concept-shell .modal{padding:28px 22px}.concept-shell .modal>h2{font-size:26px}.concept-shell .modal-subtitle{font-size:11px}.concept-shell .form-stack input,.concept-shell .form-stack select{font-size:12px}.concept-shell .create-mode-tabs button{font-size:7px}.concept-shell .leave-actions{flex-direction:column}.concept-shell .leave-actions .button{min-height:44px}.ranking-row{grid-template-columns:minmax(0,1fr) 42px 34px 48px;gap:6px;padding:14px 11px;font-size:10px}.ranking-head{font-size:7px}.rank-player{gap:7px}.rank-player strong{font-size:9px}.rank-player .avatar{width:27px!important;height:27px!important;font-size:16px!important}.rank-number{width:15px;font-size:10px}.concept-shell .page-heading h1{font-size:31px}.concept-shell .page-heading p{font-size:10px}.concept-shell .rooms-section .room-search{gap:8px;display:flex}.concept-shell .rooms-section .room-search input{flex:1;width:0;min-width:0}.concept-shell .rooms-section .room-search .button{padding:0 10px;font-size:9px}}.concept-shell .players-7 .opponent-cards,.concept-shell .players-8 .opponent-cards,.concept-shell .players-9 .opponent-cards,.concept-shell .players-10 .opponent-cards{display:none}.compact-brand .logo{letter-spacing:-1.5px;align-items:baseline;font-style:normal;display:flex;transform:none}.compact-brand .logo-night{letter-spacing:-.4px;margin-left:4px;font-size:12px;font-weight:500}.compact-brand .logo-period{margin-left:1px}.compact-brand .logo-dots{display:none}@media (width<=520px){.concept-shell .hand-card{margin-left:clamp(-42px, calc(6px - var(--card-count) * 4px), 0px)}.concept-shell .hand-card:first-child{margin-left:0}}.concept-shell .turn-notice{background:#242c37;border:1px solid #3b4654;border-radius:11px;align-items:center;gap:14px;padding:17px 19px;scroll-margin:100px;display:flex}.concept-shell .turn-notice.your-turn{background:#383126;border-color:#8e7750;animation:.4s ease-out turn-notice-arrive;box-shadow:inset 3px 0 #d2b781}.turn-notice-icon{color:#a2afc0;background:#ffffff05;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:41px;height:41px;display:flex;position:relative}.your-turn .turn-notice-icon{color:#e6ca92;background:#d7b97b12}.your-turn .turn-notice-icon:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid;animation:2.8s ease-out infinite turn-icon-pulse;position:absolute;inset:-5px}.turn-notice-copy{flex:1;min-width:0}.turn-notice-copy strong{letter-spacing:-.25px;color:#eef0f4;font-size:16px;font-weight:750;line-height:1.4;display:block}.your-turn .turn-notice-copy strong{color:#f1ddb3}.turn-notice-copy p{color:#aab4c2;margin-top:4px;font-size:11px;line-height:1.7}.your-turn .turn-notice-copy p{color:#c9bfae}.turn-countdown{color:#c4cdda;font-variant-numeric:tabular-nums;white-space:nowrap;background:#151b2329;border:1px solid #ffffff17;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:68px;padding:8px 10px;font-size:17px;font-weight:700;display:flex}.turn-countdown small{font-size:11px;font-weight:400}.your-turn .turn-countdown{color:#efddb4;border-color:#c9ab6e44}.turn-countdown svg{color:#a89b7d}.turn-sort{color:#9caabb;white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:8px 0 8px 5px;font-size:10px;display:flex}.turn-sort:hover{color:#eee3cf}.turn-notice.turn-urgent{background:#3c2929;border-color:#ac6a5d;box-shadow:inset 3px 0 #df8b79}.turn-urgent .turn-notice-copy strong,.turn-urgent .turn-countdown,.turn-urgent .turn-notice-icon{color:#f2b5a3}.turn-urgent .turn-countdown{border-color:#ce87755c}.turn-urgent .turn-notice-icon{background:#da8b7412}.turn-nudge{z-index:65;isolation:isolate;background:#342e25;border:1px solid #a18b61;border-radius:13px;align-items:center;gap:13px;width:min(430px,100vw - 30px);padding:17px 18px;animation:.35s ease-out turn-nudge-arrive;display:flex;position:fixed;top:101px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #0006}.turn-nudge:after{content:"";pointer-events:none;border:1px solid #d8bc8344;border-radius:13px;animation:2.8s ease-out infinite turn-nudge-ring;position:absolute;inset:-1px}.nudge-bell{color:#e2c58e;background:#d8bc8312;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.nudge-return{text-align:left;color:#f2deb6;flex:1;min-width:0;padding:0}.nudge-return strong{font-size:14px;font-weight:700;line-height:1.5;display:block}.nudge-return>span{color:#c8baa1;align-items:center;gap:7px;margin-top:5px;font-size:11px;display:flex}.nudge-close{color:#b5a88e;border-radius:6px;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;width:28px;height:28px;padding:0;display:flex}.nudge-close:hover{color:#f0dec0;background:#ffffff09}.turn-nudge.turn-urgent{background:#382929;border-color:#bd8070}.turn-urgent .nudge-bell{color:#efb6a1;background:#dd8e7814}.turn-urgent .nudge-return{color:#f1c0af}.turn-urgent .nudge-return>span{color:#d1aca0}@keyframes turn-notice-arrive{0%{opacity:.4;translate:0 5px}to{opacity:1;translate:0}}@keyframes turn-icon-pulse{0%{opacity:.35;transform:scale(.85)}90%,to{opacity:0;transform:scale(1.15)}}@keyframes turn-nudge-ring{0%{opacity:.65;scale:1}90%,to{opacity:0;scale:1.04}}@keyframes turn-nudge-arrive{0%{opacity:0;translate:0 -8px}to{opacity:1;translate:0}}@media (width<=760px){.concept-shell .turn-notice{gap:11px;padding:14px}.turn-notice-copy strong{font-size:15px}.turn-notice-copy p{font-size:10px}.turn-sort>span{display:none}.turn-sort{padding:9px 2px}.turn-nudge{top:129px}.turn-countdown{min-width:60px;font-size:16px}}@media (width<=520px){.concept-shell .turn-notice{flex-wrap:wrap;gap:9px;padding:12px 10px}.turn-notice-icon{border-radius:9px;width:32px;height:32px}.turn-notice-icon svg{width:19px}.turn-notice-copy{flex:1;min-width:130px}.turn-notice-copy strong{font-size:14px}.turn-notice-copy p{font-size:9px;line-height:1.7}.turn-countdown{gap:4px;min-width:49px;padding:7px;font-size:15px}.turn-countdown svg{display:none}.turn-countdown small{font-size:10px}.turn-nudge{border-radius:11px;gap:10px;padding:14px 13px;top:120px}.nudge-return strong{font-size:12px}.nudge-return>span{font-size:10px}.nudge-bell{width:31px;height:34px}.nudge-bell svg{width:19px}.turn-sort{display:flex}}.concept-shell .turn-notice{position:relative;overflow:hidden}.turn-progress{pointer-events:none;background:#ffffff06;height:3px;position:absolute;bottom:0;left:0;right:0}.turn-progress>i{transform-origin:0;will-change:transform;background:#8b9cb2;width:100%;height:100%;display:block;transform:scaleX(0)}.your-turn .turn-progress>i{background:#d5b87a}.turn-urgent .turn-progress>i{background:#e29581}.concept-shell .button:active:not(:disabled){transform:translateY(1px)}.concept-shell .play-tile:disabled{cursor:wait;transform:none}.concept-shell .icon-button:focus-visible,.concept-shell .main-nav button:focus-visible{outline-offset:3px;outline:2px solid #d4bb91}.concept-shell .room-row{transition:background .18s,border-color .18s}.concept-shell .room-row:hover:not(:disabled){background:#2a323f}.concept-shell .room-row:focus-visible{outline-offset:3px;outline:2px solid #a8bcd7}@media (hover:none){.concept-shell .hand-card:hover:not(:disabled){transform:translateY(-3px)}.concept-shell .play-tile:hover{transform:none}}.concept-shell .minimal-footer{color:#b8c1ce;border-top:1px solid #3c4551;align-items:center;gap:28px;margin-top:32px;padding:25px 0 28px;font-size:13px;line-height:1.8}.minimal-footer .footer-legal{color:#aeb8c8;flex:1;max-width:none;font-size:12px;line-height:1.8}.minimal-footer .creator-link{isolation:isolate;white-space:nowrap;color:#f0e6d5;background:#232731;border:1px solid #535463;border-radius:11px;align-items:center;gap:11px;margin:0;padding:11px 15px;transition:transform .2s,border-color .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden}.creator-link:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(110deg,#0000 15%,#cf9f6b0d 45%,#edcf9614 50%,#0000 80%) 0 0/250% 100%;animation:6s ease-in-out infinite creator-sheen;position:absolute;inset:0}.creator-symbol{color:#b3c4dd;background:#778bab0e;border:1px solid #a3b1c62b;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.creator-link>span:nth-child(2){flex-direction:column;gap:1px;line-height:1.4;display:flex}.creator-link small{letter-spacing:.5px;color:#b0b5c2;font-size:10px}.creator-link b{letter-spacing:.1px;color:#f2dfbb;font-size:14px;font-weight:700}.creator-arrow{color:#b8aaa0;margin-left:4px;transition:translate .2s}.creator-link:hover{border-color:#b59c76;transform:translateY(-2px);box-shadow:0 6px 22px #0003}.creator-link:hover .creator-arrow{translate:2px -2px}.creator-link:hover .creator-symbol{color:#dce7f8;border-color:#9db3d05c}.minimal-footer .footer-status-link{white-space:nowrap;color:#bccbdc;align-items:center;gap:8px;margin:0 0 0 auto;font-size:12px;line-height:1.6;display:inline-flex}.footer-status-link>i{background:#8db7a0;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:block;box-shadow:0 0 0 3px #8db7a010}.footer-status-link:hover{color:#f3ece0}.footer-status-link svg{color:#91a4bc}@keyframes creator-sheen{0%,15%{background-position:150% 0}70%,to{background-position:-90% 0}}@media (width<=760px){.concept-shell .minimal-footer{flex-wrap:wrap;align-items:center;gap:20px}.minimal-footer .footer-legal{flex-basis:100%;font-size:12px}.minimal-footer .footer-legal br{display:none}.minimal-footer .footer-status-link{font-size:12px}.minimal-footer .creator-link{padding:10px 13px}.creator-link b{font-size:14px}}@media (width<=520px){.concept-shell .minimal-footer{gap:19px 12px;padding:22px 0 26px}.minimal-footer .footer-legal{max-width:none;font-size:12px;line-height:1.9}.minimal-footer .footer-legal br{display:block}.minimal-footer .creator-link{border-radius:10px;gap:9px;padding:10px 12px}.creator-symbol{width:29px;height:29px}.creator-link small{font-size:10px}.creator-link b{font-size:13px}.creator-arrow{display:none}.minimal-footer .footer-status-link{gap:6px;font-size:11px}.footer-status-link svg{width:13px}}html{scrollbar-gutter:stable}.placement-status{color:#e5d7af;background:#27332f;border-top:1px solid #445044;flex-shrink:0;align-items:center;gap:12px;padding:13px 18px;display:flex}.placement-status>svg{color:#d4bc7d;flex-shrink:0}.placement-status strong{font-size:13px;line-height:1.5}.placement-status p{color:#b2c0b9;margin-top:3px;font-size:11px;line-height:1.6}.placement-chips{flex-wrap:wrap;gap:6px;max-width:55%;margin-left:auto;display:flex}.placement-chips>span{white-space:nowrap;text-overflow:ellipsis;background:#ffffff05;border:1px solid #a4b1a31c;border-radius:6px;align-items:center;gap:6px;max-width:130px;padding:4px 7px;font-size:10px;display:flex;overflow:hidden}.placement-chips b{color:#e2c98e;font-variant-numeric:tabular-nums}.has-place .seat-avatar{border-color:#c8b48155}.has-place .seat-info{color:#d6c28f}.roster-place{color:#ddc691;margin-left:auto;font-size:11px}.round-scores .place-number{color:#e2cc9a;text-align:center;width:16px;font-size:13px;font-style:normal}.round-scores b small{color:#b7b5ae;font-size:9px;font-weight:400}.game-chat-toggle,.mobile-chat-close{display:none!important}.concept-shell .own-player .uno-bubble{display:none}@media (height>=600px){html:has(.concept-shell.in-game){scrollbar-gutter:auto;overflow:hidden}.concept-shell.in-game{height:100dvh;min-height:0;overflow:hidden}.concept-shell.in-game .main-shell{flex-direction:column;min-width:0;height:100%;display:flex}.concept-shell.in-game .topbar{flex-shrink:0;height:64px;min-height:64px}.concept-shell.in-game .game-page{flex-direction:column;flex:1;width:100%;max-width:1600px;min-height:0;margin:0 auto;padding:14px 24px 18px;display:flex}.concept-shell.in-game .game-heading{flex-shrink:0;gap:12px;min-height:48px;margin-bottom:12px}.concept-shell.in-game .game-title h1{font-size:19px}.concept-shell.in-game .game-title p{font-size:10px}.concept-shell.in-game .game-layout{flex:1;grid-template-rows:minmax(0,1fr);align-items:stretch;min-height:0}.concept-shell.in-game .arena-panel{flex-direction:column;min-height:0;display:flex;overflow:hidden}.concept-shell.in-game .arena-top{flex-shrink:0;height:31px;min-height:31px}.concept-shell.in-game .table-stage{flex:1;height:auto;min-height:0;margin:0 20px 8px}.concept-shell.in-game .game-table{top:18%;bottom:17%}.concept-shell.in-game .table-player{--seat-y-min:18%;max-width:100px}.concept-shell.in-game .table-player .avatar{width:38px!important;height:38px!important;font-size:23px!important}.concept-shell.in-game .own-player .avatar{width:42px!important;height:42px!important;font-size:25px!important}.concept-shell.in-game .table-player>b{font-size:10px}.concept-shell.in-game .seat-info{font-size:8px}.concept-shell.in-game .opponent-cards{height:25px;margin-top:3px}.concept-shell.in-game .opponent-cards .playing-card{width:17px;height:25px}.concept-shell.in-game .center-cards{gap:28px}.concept-shell.in-game .center-cards .playing-card{aspect-ratio:2/3;width:clamp(50px,8.8dvh,82px);height:auto}.concept-shell.in-game .center-cards>div{gap:9px}.concept-shell.in-game .hand-area{flex-shrink:0;padding:9px 14px 10px}.concept-shell.in-game .turn-notice{border-radius:9px;gap:10px;padding:9px 12px}.concept-shell.in-game .turn-notice-icon{border-radius:9px;width:31px;height:31px}.concept-shell.in-game .turn-notice-copy strong{font-size:14px}.concept-shell.in-game .turn-notice-copy p{margin-top:2px;font-size:10px}.concept-shell.in-game .turn-countdown{padding:5px 8px;font-size:15px}.concept-shell.in-game .player-hand{scrollbar-width:none;align-items:center;height:clamp(102px,18dvh,164px);min-height:0;padding:19px 14px 12px}.concept-shell.in-game .player-hand::-webkit-scrollbar{display:none}.concept-shell.in-game .hand-card{aspect-ratio:2/3;width:clamp(48px,10dvh,84px);height:auto}.concept-shell.in-game .hand-controls{min-height:34px}.concept-shell.in-game .hand-controls .button{min-height:32px;padding:0 11px;font-size:10px}.concept-shell.in-game .uno-button{min-height:33px;font-size:18px}.concept-shell.in-game .game-chat{height:100%;min-height:0}.concept-shell.in-game .chat-roster{max-height:150px;overflow-y:auto}.concept-shell.in-game .chat-messages{overscroll-behavior:contain;min-height:0}.concept-shell.in-game .round-overlay{overscroll-behavior:contain;overflow-y:auto}.concept-shell.in-game .round-scores{max-height:min(30dvh,280px)}.concept-shell.in-game .connection-notice{flex-shrink:0;padding:5px 12px;font-size:11px}.concept-shell.in-game :is(.players-7,.players-8,.players-9,.players-10) .table-player .avatar{width:30px!important;height:30px!important;font-size:18px!important}.concept-shell.in-game :is(.players-7,.players-8,.players-9,.players-10) .seat-avatar{padding:3px}.concept-shell.in-game :is(.players-7,.players-8,.players-9,.players-10) .table-player>b{margin-top:3px;font-size:8px;line-height:1.35}.concept-shell.in-game :is(.players-7,.players-8,.players-9,.players-10) .seat-info{margin-top:2px;font-size:7px;line-height:1.3}}@media (width<=1020px){.concept-shell .game-chat-toggle{min-height:34px;margin-left:auto;padding:0 11px;font-size:10px;display:inline-flex!important}.concept-shell .game-heading .invite-button{margin-left:0}.concept-shell .game-chat{display:none}.concept-shell .game-chat.mobile-chat-open{z-index:85;border:1px solid #647283;border-radius:13px;flex-direction:column;width:min(360px,100vw - 28px);display:flex;position:fixed;inset:75px 14px 14px auto;box-shadow:0 15px 70px #0009;height:auto!important}.concept-shell .game-chat.mobile-chat-open .chat-tabs{flex-shrink:0;gap:18px;min-height:46px;padding-right:45px;position:relative}.concept-shell .mobile-chat-close{position:absolute;top:6px;right:7px;display:inline-flex!important}.concept-shell .game-chat.mobile-chat-open .chat-roster{border-bottom:1px solid #3d4754;border-right:0;flex-shrink:0;max-height:130px;overflow:auto}.concept-shell .game-chat.mobile-chat-open .chat-messages{flex:1;min-height:0;overflow:auto}.concept-shell .game-chat.mobile-chat-open .chat-form{flex-shrink:0}.concept-shell .game-chat.mobile-chat-open .chat-bottom{display:none}}@media (width<=760px) and (height>=600px){.concept-shell.in-game .topbar{flex-wrap:nowrap;gap:12px;height:56px;min-height:56px;padding:0 14px}.concept-shell.in-game .main-nav{display:none}.concept-shell.in-game .game-page{padding:10px 10px 12px}.concept-shell.in-game .game-title h1{gap:6px;font-size:15px}.concept-shell.in-game .game-title p{gap:4px;font-size:8px}.concept-shell.in-game .game-title .mode-tag{font-size:7px!important}.concept-shell.in-game .game-heading{flex-wrap:wrap;gap:8px;min-height:61px;margin-bottom:8px}.concept-shell.in-game .game-title{gap:4px;width:100%}.concept-shell.in-game .game-chat-toggle{min-height:29px;margin-left:28px}.concept-shell.in-game .game-heading .invite-button{min-height:29px;margin-left:auto;padding:0 9px;font-size:9px}.concept-shell.in-game .game-layout{gap:0}.concept-shell.in-game .table-stage{margin:0 5px 8px}.concept-shell.in-game .table-player .avatar{width:31px!important;height:31px!important;font-size:19px!important}.concept-shell.in-game .own-player .avatar{width:35px!important;height:35px!important;font-size:21px!important}.concept-shell.in-game .table-player>b{font-size:8px}.concept-shell.in-game .seat-info{font-size:7px}.concept-shell.in-game .table-player{min-width:58px;max-width:80px}.concept-shell.in-game .game-table{border-width:5px;left:9%;right:9%}.concept-shell.in-game .center-cards{gap:22px}.concept-shell.in-game .center-cards .playing-card{width:clamp(47px,8dvh,68px)}.concept-shell.in-game .hand-area{padding:8px 9px}.concept-shell.in-game .turn-notice{flex-wrap:nowrap;padding:9px}.concept-shell.in-game .turn-notice-copy{min-width:0}.concept-shell.in-game .turn-notice-copy strong{font-size:12px}.concept-shell.in-game .turn-notice-copy p{font-size:9px}.concept-shell.in-game .turn-notice-icon{display:none}.concept-shell.in-game .turn-countdown{min-width:42px;font-size:13px}.concept-shell.in-game .hand-controls .button{padding:0 8px;font-size:9px}.concept-shell.in-game .player-hand{height:clamp(100px,16dvh,140px)}.concept-shell.in-game .hand-card{width:clamp(49px,9dvh,72px)}.concept-shell.in-game .game-chat.mobile-chat-open,.concept-shell.in-game .turn-nudge{top:65px}.placement-status{flex-wrap:wrap;gap:8px;padding:10px}.placement-status strong{font-size:12px}.placement-status p{font-size:10px}.placement-chips{width:100%;max-width:100%;max-height:58px;margin-left:0;overflow:auto}.placement-chips>span{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--font-ui:"Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--bg:#171a20;--panel:#20262e;--text:#f2f1ec;--muted:#b0bac8;--line:#394350}body{font-family:var(--font-ui);font-optical-sizing:auto;font-size:15px;line-height:1.6}button,input,select,textarea{font-family:inherit}button,a{touch-action:manipulation}input,select,textarea{font-size:15px;line-height:1.5}input::placeholder{color:#a0acbc;opacity:1}.concept-shell .button{min-height:43px;font-size:13px;font-weight:600}.concept-shell .eyebrow{letter-spacing:1.25px;color:#b5bfcc;font-size:11px}.concept-shell .main-nav button{color:#b5bfcc;font-size:13px;font-weight:500}.concept-shell .main-nav button:hover,.concept-shell .main-nav button.active{color:#f5e2db}.concept-shell .profile-button>span:nth-child(2){max-width:145px;font-size:13px}.concept-shell .profile-button small{color:#a6b1c0;margin-top:1px;font-size:11px}.concept-shell .login-button{font-size:13px}.concept-shell .minimal-lobby{max-width:1130px;padding-top:44px}.concept-shell .menu-intro{margin-bottom:38px}.concept-shell .menu-kicker{letter-spacing:1.7px;color:#b5becc;font-size:11px}.concept-shell .menu-intro h1{letter-spacing:-5px;margin:24px 0 18px;font-size:clamp(54px,7.4vw,90px);line-height:1.1}.concept-shell .menu-intro>p{color:#bac3d0;font-size:16px;line-height:1.65}.concept-shell .play-menu{gap:18px}.concept-shell .play-tile{text-align:left;border-radius:17px;padding:24px}.concept-shell .tile-index{letter-spacing:1.2px;color:#c8aaa3;font-size:11px;line-height:1.4}.concept-shell .bots-tile .tile-index{color:#a5b9d0}.concept-shell .custom-tile .tile-index{color:#c8be93}.concept-shell .tile-copy>span{letter-spacing:-.6px;font-size:22px;line-height:1.3}.concept-shell .tile-copy small{color:#bac3cf;min-height:46px;margin-top:10px;font-size:14px;line-height:1.65}.concept-shell .tile-cta,.concept-shell .tile-link{min-height:43px;font-size:13px;font-weight:600}.concept-shell .tile-cards,.concept-shell .tile-symbol{height:151px}.concept-shell .compact-join{border-radius:14px;margin-top:20px;padding:22px 24px}.concept-shell .compact-join h3{font-size:15px;line-height:1.5}.concept-shell .compact-join p{color:#b1bdcd;margin-top:4px;font-size:13px;line-height:1.6}.concept-shell .compact-join input{letter-spacing:1.5px;width:175px;min-height:45px;font-size:14px}.concept-shell .leaderboard-link{min-height:63px;margin-top:14px;padding:17px 23px}.concept-shell .leaderboard-link>span{font-size:14px;font-weight:600}.concept-shell .leaderboard-link>small{color:#b2bdcc;font-size:13px}.concept-shell .menu-footnote{color:#b4bfce;gap:22px;margin-top:27px;font-size:13px}.concept-shell .menu-footnote span{align-items:center;gap:7px;display:inline-flex}.concept-shell .menu-footnote i{background:#7b899c}.concept-shell .minimal-footer{margin-top:29px}.concept-shell .page-heading h1{letter-spacing:-1.3px;font-size:36px;line-height:1.2}.concept-shell .page-heading p{color:#b5c0cf;max-width:690px;font-size:14px;line-height:1.75}.concept-shell .ranking-row{min-height:74px;font-size:14px}.concept-shell .ranking-head{color:#b3bfd0;min-height:47px;font-size:12px}.concept-shell .rank-player strong{font-size:14px}.concept-shell .rank-player small{color:#b9c7d6;font-size:11px}.concept-shell .rank-number{font-size:16px}.concept-shell .ranking-empty{color:#b7c2d1;padding:38px 24px;font-size:14px;line-height:1.8}.concept-shell .ranking-empty h3{color:#f0eee8;font-size:22px}.concept-shell .ranking-empty p{font-size:14px}.concept-shell .rooms-section .room-search input{font-size:15px}.concept-shell .room-row-name b{font-size:14px}.concept-shell .room-row-name small{color:#b0bdce;font-size:12px}.concept-shell .room-row-join{font-size:13px}.concept-shell .history-row b{font-size:15px}.concept-shell .history-row small{color:#acbacd;font-size:12px}.concept-shell .stats-grid span{font-size:13px}.concept-shell .modal{border-color:#4b5666;border-radius:18px;padding:32px}.concept-shell .modal>h2{letter-spacing:-1px;margin-top:15px;font-size:30px;line-height:1.25}.concept-shell .modal-subtitle{color:#bcc6d4;margin-top:13px;font-size:14px;line-height:1.75}.concept-shell .form-stack{gap:19px}.concept-shell .form-stack label{color:#c5cfdb;font-size:13px;line-height:1.6}.concept-shell .form-stack input,.concept-shell .form-stack select{min-height:46px;margin-top:7px;padding:11px 13px;font-size:15px}.concept-shell .segmented button{min-height:43px;font-size:13px}.party-rules{color:#c9d2de;background:#ffffff04;border:1px solid #64718155;border-radius:10px;margin:12px 0 18px;padding:14px 18px 14px 32px;font-size:12px;line-height:1.7}.party-rules li+li{margin-top:7px}.concept-shell .hand-card.batch-selected{outline-offset:2px;opacity:1;outline:3px solid #e7c885;box-shadow:0 0 0 5px #e7c88522}.concept-shell .hand-card .batch-check{color:#f7dfaa;background:#242a31;border-radius:50%;place-items:center;width:18px;height:18px;font:700 12px/1 sans-serif;display:grid;position:absolute;top:4px;right:4px}.concept-shell.in-game .party-controls{flex-wrap:wrap;gap:6px}.concept-shell.in-game .party-controls .hand-tip{flex-basis:100%}.concept-shell.in-game .party-controls>div{margin-left:auto}@media (width<=520px){.concept-shell.in-game .party-controls>div{justify-content:flex-end;gap:6px;width:100%}.concept-shell.in-game .party-controls .hand-tip{font-size:10px;display:block}.concept-shell.in-game .party-controls .button{padding:0 8px;font-size:10px}}.concept-shell .create-mode-tabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.concept-shell .create-mode-tabs button{min-height:73px;padding:12px 5px;font-size:11px;line-height:1.4}.concept-shell .selected-description{color:#c0cbd8;margin-top:16px;font-size:13px;line-height:1.7}.concept-shell .toggle-row b{font-size:13px;line-height:1.5}.concept-shell .toggle-row small{color:#b2becf;margin-top:5px;font-size:12px;line-height:1.6}.concept-shell .guest-note,.concept-shell .form-error{font-size:13px;line-height:1.7}.concept-shell .guest-link,.concept-shell .logout-link,.concept-shell .upload-avatar{font-size:13px;line-height:1.6}.concept-shell .profile-stats span{color:#b5c3d3;font-size:12px}.concept-shell .profile-stats b{color:#f3e9db;font-size:26px}.concept-shell .rules-content{font-size:14px;line-height:1.75}.concept-shell .rules-content p{color:#c0cbd8;font-size:14px;line-height:1.8}.concept-shell .rules-content h3{color:#f2ede4;font-size:17px;line-height:1.5}.concept-shell .rule-card-list b{font-size:14px}.concept-shell .rule-card-list p{font-size:13px}.concept-shell .rules-footnote,.concept-shell .rules-sources a{line-height:1.8;font-size:12px!important}.concept-shell .leave-actions .button{font-size:13px}.concept-shell .swap-choices b{font-size:14px}.concept-shell .swap-choices>button>span:nth-last-child(2){font-size:12px}.concept-shell .toast{background:#2d3542;border-color:#6b788c;padding:14px 17px;font-size:13px;line-height:1.65}.concept-shell .connection-notice{font-size:13px;line-height:1.6}.concept-shell.in-game .game-title h1{letter-spacing:-.6px;font-size:20px;line-height:1.35}.concept-shell.in-game .game-title p{color:#b4c0cf;font-size:11px;line-height:1.6}.concept-shell.in-game .arena-top>span{letter-spacing:1.1px;color:#b7c5d2;font-size:10px}.concept-shell.in-game .invite-button{font-size:12px}.concept-shell.in-game .waiting-center h2{font-size:31px}.concept-shell.in-game .waiting-center p{color:#cfdbd3;font-size:13px;line-height:1.65}.concept-shell.in-game .waiting-center .eyebrow{font-size:10px}.concept-shell.in-game .room-code{font-size:25px}.concept-shell.in-game .waiting-actions .button{font-size:12px}.concept-shell.in-game .table-player>b{font-size:11px;line-height:1.4}.concept-shell.in-game .seat-info{color:#b8c7be;font-size:9px;line-height:1.4}.concept-shell.in-game .table-player>b small{font-size:9px}.concept-shell.in-game .center-cards>div>span{color:#c2d2c9;font-size:10px}.concept-shell.in-game .turn-notice-copy strong{font-size:15px;line-height:1.4}.concept-shell.in-game .turn-notice-copy p{font-size:12px;line-height:1.55}.concept-shell.in-game .turn-sort{color:#c0cad6;font-size:11px}.concept-shell.in-game .hand-tip{color:#b6c1ce;font-size:11px;line-height:1.5}.concept-shell.in-game .hand-controls .button{min-height:36px;font-size:12px}.concept-shell.in-game .uno-button{min-height:37px}.concept-shell.in-game .chat-tabs button{font-size:13px}.concept-shell.in-game .chat-roster>div>span:nth-child(2){font-size:12px}.concept-shell.in-game .chat-roster small{font-size:10px}.concept-shell.in-game .chat-welcome h3{font-size:17px}.concept-shell.in-game .chat-welcome p{color:#b7c3d2;font-size:12px;line-height:1.8}.concept-shell.in-game .chat-message>div{font-size:11px}.concept-shell.in-game .chat-message>p{font-size:13px;line-height:1.65}.concept-shell.in-game .chat-message time{font-size:10px}.concept-shell.in-game .chat-form input{font-size:13px}.concept-shell.in-game .chat-bottom{color:#adbcca;font-size:10px}.concept-shell.in-game .log-message{color:#bdcad8;font-size:12px;line-height:1.7}.concept-shell.in-game .table-hint{color:#bec9d4;flex-shrink:0;padding:12px 16px;font-size:12px;line-height:1.7}.concept-shell.in-game .placement-status strong{font-size:14px}.concept-shell.in-game .placement-status p{font-size:12px}.concept-shell.in-game .placement-chips>span{font-size:11px}.concept-shell.in-game .round-overlay h2{font-size:27px;line-height:1.4}.concept-shell.in-game .round-overlay>p{font-size:14px}.concept-shell.in-game .round-scores>span{font-size:13px}.concept-shell.in-game .round-scores b small{font-size:11px}.concept-shell.in-game .turn-nudge{top:181px}@media (width<=760px){.concept-shell.in-game .turn-nudge{top:177px}.concept-shell .main-nav{justify-content:space-between;width:100%}.concept-shell .main-nav button{gap:5px;padding:10px 3px;font-size:12px}.concept-shell .main-nav button svg{width:15px;height:15px}.concept-shell .minimal-lobby{padding:30px 18px 0}.concept-shell .menu-kicker{letter-spacing:1.1px;font-size:10px}.concept-shell .menu-intro h1{letter-spacing:-3px;margin:20px 0 15px}.concept-shell .menu-intro>p{max-width:320px;margin-inline:auto;font-size:14px}.concept-shell .play-menu{gap:13px}.concept-shell .play-tile{padding:21px}.concept-shell .tile-copy>span{font-size:22px}.concept-shell .tile-copy small{min-height:0;font-size:14px}.concept-shell .tile-cards,.concept-shell .tile-symbol{height:120px}.concept-shell .compact-join{padding:19px}.concept-shell .compact-join input{font-size:16px}.concept-shell .leaderboard-link>small{font-size:12px}.concept-shell .menu-footnote{flex-wrap:wrap;gap:10px 16px;font-size:12px;line-height:1.8}.concept-shell .menu-footnote i{display:none}.concept-shell .modal{padding:25px 21px}.concept-shell .modal>h2{font-size:27px}.concept-shell .form-stack input,.concept-shell .form-stack select{font-size:16px}.concept-shell .create-mode-tabs{grid-template-columns:repeat(3,minmax(0,1fr));overflow-x:auto}.concept-shell .create-mode-tabs button{font-size:10px}.concept-shell .form-grid{gap:12px}.concept-shell .ranking-row,.concept-shell .rank-player strong{font-size:12px}.concept-shell .ranking-head,.concept-shell .rank-player small{font-size:10px}.concept-shell .page-heading h1{font-size:31px}.concept-shell .page-heading p{font-size:13px}.concept-shell.in-game .game-title h1{font-size:16px}.concept-shell.in-game .game-title p{font-size:10px}.concept-shell.in-game .game-heading .invite-button,.concept-shell.in-game .game-chat-toggle{font-size:11px}.concept-shell.in-game .turn-notice-copy strong{font-size:14px}.concept-shell.in-game .turn-notice-copy p{font-size:11px;line-height:1.5}.concept-shell.in-game .hand-controls .button{padding:0 9px;font-size:11px}.concept-shell.in-game .table-player>b{font-size:10px}.concept-shell.in-game .seat-info{font-size:8px}.concept-shell.in-game .placement-status p{font-size:11px}.concept-shell.in-game .placement-status strong{font-size:13px}.concept-shell.in-game .table-hint{font-size:11px}.concept-shell.in-game .center-cards>div>span{font-size:9px}.concept-shell.in-game .round-overlay h2{font-size:23px}}@media (width<=360px){.concept-shell .main-nav button svg{display:none}.concept-shell .menu-intro h1{font-size:47px}.concept-shell .tile-copy>span{font-size:20px}}@media (height>=600px){.concept-shell.in-game :is(.players-7,.players-8,.players-9,.players-10) .table-player>b{font-size:9px}.concept-shell.in-game :is(.players-7,.players-8,.players-9,.players-10) .seat-info{font-size:8px}}html:has(.club-shell){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--ui-bg);scroll-behavior:smooth;scroll-padding-top:76px}body:has(.club-shell){background:var(--ui-bg)}.club-shell.concept-shell{--bg:var(--ui-bg);--panel:var(--ui-panel);--line:var(--ui-border);--text:var(--ui-text);--muted:var(--ui-muted);--lime:#0071e3;color:var(--text);background:var(--bg);letter-spacing:-.015em;font-family:Inter Variable,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.club-shell.concept-shell .topbar{z-index:70;background:var(--ui-overlay);-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);border-bottom:1px solid #00000008;gap:30px;height:60px;padding:0 max(24px,50vw - 560px);position:sticky;top:0}.club-shell.concept-shell .compact-brand .logo{color:var(--ui-text);letter-spacing:-1.5px;font-size:25px}.club-shell.concept-shell .logo-night{color:var(--ui-text-secondary);font-size:11px;font-weight:600}.club-shell.concept-shell .logo-period{color:#0071e3}.club-shell.concept-shell .main-nav{gap:16px}.club-shell.concept-shell .main-nav button{color:var(--ui-text-secondary);background:0 0;padding:12px 3px;font-size:12px;font-weight:450}.club-shell.concept-shell .main-nav button svg{display:none}.club-shell.concept-shell .main-nav button.active,.club-shell.concept-shell .main-nav button:hover{color:#0071e3;background:0 0}.club-shell.concept-shell .topbar-right{gap:8px}.club-shell.concept-shell .icon-button{color:var(--ui-text-secondary);border-radius:50%}.club-shell.concept-shell .icon-button:hover{background:var(--ui-soft);color:var(--ui-text)}.club-shell.concept-shell .profile-button{color:var(--ui-text);gap:8px;padding:0 0 0 8px}.club-shell.concept-shell .profile-button>span:nth-child(2){font-size:12px;font-weight:550}.club-shell.concept-shell .profile-button small{color:var(--ui-muted);font-size:10px}.club-shell.concept-shell .avatar{background:var(--ui-soft);border-color:var(--ui-border);color:var(--ui-text)}.club-shell.concept-shell .button{letter-spacing:-.015em;min-height:44px;box-shadow:none;border-radius:980px;padding:0 22px;font-size:14px;font-weight:500}.club-shell.concept-shell .button.primary{color:#fff;background:#0071e3;border:1px solid #0071e3}.club-shell.concept-shell .button.primary:hover:not(:disabled){box-shadow:none;background:#0077ed;border-color:#0077ed}.club-shell.concept-shell .button.secondary,.club-shell.concept-shell .button.table-button{border:1px solid var(--ui-input-border);color:var(--ui-text-secondary);box-shadow:none;background:0 0}.club-shell.concept-shell .button.secondary:hover:not(:disabled),.club-shell.concept-shell .button.table-button:hover:not(:disabled){background:var(--ui-soft);color:var(--ui-text)}.club-shell.concept-shell .button.danger{color:#a32d1b;background:#fff1ef;border-color:#ffb5a9}.club-shell.concept-shell :is(button,a):focus-visible{outline-offset:4px;outline:3px solid #0071e3}.club-shell.concept-shell :is(input,textarea,select){background:var(--ui-panel);color:var(--ui-text);border-color:var(--ui-input-border);border-radius:12px;font-size:15px}.club-shell.concept-shell :is(input,textarea,select):focus{border-color:#0071e3;box-shadow:0 0 0 3px #0071e322}.club-shell.concept-shell input::placeholder,.club-shell.concept-shell textarea::placeholder{color:var(--ui-muted)}.club-shell.concept-shell .connection-notice{color:#744c00;background:#fff4db;border-bottom:1px solid #e1c78c}.club-shell.concept-shell .loading{color:var(--ui-muted)}.club-shell.concept-shell .toast{color:var(--ui-text);background:var(--ui-overlay);border-color:var(--ui-border);border-radius:16px;box-shadow:0 12px 45px #0002}.club-shell.concept-shell .minimal-lobby.view-home{max-width:none;padding:0}.club-shell.concept-shell .minimal-lobby:not(.view-home){max-width:1120px;min-height:calc(100dvh - 60px);padding:64px 28px 0}.club-ribbon{background:var(--ui-panel);text-align:center;color:var(--ui-text-secondary);padding:14px 24px;font-size:13px;line-height:1.5}.club-hero{text-align:center;background:var(--ui-bg);padding:54px 20px 35px;position:relative;overflow:hidden}.club-product-name{color:var(--ui-text);letter-spacing:-.8px;margin-bottom:12px;font-size:23px;font-weight:650}.club-hero h1{letter-spacing:-.06em;max-width:1000px;margin:0 auto;font-size:clamp(48px,6.2vw,80px);font-weight:700;line-height:1.04}.club-hero-copy{color:var(--ui-muted);letter-spacing:-.5px;margin-top:20px;font-size:23px;font-weight:450;line-height:1.45}.club-hero-actions{justify-content:center;align-items:center;gap:24px;margin-top:26px;display:flex}.club-text-link{color:var(--ui-link);justify-content:center;align-items:center;gap:3px;padding:8px 0;font-size:16px;font-weight:450;line-height:1.5;display:inline-flex}.club-text-link:hover{text-underline-offset:4px;text-decoration:underline}.club-text-link svg{flex-shrink:0;transition:transform .2s}.club-text-link:hover svg{transform:translate(3px)}.club-hero-meta{color:var(--ui-muted);justify-content:center;gap:14px;margin-top:5px;font-size:12px;display:flex}.club-hero-meta span{color:var(--ui-muted)}.card-showcase{isolation:isolate;pointer-events:none;width:100%;height:320px;margin:34px auto 0;position:relative}.showcase-fan{animation:1s cubic-bezier(.2,.7,.2,1) both showcase-arrive;position:absolute;inset:0}.showcase-card{z-index:var(--card-stack);transform:translateX(-50%) translate(var(--card-shift), var(--card-drop)) rotate(var(--card-angle));position:absolute;top:8px;left:50%}.club-shell.concept-shell .showcase-card .playing-card{border-width:5px;border-radius:16px;width:151px;height:226.5px;box-shadow:0 8px 10px #00000018,0 24px 35px #00000021}.club-shell.concept-shell .showcase-card .card-back{background:#242730}.showcase-light{z-index:-1;background:radial-gradient(#b9bec63b,#0000 65%);width:min(650px,95%);height:110px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.club-feature-grid{background:var(--ui-panel);grid-template-columns:1fr 1fr;gap:12px;padding:12px;display:grid}.club-feature{text-align:center;min-width:0;padding:46px 22px 0;overflow:hidden}.club-feature-party{color:#f5f5f7;background:radial-gradient(at 50% 115%,#25445c,#101116 75%)}.club-feature-training{color:var(--ui-text);background:var(--ui-bg)}.club-feature-kicker{letter-spacing:1.4px;opacity:.65;font-size:10px;font-weight:600}.club-feature h2{letter-spacing:-2px;margin:12px 0;font-size:clamp(34px,4vw,46px);font-weight:700;line-height:1.1}.club-feature p{letter-spacing:-.5px;font-size:20px;line-height:1.45}.club-feature .club-text-link{margin-top:12px}.club-feature-party .club-text-link{color:#76baff}.club-feature .showcase-light{bottom:-10px}.club-feature-party .showcase-light{background:radial-gradient(#5a8bb533,#0000 65%)}.club-shell.concept-shell .club-feature .showcase-card .playing-card{border-width:4px;border-radius:14px;width:128px;height:192px}.club-section-eyebrow{letter-spacing:1.3px;color:var(--ui-muted);font-size:11px;font-weight:600}.club-join{background:var(--ui-panel);text-align:center;padding:85px 24px 95px;scroll-margin-top:60px}.club-join h2{letter-spacing:-2px;margin:12px 0;font-size:clamp(34px,4vw,48px);line-height:1.15}.club-join>p{color:var(--ui-muted);font-size:18px;line-height:1.6}.club-join form{gap:12px;max-width:440px;margin:30px auto 0;display:flex}.club-shell.concept-shell .club-join input{letter-spacing:3px;text-align:center;border-color:var(--ui-input-border);background:var(--ui-subtle);height:52px;font-size:16px}.club-shell.concept-shell .club-join .button{flex-shrink:0;min-width:120px;height:52px}.club-modes{background:var(--ui-bg);padding:85px max(28px,50vw - 540px) 90px}.club-section-heading h2{letter-spacing:-2.5px;margin-top:12px;font-size:clamp(36px,4vw,52px);line-height:1.08}.club-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px;display:grid}.club-mode-card{background:var(--ui-panel);text-align:left;color:var(--ui-text);border-radius:24px;flex-direction:column;align-items:flex-start;padding:30px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 2px 8px #00000003}.club-mode-card:hover:not(:disabled){transform:translateY(-5px);box-shadow:0 12px 30px #00000009}.club-mode-card>svg{color:var(--ui-link);margin-bottom:24px}.club-mode-card.mode-color-0>svg{color:#c44a46}.club-mode-card.mode-color-1>svg{color:#b47c10}.club-mode-card.mode-color-2>svg{color:#28835d}.club-mode-card h3{letter-spacing:-.8px;font-size:22px;line-height:1.25}.club-mode-card p{color:var(--ui-muted);margin:12px 0 24px;font-size:14px;line-height:1.6}.club-mode-card>span{color:var(--ui-link);align-items:center;gap:3px;margin-top:auto;font-size:14px;display:flex}.club-ranking-invite{align-items:center;gap:22px;max-width:1080px;margin:0 auto;padding:50px 28px;display:flex}.club-ranking-icon{color:#9e792a;background:#eae7df;border-radius:20px;flex-shrink:0;place-items:center;width:64px;height:64px;display:grid}.club-ranking-invite h2{letter-spacing:-1px;font-size:24px;line-height:1.25}.club-ranking-invite p{color:var(--ui-muted);margin-top:8px;font-size:14px;line-height:1.6}.club-ranking-invite .club-text-link{white-space:nowrap;margin-left:auto}.club-shell.concept-shell .minimal-footer{color:var(--ui-muted);border-top:1px solid var(--ui-border);gap:24px;max-width:1080px;margin:0 auto;padding:30px 0}.club-shell.concept-shell .view-home .minimal-footer{margin:0 max(28px,50vw - 540px)}.club-shell.concept-shell .footer-legal{color:var(--ui-muted);font-size:11px}.club-shell.concept-shell .minimal-footer .creator-link{color:var(--ui-text);background:var(--ui-panel);border-color:var(--ui-border);box-shadow:none;border-radius:16px}.club-shell.concept-shell .creator-link b{color:var(--ui-text)}.club-shell.concept-shell .creator-link small{color:var(--ui-muted)}.club-shell.concept-shell .creator-symbol{color:#0071e3;background:var(--ui-blue-soft);border:0;border-radius:50%}.club-shell.concept-shell .creator-link:before{background:linear-gradient(110deg,#0000 15%,#0071e305 45%,#0071e30d 50%,#0000 80%) 0 0/250% 100%}.club-shell.concept-shell .creator-link:hover{border-color:#a2bdd8}.club-shell.concept-shell .creator-arrow,.club-shell.concept-shell .minimal-footer .footer-status-link{color:var(--ui-muted)}.club-shell.concept-shell .footer-status-link:hover,.club-shell.concept-shell .creator-link:hover .creator-symbol{color:var(--ui-link)}.club-shell.concept-shell .page-heading h1{color:var(--ui-text);letter-spacing:-2px;font-size:clamp(34px,4vw,52px)}.club-shell.concept-shell .page-heading p,.club-shell.concept-shell .eyebrow{color:var(--ui-muted)}.club-shell.concept-shell :is(.ranking-panel,.room-list,.history-list,.room-search){background:var(--ui-panel);border-color:var(--ui-border);color:var(--ui-text);border-radius:20px}.club-shell.concept-shell .room-row{border-color:var(--ui-soft);background:var(--ui-panel);color:var(--ui-text)}.club-shell.concept-shell .room-row:hover:not(:disabled){background:var(--ui-bg)}.club-shell.concept-shell .room-row-name b,.club-shell.concept-shell .rank-player strong{color:var(--ui-text)}.club-shell :is(.room-row-name small,.ranking-row,.rank-player small,.rank-number,.history-row small){color:var(--ui-muted)}.club-shell.concept-shell .room-row-join{color:var(--ui-link)}.club-shell.concept-shell .ranking-row{border-color:var(--ui-soft);background:0 0}.club-shell.concept-shell .ranking-head{background:var(--ui-subtle);color:var(--ui-muted)}.club-shell.concept-shell .ranking-row>b,.club-shell.concept-shell .ranking-row>span{color:var(--ui-text-secondary)}.club-shell.concept-shell .ranking-me{background:var(--ui-blue-soft)}.club-shell.concept-shell .rank-1{color:#a47915}.club-shell.concept-shell .rank-2{color:var(--ui-muted)}.club-shell.concept-shell .rank-3{color:#a46748}.club-shell.concept-shell .ranking-empty{color:var(--ui-muted);background:var(--ui-panel);border-color:var(--ui-border);border-radius:20px}.club-shell.concept-shell .ranking-empty h3{color:var(--ui-text)}.club-shell.concept-shell .history-card{background:var(--ui-panel);border-color:var(--ui-border);color:var(--ui-text)}.club-shell.concept-shell .history-card h3{color:var(--ui-text)}.club-shell.concept-shell .history-panel{background:var(--ui-panel);border-color:var(--ui-border);border-radius:20px}.club-shell.concept-shell .history-row{border-color:var(--ui-soft);background:0 0}.club-shell.concept-shell .history-row b,.club-shell.concept-shell .history-row>strong{color:var(--ui-text)}.club-shell.concept-shell .history-row small{color:var(--ui-muted)}.club-shell.concept-shell .stats-grid>div{background:var(--ui-bg);border-color:var(--ui-border);border-radius:16px}.club-shell.concept-shell .stats-grid strong{color:var(--ui-text)}.club-shell.concept-shell .stats-grid span{color:var(--ui-muted)}.club-shell.concept-shell .result-icon{background:var(--ui-soft);color:var(--ui-muted)}.club-shell.concept-shell .result-icon.win{color:#9e792a;background:#f7efd9}.club-shell.concept-shell .history-card :is(p,small,span){color:var(--ui-muted)}.club-shell.concept-shell .modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006}.club-shell.concept-shell .modal{background:var(--ui-panel);border:1px solid var(--ui-border);color:var(--ui-text);border-radius:28px;box-shadow:0 25px 100px #0003}.club-shell.concept-shell .modal h2{color:var(--ui-text);letter-spacing:-1.3px}.club-shell.concept-shell .modal-subtitle,.club-shell.concept-shell .selected-description{color:var(--ui-muted)}.club-shell.concept-shell .modal .eyebrow{color:var(--ui-muted);font-size:10px}.club-shell.concept-shell .modal-close{color:var(--ui-muted);background:var(--ui-soft);border-radius:50%}.club-shell.concept-shell .form-stack label,.club-shell.concept-shell .form-grid label{color:var(--ui-text-secondary);font-size:13px}.club-shell.concept-shell .create-mode-tabs button{color:var(--ui-text-secondary);background:var(--ui-bg);border:1px solid #0000;border-radius:14px}.club-shell.concept-shell .create-mode-tabs button:hover{border-color:#b9d3ef}.club-shell.concept-shell .create-mode-tabs button.active{background:var(--ui-blue-soft);color:var(--ui-link);border-color:#0071e3}.club-shell.concept-shell .party-rules{background:var(--ui-bg);color:var(--ui-text-secondary);border-color:#0000;border-radius:14px}.club-shell.concept-shell .toggle-row{border-color:var(--ui-border)}.club-shell.concept-shell .public-toggle{background:var(--ui-bg)}.club-shell.concept-shell .toggle-row b{color:var(--ui-text)}.club-shell.concept-shell .toggle-row small,.club-shell.concept-shell .guest-note{color:var(--ui-muted)}.club-shell.concept-shell .toggle-row input:checked+.switch{background:#0071e3;border-color:#0071e3}.club-shell.concept-shell .toggle-row .switch:before{background:var(--ui-panel)}.club-shell.concept-shell .guest-link,.club-shell.concept-shell .upload-avatar{color:var(--ui-link)}.club-shell.concept-shell .logout-link{color:#bf3434}.club-shell.concept-shell .form-error{color:#a82717;background:#fff0ed;border-radius:12px;padding:10px 14px}.club-shell.concept-shell .auth-tabs{background:var(--ui-soft);border-color:#0000;border-radius:12px}.club-shell.concept-shell .auth-tabs button{color:var(--ui-muted)}.club-shell.concept-shell .auth-tabs button.active{background:var(--ui-panel);color:var(--ui-text);box-shadow:0 2px 5px #0001}.club-shell.concept-shell .avatar-picker button{background:var(--ui-bg);border-color:#0000;border-radius:14px}.club-shell.concept-shell .avatar-picker button.selected{background:var(--ui-blue-soft);border-color:#0071e3}.club-shell.concept-shell .profile-stats{background:var(--ui-bg);border-color:var(--ui-soft);color:var(--ui-muted);border-radius:16px}.club-shell.concept-shell .profile-stats b{color:var(--ui-text)}.club-shell.concept-shell .profile-stats span{color:var(--ui-muted)}.club-shell.concept-shell .rules-content h3{color:var(--ui-text)}.club-shell.concept-shell .rules-content p,.club-shell.concept-shell .rules-footnote{color:var(--ui-muted)}.club-shell.concept-shell .rules-content section{border-color:var(--ui-soft)}.club-shell.concept-shell .rule-number{color:#0071e3}.club-shell.concept-shell .rule-card-list b{color:var(--ui-text)}.club-shell.concept-shell .rules-sources a{color:var(--ui-link);border-color:var(--ui-border)}.club-shell.concept-shell .leave-content,.club-shell.concept-shell .leave-copy{color:var(--ui-muted)}.club-shell.concept-shell.in-game .topbar{background:var(--ui-overlay);height:60px;min-height:60px}.club-shell.concept-shell.in-game .game-page{background:var(--ui-bg)}.club-shell.concept-shell.in-game .game-title h1{color:var(--ui-text)}.club-shell.concept-shell.in-game .game-title p{color:var(--ui-muted)}.club-shell.concept-shell.in-game .mode-tag{color:var(--ui-text-secondary);background:var(--ui-soft);border-color:#0000}.club-shell.concept-shell.in-game .invite-button,.club-shell.concept-shell.in-game .game-chat-toggle{background:var(--ui-panel);border-color:var(--ui-border);color:var(--ui-text-secondary);border-radius:980px}.club-shell.concept-shell.in-game :is(.arena-panel,.game-chat){background:var(--ui-panel);border-color:var(--ui-border);box-shadow:none;border-radius:20px}.club-shell.concept-shell.in-game .arena-top{color:var(--ui-muted)}.club-shell.concept-shell.in-game .arena-top>span{color:var(--ui-muted);letter-spacing:1px;font-size:10px}.club-shell.concept-shell.in-game .table-inner-line{border-color:#8aa6955c}.club-shell.concept-shell.in-game .table-stamp{color:#466f59;opacity:.1}.club-shell.concept-shell.in-game .table-direction{color:#486e59;opacity:.2}.club-shell.concept-shell.in-game .table-player>b{color:#253b2e}.club-shell.concept-shell.in-game .table-player>b small{color:#52675b;background:#edf3ef}.club-shell.concept-shell.in-game .turn-timer{color:#624c1b;background:#f5df9b;border-color:#d7bd72}.club-shell.concept-shell.in-game .draw-pile button:disabled{opacity:.75}.club-shell.concept-shell.in-game .seat-info{color:#52675b}.club-shell.concept-shell.in-game .seat-avatar{background:var(--ui-overlay);border-color:#b9c9c0;box-shadow:0 4px 16px #1c4a2a0d}.club-shell.concept-shell.in-game .is-turn .seat-avatar{border-color:#a88a36}.club-shell.concept-shell.in-game .seat-turn-timer{color:#3b382d;background:#f5df9b;border-color:#c8b36d}.club-shell.concept-shell.in-game .is-you{color:#53695b;background:#edf3ef}.club-shell.concept-shell.in-game .center-cards>div>span{color:#3a5d49}.club-shell.concept-shell.in-game .waiting-center h2{color:#253b2e}.club-shell.concept-shell.in-game .waiting-center p,.club-shell.concept-shell.in-game .waiting-center .eyebrow{color:#52675b}.club-shell.concept-shell.in-game .room-code{color:#253b2e;background:#ffffffc9;border-color:#b6cbbc}.club-shell.concept-shell.in-game .table-hint{color:#6a756e;background:#f6f8f6;border-color:#e2e9e4}.club-shell.concept-shell.in-game .hand-area{border-color:var(--ui-border);background:var(--ui-subtle)}.club-shell.concept-shell.in-game .hand-tip{color:var(--ui-muted)}.club-shell.concept-shell.in-game .hand-card.batch-selected{outline-color:#0071e3;box-shadow:0 0 0 5px #0071e315}.club-shell.concept-shell.in-game .hand-card .batch-check{color:#fff;background:#0071e3}.club-shell.concept-shell.in-game .uno-button{color:#fff;background:#e94e45;border-color:#db423a}.club-shell.concept-shell.in-game .uno-button.armed{color:#fff;background:#218c55;border-color:#1b7447}.club-shell.concept-shell.in-game .turn-notice{box-shadow:none;background:#f0f4f8;border-color:#dae2ec;border-radius:14px}.club-shell.concept-shell.in-game .turn-notice-copy strong{color:#253444}.club-shell.concept-shell.in-game .turn-notice-copy p{color:#576b80}.club-shell.concept-shell.in-game .turn-notice-icon{color:#59748d;background:#dfe7f0}.club-shell.concept-shell.in-game .turn-countdown{background:var(--ui-overlay);color:#34495d;border-color:#cfdbe6}.club-shell.concept-shell.in-game .turn-sort{color:#576b80}.club-shell.concept-shell.in-game .turn-notice.your-turn{background:var(--ui-blue-soft);border-color:#92bde8;box-shadow:inset 3px 0 #0071e3}.club-shell.concept-shell.in-game .your-turn .turn-notice-copy strong,.club-shell.concept-shell.in-game .your-turn .turn-countdown{color:#124c86}.club-shell.concept-shell.in-game .your-turn .turn-notice-copy p{color:#446e97}.club-shell.concept-shell.in-game .your-turn .turn-notice-icon{color:#0071e3;background:#0071e30c}.club-shell.concept-shell.in-game .turn-progress{background:#cfdae7}.club-shell.concept-shell.in-game .turn-progress>i{background:#98afc5}.club-shell.concept-shell.in-game .your-turn .turn-progress>i{background:#0071e3}.club-shell.concept-shell.in-game .turn-urgent.turn-notice{background:#fff0eb;border-color:#e9a08d;box-shadow:inset 3px 0 #d85337}.club-shell.concept-shell.in-game .turn-urgent :is(.turn-notice-copy strong,.turn-countdown,.turn-notice-icon){color:#a1321d}.club-shell.concept-shell.in-game .turn-urgent .turn-progress>i{background:#d85337}.club-shell.concept-shell.in-game .turn-nudge{background:var(--ui-overlay);color:var(--ui-text);border-color:#a6c6e8;border-radius:20px;box-shadow:0 12px 45px #163d6e20}.club-shell.concept-shell.in-game .nudge-return{color:#124c86}.club-shell.concept-shell.in-game .nudge-return>span,.club-shell.concept-shell.in-game .nudge-close{color:#576b80}.club-shell.concept-shell.in-game .turn-nudge:after{border-color:#0071e33a}.club-shell.concept-shell.in-game .chat-tabs{border-color:var(--ui-border)}.club-shell.concept-shell.in-game .chat-tabs button{color:var(--ui-muted)}.club-shell.concept-shell.in-game .chat-tabs button.active{color:#0071e3;border-color:#0071e3}.club-shell.concept-shell.in-game .chat-tabs button span{color:var(--ui-muted);background:var(--ui-soft)}.club-shell.concept-shell.in-game .chat-roster{background:var(--ui-panel);border-color:var(--ui-border)}.club-shell.concept-shell.in-game .chat-roster>div>span:nth-child(2){color:var(--ui-text)}.club-shell.concept-shell.in-game .chat-roster small{color:var(--ui-muted)}.club-shell.concept-shell.in-game .chat-welcome h3{color:var(--ui-text)}.club-shell.concept-shell.in-game .chat-welcome p,.club-shell.concept-shell.in-game .chat-bottom{color:var(--ui-muted)}.club-shell.concept-shell.in-game .chat-welcome>span{color:#c3b18b}.club-shell.concept-shell.in-game .chat-form{background:var(--ui-panel);border-color:var(--ui-border)}.club-shell.concept-shell.in-game .chat-form input{background:var(--ui-bg);border-color:var(--ui-border)}.club-shell.concept-shell.in-game .chat-form button{color:#0071e3}.club-shell.concept-shell.in-game .chat-message{background:var(--ui-soft);color:var(--ui-text)}.club-shell.concept-shell.in-game .chat-message.mine{background:var(--ui-blue-soft)}.club-shell.concept-shell.in-game .chat-message b{color:var(--ui-text)}.club-shell.concept-shell.in-game .chat-message time,.club-shell.concept-shell.in-game .log-message p{color:var(--ui-muted)}.club-shell.concept-shell.in-game .round-overlay{background:var(--ui-overlay);color:var(--ui-text);border-color:var(--ui-border)}.club-shell.concept-shell.in-game .round-overlay h2{color:var(--ui-text)}.club-shell.concept-shell.in-game .round-scores{background:var(--ui-bg);color:var(--ui-text-secondary)}.club-shell.concept-shell.in-game .round-scores>div{border-color:var(--ui-border)}.club-shell.concept-shell.in-game .round-scores b{color:var(--ui-text)}.club-shell.concept-shell.in-game .placement-status{color:#244f30;background:#edf5ef;border-color:#c9dfce}@keyframes showcase-arrive{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@media (width<=1020px){.club-shell.concept-shell .topbar{gap:24px;padding:0 24px}.club-shell.concept-shell .main-nav{gap:11px}.club-shell.concept-shell .profile-button>span:nth-child(2){display:none}.club-shell.concept-shell .game-chat.mobile-chat-open{background:var(--ui-panel);border-color:var(--ui-border);box-shadow:0 15px 60px #0002}.club-shell.concept-shell .club-mode-grid{gap:14px}.club-mode-card{padding:25px}}@media (width<=760px){.club-shell.concept-shell .topbar{flex-wrap:nowrap;gap:16px;height:56px;min-height:56px;padding:0 18px}.club-shell.concept-shell .main-nav{order:0;gap:12px;width:auto;margin:0 auto}.club-shell.concept-shell .main-nav button{padding:8px 0;font-size:11px}.club-shell.concept-shell .main-nav button:first-child{display:none}.club-shell.concept-shell .topbar-right{gap:4px;margin-left:auto}.club-shell.concept-shell .topbar-right .icon-button{width:30px;height:30px}.club-shell.concept-shell .profile-button{padding-left:2px}.club-shell.concept-shell .profile-button .avatar{width:28px!important;height:28px!important;font-size:17px!important}.club-ribbon{padding:12px 22px;font-size:11px}.club-hero{padding-top:42px}.club-product-name{font-size:20px}.club-hero h1{font-size:58px}.club-hero-copy{font-size:20px}.card-showcase{height:275px;margin-top:38px}.showcase-fan{transform-origin:50% 20%;scale:.82}.club-feature-grid{gap:10px;padding:10px}.club-feature{padding:35px 12px 0}.club-feature h2{letter-spacing:-1.4px;font-size:32px}.club-feature p{font-size:17px}.club-feature .club-feature-kicker{letter-spacing:.8px;font-size:8px}.club-feature .card-showcase{height:220px}.club-feature .showcase-fan{scale:.8}.club-join,.club-modes{padding:65px 24px}.club-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.club-mode-card{border-radius:20px;padding:25px}.club-ranking-invite{flex-wrap:wrap;gap:16px;padding:36px 24px}.club-ranking-invite>div{flex:1;min-width:220px}.club-ranking-invite .club-text-link{margin-left:80px}.club-shell.concept-shell .minimal-footer{flex-wrap:wrap;gap:20px}.club-shell.concept-shell .view-home .minimal-footer{margin:0 24px}.club-shell.concept-shell .minimal-footer .footer-legal{flex-basis:100%}.club-shell.concept-shell .minimal-lobby:not(.view-home){padding:36px 22px 0}.club-shell.concept-shell.in-game .topbar{height:56px;min-height:56px}}@media (width<=520px){.club-shell.concept-shell .main-nav button:last-child{display:none}.club-shell.concept-shell .main-nav{gap:14px}.club-shell.concept-shell .topbar .sound-button{display:none}.club-shell.concept-shell .compact-brand .logo{font-size:24px}.club-shell.concept-shell .compact-brand .logo-night{font-size:9px}.club-hero{padding:38px 18px 28px}.club-hero h1{letter-spacing:-.055em;font-size:clamp(36px,10.8vw,53px)}.club-hero-copy{margin-top:17px;font-size:17px}.club-hero-actions{gap:18px;margin-top:24px}.club-hero-actions .button{min-height:42px;padding:0 18px;font-size:13px}.club-hero-actions .club-text-link{font-size:13px}.card-showcase{height:237px;margin-top:32px}.showcase-fan{transform-origin:50% 10%;scale:.6}.showcase-light{height:75px;bottom:0}.club-hero-meta{gap:10px;font-size:10px}.club-feature-grid{grid-template-columns:1fr}.club-feature{padding-top:36px}.club-feature h2{font-size:36px}.club-feature p{font-size:19px}.club-feature .card-showcase{height:230px}.club-feature .showcase-fan{scale:1}.club-join{padding:60px 22px}.club-join h2{font-size:36px}.club-join>p{font-size:15px}.club-join form{gap:8px;margin-top:24px}.club-shell.concept-shell .club-join input{letter-spacing:2px;height:48px;padding:12px;font-size:12px}.club-shell.concept-shell .club-join .button{min-width:106px;height:48px;padding:0 16px;font-size:13px}.club-section-eyebrow{letter-spacing:1px;font-size:9px}.club-modes{padding:58px 20px}.club-section-heading h2{letter-spacing:-1.8px;font-size:36px}.club-mode-grid{gap:12px;margin-top:28px}.club-mode-card{padding:22px 18px}.club-mode-card h3{font-size:19px}.club-mode-card p{font-size:12px}.club-mode-card>svg{width:27px;margin-bottom:18px}.club-mode-card>span{font-size:12px}.club-ranking-invite{padding:36px 22px}.club-ranking-icon{border-radius:15px;width:48px;height:48px}.club-ranking-invite>div{min-width:200px}.club-ranking-invite h2{font-size:21px}.club-ranking-invite p{font-size:12px}.club-ranking-invite .club-text-link{margin-left:64px;font-size:14px}.club-shell.concept-shell .minimal-footer .creator-link{gap:8px;padding:9px 12px}.club-shell.concept-shell .minimal-footer .creator-link b{font-size:12px}.club-shell.concept-shell .minimal-footer .footer-status-link{font-size:10px}.club-shell.concept-shell .modal{border-radius:24px}.club-shell.concept-shell .game-chat.mobile-chat-open{border-radius:20px}}@media (prefers-reduced-motion:reduce){html:has(.club-shell){scroll-behavior:auto}.club-shell.concept-shell .showcase-fan{animation:none}}.club-shell.concept-shell .site-header{background:var(--ui-overlay);border-bottom:1px solid var(--ui-border);gap:24px;height:76px;padding:0 max(24px,50vw - 600px)}.site-brand{color:var(--ui-text);text-align:left;background:0 0;flex-shrink:0;align-items:center;gap:14px;padding:0;display:flex}.club-shell.concept-shell.in-game .site-header{height:60px;min-height:60px}.site-brand-cards{width:39px;height:42px;display:block;position:relative}.site-brand-cards i{border:2px solid #fff;border-radius:5px;width:24px;height:35px;position:absolute;top:3px;left:8px;box-shadow:0 2px 4px #0002}.site-brand-cards i:first-child{background:#e4b64f;transform:translate(-7px)rotate(-20deg)}.site-brand-cards i:nth-child(2){background:#39856a;transform:translate(5px)rotate(17deg)}.site-brand-cards i:nth-child(3){color:#fff8e8;background:#cf514c;place-items:center;font-size:21px;font-style:normal;font-weight:850;display:grid;transform:rotate(-4deg)}.site-brand-name{letter-spacing:-1.2px;font-size:25px;font-weight:800;line-height:1}.site-brand-name>span{margin-left:4px;font-weight:450}.site-brand-name small{letter-spacing:.1px;color:var(--ui-muted);margin-top:6px;font-size:9px;font-weight:500;display:block}.site-nav{border:1px solid var(--ui-border);background:var(--ui-bg);border-radius:100px;align-items:center;gap:3px;margin:0 auto;padding:4px;display:flex}.site-nav button{color:var(--ui-muted);white-space:nowrap;background:0 0;border-radius:100px;padding:10px 16px;font-size:13px;font-weight:550;transition:background .2s,color .2s}.site-nav button:hover{color:var(--ui-text);background:var(--ui-soft)}.site-nav button[aria-current=page]{color:var(--ui-text);background:var(--ui-panel);box-shadow:0 1px 5px #0000000d}.site-tools{align-items:center;gap:8px;margin-left:auto;display:flex}.site-tool{min-width:38px;height:38px;color:var(--ui-text-secondary);background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 9px;display:flex}.site-tool:hover{background:var(--ui-soft);color:var(--ui-text)}.site-tool span{white-space:nowrap;font-size:12px}.site-account{background:var(--ui-bg);border:1px solid var(--ui-border);color:var(--ui-text);text-align:left;border-radius:100px;align-items:center;gap:10px;padding:5px 9px;display:flex}.site-account-copy{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:12px;font-weight:600;overflow:hidden}.site-account small{color:var(--ui-muted);margin-top:3px;font-size:10px;font-weight:450;display:block}.site-login{color:#fff;background:var(--ui-text);border-radius:100px;align-items:center;gap:9px;padding:11px 18px;font-size:13px;display:flex}.site-menu{display:none}.mode-artwork{background:radial-gradient(at 50% 65%,#f0eeea,#faf9f7 65%);border-radius:17px;width:100%;height:176px;margin:-3px 0 24px;display:block;position:relative}.mode-artwork-card{width:74px;height:111px;transform:translate(var(--mode-x), var(--mode-y)) rotate(var(--mode-angle));transition:transform .3s;position:absolute;top:17px;left:calc(50% - 37px)}.mode-artwork-card .playing-card{width:100%;min-width:0;height:100%;margin:0;box-shadow:0 5px 10px #0002}.club-mode-card:hover:not(:disabled) .mode-artwork-card{transform:translate(var(--mode-x), calc(var(--mode-y) - 5px)) rotate(var(--mode-angle))}.home-leaderboard{max-width:1080px;margin:0 auto;padding:76px 28px 84px}.home-leaders-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.home-leaders-heading h2{letter-spacing:-1.9px;color:var(--ui-text);margin-top:12px;font-size:44px;line-height:1.15}.home-leaders-heading p{color:var(--ui-muted);margin-top:10px;font-size:16px}.home-leaders-heading .club-text-link{white-space:nowrap;padding-bottom:4px;font-size:14px}.home-leaders-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.home-leader{background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:24px;min-width:0;padding:27px}.home-leader-top{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.home-leader-place{color:var(--ui-muted);letter-spacing:-1.7px;font-size:36px;font-weight:650;line-height:1}.home-leader-place small{color:var(--ui-muted);letter-spacing:.1px;margin-top:6px;font-size:10px;font-weight:500;display:block}.leader-place-1{background:linear-gradient(145deg, #fffaf0, var(--ui-panel) 70%);border-color:#e9dfc7}.home-leader h3{color:var(--ui-text);letter-spacing:-.5px;overflow-wrap:anywhere;font-size:21px}.home-leader>p{color:var(--ui-muted);margin-top:7px;font-size:12px}.home-leader dl{border-top:1px solid var(--ui-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:25px;padding-top:21px;display:grid}.home-leader dl>div{flex-direction:column-reverse;gap:6px;display:flex}.home-leader dt{color:var(--ui-muted);font-size:11px}.home-leader dd{color:var(--ui-text);letter-spacing:-.5px;margin:0;font-size:20px;font-weight:650}.home-leaders-message{color:var(--ui-muted);background:var(--ui-panel);border-radius:20px;padding:30px;font-size:15px;line-height:1.6}@media (width<=1120px){.site-rules span,.site-account-copy{display:none}.site-nav button{padding:10px 13px}.club-shell.concept-shell .site-header{gap:16px}}@media (width<=760px){.club-shell.concept-shell .site-header{gap:12px;height:64px;min-height:64px;padding:0 18px}.site-brand{gap:9px}.site-brand-name{font-size:23px}.site-brand-name small{display:none}.site-brand-cards{width:34px;scale:.85}.site-menu{display:flex}.site-nav{background:var(--ui-panel);border-radius:20px;margin:0;padding:8px;display:none;position:absolute;top:calc(100% + 8px);left:16px;right:16px;box-shadow:0 12px 36px #0002}.site-nav.is-open{grid-template-columns:1fr 1fr;gap:5px;display:grid}.site-nav button{border-radius:13px;padding:15px 10px;font-size:14px}.site-nav button[aria-current=page]{background:var(--ui-blue-soft);color:var(--ui-link);box-shadow:none}.site-tools{gap:2px}.site-account{background:0 0;border-color:#0000;padding:3px}.site-account>svg{display:none}.site-tool{min-width:34px;padding:0 7px}.club-shell.concept-shell.in-game .site-header{height:56px;min-height:56px}.mode-artwork{height:157px}.mode-artwork-card{width:65px;height:98px;transform:translate(calc(var(--mode-x) * .75), var(--mode-y)) rotate(var(--mode-angle));top:18px;left:calc(50% - 32.5px)}.home-leaderboard{padding:58px 24px 64px}.home-leaders-heading{flex-wrap:wrap;gap:20px}.home-leaders-heading h2{font-size:36px}.home-leaders-grid{gap:12px}.home-leader{padding:20px}.home-leader-top{margin-bottom:20px}.home-leader h3{font-size:17px}.home-leader .avatar{width:48px!important;height:48px!important;font-size:25px!important}.home-leader dd{font-size:17px}}@media (width<=520px){.club-shell.concept-shell .club-mode-grid{grid-template-columns:1fr;gap:16px}.club-mode-card{padding:24px}.mode-artwork{height:180px;margin-bottom:24px}.mode-artwork-card{width:78px;height:117px;transform:translate(var(--mode-x), var(--mode-y)) rotate(var(--mode-angle));left:calc(50% - 39px)}.club-mode-card h3{font-size:23px}.club-mode-card p,.club-mode-card>span{font-size:14px}.home-leaderboard{padding:58px 20px 64px}.home-leaders-grid{grid-template-columns:1fr}.home-leader{padding:24px}.home-leader h3{font-size:23px}.home-leader dd{font-size:22px}.home-leader-top{margin-bottom:18px}}@media (prefers-reduced-motion:reduce){.mode-artwork-card{transition:none}}:root{--ui-bg:#242528;--ui-panel:#2e3034;--ui-subtle:#292b2f;--ui-soft:#393b40;--ui-border:#44464d;--ui-input-border:#62656f;--ui-overlay:#2e3034f5;--ui-text:#f0f1f4;--ui-text-secondary:#d4d5dc;--ui-muted:#b3b5bf;--ui-link:#86bcff;--ui-blue-soft:#263b53;--ui-gold-bg:#38352e;--ui-gold-border:#62533a;--ui-gold-text:#e3c27f;--ui-table-top:#315448;--ui-table-bottom:#254338;--ui-table-border:#4d6b5c;--ui-table-text:#e2eee6;--ui-table-muted:#c0d4c7}:root[data-theme=dark]{--ui-bg:#141518;--ui-panel:#1e2024;--ui-subtle:#1a1c20;--ui-soft:#2a2c31;--ui-border:#383b42;--ui-input-border:#575b65;--ui-overlay:#1e2024f5;--ui-text:#f0f1f4;--ui-text-secondary:#d4d5dc;--ui-muted:#adafba;--ui-blue-soft:#1c3048;--ui-gold-bg:#2b2822}:root[data-theme=light]{--ui-bg:#f5f5f7;--ui-panel:#fff;--ui-subtle:#fafafa;--ui-soft:#e8e8ed;--ui-border:#dcdce2;--ui-input-border:#a9a9b0;--ui-overlay:#fffffff0;--ui-text:#1d1d1f;--ui-text-secondary:#424245;--ui-muted:#6e6e73;--ui-link:#06c;--ui-blue-soft:#edf5ff;--ui-gold-bg:#fffaf0;--ui-gold-border:#e9dfc7;--ui-gold-text:#8c641f;--ui-table-top:#e8f1ec;--ui-table-bottom:#c3d8cd;--ui-table-border:#b9cec2;--ui-table-text:#253b2e;--ui-table-muted:#52675b}html:has(.club-shell){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]:has(.club-shell){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.club-shell.concept-shell .site-login{background:var(--ui-text);color:var(--ui-bg)}.theme-switcher{position:relative}.theme-trigger[aria-expanded=true]{background:var(--ui-soft);color:var(--ui-text)}.appearance-panel{border:1px solid var(--ui-border);background:var(--ui-panel);width:306px;color:var(--ui-text);z-index:100;border-radius:22px;padding:16px;animation:.18s ease-out appearance-open;position:absolute;top:calc(100% + 17px);right:0;box-shadow:0 18px 60px #0004}.appearance-heading{justify-content:space-between;align-items:flex-start;gap:10px;padding:3px 1px 13px;display:flex}.appearance-heading strong{font-size:15px;font-weight:650}.appearance-heading p{color:var(--ui-muted);margin-top:6px;font-size:11px}.appearance-heading .site-tool{width:27px;min-width:27px;height:27px;margin-top:-4px;padding:0}.appearance-option{text-align:left;width:100%;color:var(--ui-text);background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:13px;padding:12px 10px;display:flex}.appearance-option+.appearance-option{margin-top:5px}.appearance-option:hover{background:var(--ui-subtle)}.appearance-option[aria-pressed=true]{background:var(--ui-blue-soft);border-color:#589ee9}.appearance-option>span:nth-child(2){flex:1}.appearance-option b{font-size:13px;font-weight:600;display:block}.appearance-option small{color:var(--ui-muted);margin-top:4px;font-size:11px;display:block}.appearance-check{color:var(--ui-link);opacity:0}.appearance-option[aria-pressed=true] .appearance-check{opacity:1}.appearance-preview{background:#f5f5f7;border:1px solid #8885;border-radius:9px;flex-shrink:0;align-items:flex-end;gap:3px;width:42px;height:35px;padding:7px;display:flex}.appearance-preview i{background:#cd615c;border-radius:2px;width:7px;height:14px;rotate:-12deg}.appearance-preview i:nth-child(2){background:#d4ac55;height:19px;rotate:0deg}.appearance-preview i:nth-child(3){background:#5e937f;rotate:12deg}.appearance-gray .appearance-preview{background:#303236}.appearance-dark .appearance-preview{background:#141518}.mode-artwork{background:radial-gradient(ellipse at 50% 65%, var(--ui-soft), var(--ui-subtle) 70%)}.home-leader.leader-place-1{background:linear-gradient(145deg, var(--ui-gold-bg), var(--ui-panel) 80%);border-color:var(--ui-gold-border)}.leader-place-1 .home-leader-place{color:var(--ui-gold-text)}.club-shell.concept-shell .result-icon.win{background:var(--ui-gold-bg);color:var(--ui-gold-text)}.club-shell.concept-shell .switch{background:var(--ui-input-border);border-color:var(--ui-input-border)}.club-shell.concept-shell.in-game .game-table{background:radial-gradient(ellipse at 50% 20%, var(--ui-table-top), var(--ui-table-bottom));border-color:var(--ui-table-border);box-shadow:inset 0 0 0 1px #ffffff18, 0 6px 0 var(--ui-table-border), 0 18px 30px #0002}.club-shell.concept-shell.in-game .table-player>b,.club-shell.concept-shell.in-game .waiting-center h2{color:var(--ui-table-text)}.club-shell.concept-shell.in-game :is(.seat-info,.center-cards>div>span,.waiting-center p,.waiting-center .eyebrow){color:var(--ui-table-muted)}.club-shell.concept-shell.in-game .seat-avatar{background:var(--ui-panel);border-color:var(--ui-table-border)}.club-shell.concept-shell.in-game .seat-avatar .avatar{background:var(--ui-soft)}.club-shell.concept-shell.in-game :is(.table-player>b small,.is-you,.table-hint){color:var(--ui-table-muted);background:var(--ui-table-bottom);border-color:var(--ui-table-border)}.club-shell.concept-shell.in-game .table-hint>span{color:var(--ui-table-muted)}.club-shell.concept-shell.in-game .room-code{background:var(--ui-panel);color:var(--ui-table-text);border-color:var(--ui-table-border)}.club-shell.concept-shell.in-game .turn-notice{background:var(--ui-subtle);border-color:var(--ui-border)}.club-shell.concept-shell.in-game .turn-notice-copy strong,.club-shell.concept-shell.in-game .turn-countdown{color:var(--ui-text)}.club-shell.concept-shell.in-game :is(.turn-notice-copy p,.turn-sort,.turn-notice-icon,.nudge-return>span,.nudge-close){color:var(--ui-muted)}.club-shell.concept-shell.in-game .turn-notice-icon{background:var(--ui-soft)}.club-shell.concept-shell.in-game .turn-countdown{border-color:var(--ui-border)}.club-shell.concept-shell.in-game .turn-notice.your-turn{background:var(--ui-blue-soft);border-color:#589ee9}.club-shell.concept-shell.in-game .your-turn :is(.turn-notice-copy strong,.turn-countdown,.turn-notice-copy p),.club-shell.concept-shell.in-game .nudge-return{color:var(--ui-text)}.club-shell.concept-shell.in-game .nudge-bell{color:var(--ui-link);background:var(--ui-blue-soft)}.club-shell.concept-shell.in-game .turn-urgent.turn-notice{background:#4d2e25;border-color:#c77b60}.club-shell.concept-shell.in-game .turn-urgent :is(.turn-notice-copy strong,.turn-countdown,.turn-notice-copy p,.turn-notice-icon){color:#ffccaf}:root[data-theme=light] .club-shell.concept-shell.in-game .turn-urgent.turn-notice{background:#fff0eb}:root[data-theme=light] .club-shell.concept-shell.in-game .turn-urgent :is(.turn-notice-copy strong,.turn-countdown,.turn-notice-copy p,.turn-notice-icon){color:#a1321d}.club-shell.concept-shell.in-game .placement-status{background:var(--ui-table-bottom);border-color:var(--ui-table-border);color:var(--ui-table-text)}.club-shell.concept-shell.in-game .placement-status p{color:var(--ui-table-muted)}.club-shell.concept-shell.in-game .placement-chips>span{background:var(--ui-panel);border-color:var(--ui-border)}.theme-changing :where(.app-shell,.site-header,.site-nav,.site-nav button,.site-tool,.site-account,.club-hero,.club-join,.club-feature-training,.club-modes,.club-mode-card,.mode-artwork,.home-leader,.modal,.arena-panel,.game-chat,.hand-area,.turn-notice,.appearance-panel,.appearance-option,h1,h2,h3,p,a,span){transition:background-color .35s,color .3s,border-color .35s}@keyframes appearance-open{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){.appearance-panel{width:min(306px,100vw - 28px);position:fixed;top:72px;right:14px}.club-shell.concept-shell.in-game .appearance-panel{top:64px}}@media (width<=370px){.site-brand-name{font-size:20px}.club-shell.concept-shell .site-header{gap:6px;padding:0 12px}.site-tool{min-width:30px;padding:0 5px}}@media (prefers-reduced-motion:reduce){.appearance-panel{animation:none}.theme-changing :where(*){transition:none!important}}.cookie-notice{left:24px;bottom:max(24px, env(safe-area-inset-bottom));z-index:80;background:var(--ui-overlay);width:min(570px,100vw - 48px);max-height:min(620px,100dvh - 110px);color:var(--ui-text);border:1px solid var(--ui-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;gap:18px;padding:25px;animation:.55s cubic-bezier(.2,.8,.2,1) both cookie-arrive;display:flex;position:fixed;overflow:auto;box-shadow:0 16px 65px #0004,inset 0 1px #ffffff08}.cookie-symbol{background:var(--ui-gold-bg);width:49px;height:53px;color:var(--ui-gold-text);border-radius:16px;flex-shrink:0;place-items:center;display:grid;position:relative;rotate:-7deg}.cookie-symbol span{border:2px solid var(--ui-panel);background:#68a68b;border-radius:50%;width:10px;height:10px;position:absolute;bottom:2px;right:-2px}.cookie-content{flex:1;min-width:0}.cookie-eyebrow{letter-spacing:.25px;color:var(--ui-muted);align-items:center;gap:5px;margin:0 0 9px;font-size:10px;font-weight:500;display:flex}.cookie-notice h2{color:var(--ui-text);letter-spacing:-.55px;font-size:19px;font-weight:650;line-height:1.3}.cookie-content>p{color:var(--ui-muted);margin-top:10px;font-size:12px;line-height:1.8}.cookie-actions{justify-content:space-between;align-items:center;gap:15px;margin-top:18px;display:flex}.cookie-details-button{color:var(--ui-text-secondary);background:0 0;align-items:center;gap:7px;padding:9px 0;font-size:12px;display:flex}.cookie-details-button svg{transition:rotate .2s}.cookie-details-button[aria-expanded=true] svg{rotate:180deg}.cookie-details-button:hover{color:var(--ui-link)}.cookie-accept{color:#fff;background:#0071e3;border-radius:100px;justify-content:center;align-items:center;gap:9px;padding:12px 21px;font-size:12px;font-weight:550;transition:background .2s,transform .2s;display:flex}.cookie-choice-buttons{gap:8px;display:flex}.cookie-reject{border:1px solid var(--ui-input-border);color:var(--ui-text-secondary);background:0 0;border-radius:100px;padding:11px 16px;font-size:12px}.cookie-reject:hover{background:var(--ui-soft)}.cookie-accept:hover{background:#1685f5;transform:translateY(-1px)}.cookie-accept:active{transform:scale(.97)}.cookie-details{border-top:1px solid var(--ui-border);margin-top:16px;padding-top:15px;animation:.25s ease-out both cookie-detail-arrive}.cookie-details dl{margin:0}.cookie-details dl>div+div{margin-top:12px}.cookie-details dt{color:var(--ui-text);font-size:12px;font-weight:600}.cookie-details dd{color:var(--ui-muted);margin:4px 0 0;font-size:11px;line-height:1.7}.cookie-details>p{border-top:1px solid var(--ui-border);color:var(--ui-muted);margin-top:14px;padding-top:12px;font-size:10px;line-height:1.7}.club-shell.concept-shell .footer-cookies{color:var(--ui-muted);background:0 0;margin-left:auto;padding:10px 0;font-size:11px}.club-shell.concept-shell .footer-cookies:hover{color:var(--ui-link)}.motion-ready [data-reveal]{transition:opacity .6s,translate .6s cubic-bezier(.2,.7,.2,1),transform .3s,box-shadow .3s}.motion-ready [data-reveal]:not(.is-revealed){opacity:0;translate:0 24px}.motion-ready [data-reveal].is-revealed,.motion-ready [data-reveal]:focus-visible{opacity:1;translate:0}.motion-ready .club-feature:nth-child(2){transition-delay:80ms}.motion-ready .club-mode-card:nth-child(3n+2){transition-delay:60ms}.motion-ready .club-mode-card:nth-child(3n){transition-delay:.12s}.site-brand-cards i{transition:translate .3s,rotate .3s}.showcase-card{transition:translate .45s cubic-bezier(.2,.7,.2,1);transition-delay:calc((10 - var(--card-stack)) * 25ms)}.club-shell.concept-shell .view-home .club-hero-actions .button{transition:transform .22s,box-shadow .22s,background-color .2s}.club-shell.concept-shell .view-home .club-hero-actions .button:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.site-brand:hover .site-brand-cards i:first-child{translate:-3px;rotate:-5deg}.site-brand:hover .site-brand-cards i:nth-child(2){translate:3px -1px;rotate:5deg}.site-brand:hover .site-brand-cards i:nth-child(3){translate:0 -2px}.club-hero:hover .showcase-card{translate:0 -7px}.club-shell.concept-shell .view-home .club-hero-actions .button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0071e326}}@keyframes cookie-arrive{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cookie-detail-arrive{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.cookie-notice{left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));border-radius:22px;gap:12px;width:auto;padding:21px}.cookie-symbol{display:none}.cookie-notice h2{font-size:18px}.cookie-content>p{font-size:12px}.cookie-actions{flex-wrap:wrap;margin-top:14px}.cookie-choice-buttons{width:100%}.cookie-choice-buttons>button{flex:1}.club-shell.concept-shell .footer-cookies{margin-left:0}.motion-ready .club-mode-card{transition-delay:0s}}@media (prefers-reduced-motion:reduce){.cookie-notice,.cookie-details{animation:none}.motion-ready [data-reveal]{opacity:1;transition:none;translate:none}.showcase-card,.site-brand-cards i,.cookie-accept,.cookie-details-button svg,.club-shell.concept-shell .view-home .club-hero-actions .button{transition:none}.club-hero:hover .showcase-card{translate:none}}.club-shell.concept-shell .minimal-footer.dock-footer{flex-wrap:nowrap;justify-content:space-between;gap:20px;padding:26px 0 30px}.footer-signature{color:var(--ui-muted);align-items:center;gap:10px;display:flex}.footer-signature>span{letter-spacing:-.3px;color:var(--ui-text-secondary);font-size:14px;font-weight:650}.footer-about{line-height:1.5;position:relative}.footer-about summary{cursor:pointer;border-radius:50%;place-items:center;padding:6px;list-style:none;display:grid}.footer-about summary::-webkit-details-marker{display:none}.footer-about summary:hover{background:var(--ui-soft);color:var(--ui-text)}.footer-about>div{border:1px solid var(--ui-border);background:var(--ui-panel);width:270px;color:var(--ui-text);z-index:5;border-radius:18px;padding:18px;animation:.2s ease-out cookie-detail-arrive;position:absolute;bottom:calc(100% + 12px);left:-90px;box-shadow:0 10px 35px #0003}.footer-about b{text-align:center;text-wrap:balance;font-size:12px;line-height:1.5;display:block}.footer-about p{color:var(--ui-muted);text-align:center;text-wrap:balance;gap:4px;margin:10px 0 0;font-size:11px;line-height:1.7;display:grid}.footer-about a{color:var(--ui-link);font-size:11px}.footer-dock{box-shadow:none;background:0 0;border:0;border-radius:0;align-items:center;gap:8px;padding:0;display:flex}.dock-item{border:1px solid var(--ui-border);background:var(--ui-panel);width:45px;height:45px;color:var(--ui-text-secondary);border-radius:15px;place-items:center;transition:transform .22s,background .22s,color .22s,box-shadow .22s;display:grid;position:relative}.dock-item:hover{color:var(--ui-text);background:var(--ui-soft);transform:translateY(-3px);box-shadow:0 6px 13px #0002}.dock-item:active{transform:translateY(0)scale(.96)}.dock-telegram:hover{color:#81caff}.dock-status:hover{color:#7ec7a2}.dock-item>span{opacity:0;pointer-events:none;white-space:nowrap;border:1px solid var(--ui-border);background:var(--ui-panel);color:var(--ui-text);z-index:6;border-radius:9px;padding:7px 10px;font-size:10px;line-height:1.5;transition:opacity .18s,transform .18s;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%,5px);box-shadow:0 3px 12px #0002}.dock-item:hover>span,.dock-item:focus-visible>span{opacity:1;transform:translate(-50%)}.compact-leaders .home-leaders-heading{margin-bottom:28px}.leaders-all{border:1px solid var(--ui-border);background:var(--ui-panel);color:var(--ui-text-secondary);border-radius:100px;flex-shrink:0;align-items:center;gap:14px;padding:12px 18px;font-size:12px;transition:background .2s,color .2s;display:flex}.leaders-all:hover{background:var(--ui-soft);color:var(--ui-text)}.leaders-list-panel{background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:24px;padding:10px}.leaders-list-labels,.leader-line{grid-template-columns:minmax(220px,1fr) repeat(3,minmax(70px,110px));align-items:center;gap:18px;display:grid}.leaders-list-labels{color:var(--ui-muted);padding:17px 25px 18px;font-size:10px}.leaders-list-labels>span:not(:first-child){text-align:right}.leaders-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.leader-line{border:1px solid #0000;border-radius:17px;padding:21px 25px;transition:background .2s,border-color .2s}.leader-line:hover{background:var(--ui-subtle);border-color:var(--ui-border)}.leader-line-1{background:linear-gradient(110deg, var(--ui-gold-bg), var(--ui-panel) 80%);border-color:var(--ui-gold-border)}.leader-identity{align-items:center;gap:17px;min-width:0;display:flex}.leader-medal{min-width:29px;color:var(--ui-muted);place-items:center;font-size:15px;font-weight:650;display:grid}.leader-line-1 .leader-medal{color:var(--ui-gold-text)}.leader-identity>div{min-width:0}.leader-identity h3{color:var(--ui-text);overflow-wrap:anywhere;letter-spacing:-.3px;font-size:16px;font-weight:600}.leader-identity p{color:var(--ui-muted);margin-top:5px;font-size:10px}.leader-metric{text-align:right}.leader-metric strong{color:var(--ui-text-secondary);font-variant-numeric:tabular-nums;font-size:18px;font-weight:550}.leader-wins strong{color:var(--ui-text);font-weight:700}.leader-metric>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.leaders-caption{color:var(--ui-muted);align-items:center;gap:7px;margin:18px 25px 12px;font-size:10px;display:flex}.leaders-caption>span{background:#88ab94;border-radius:50%;width:4px;height:4px}.club-shell.concept-shell .ranking-panel{border-radius:24px;padding:10px}.club-shell.concept-shell .ranking-row{border-color:#0000;border-radius:16px;margin:5px 0;padding:19px 24px}.club-shell.concept-shell .ranking-head{color:var(--ui-muted);padding-top:14px;padding-bottom:14px;font-size:11px}.club-shell.concept-shell .ranking-row:not(.ranking-head):hover{background:var(--ui-subtle)}@media (width<=760px){.leaders-list-labels,.leader-line{grid-template-columns:minmax(170px,1fr) repeat(3,minmax(45px,75px));gap:12px}.leader-line{padding:19px 16px}.leaders-list-labels{padding:15px 16px}.leader-identity{gap:11px}.leader-identity .avatar{width:39px!important;height:39px!important;font-size:23px!important}.leader-identity h3{font-size:14px}.leader-metric strong{font-size:16px}.leaders-caption{margin-left:16px}}@media (width<=520px){.compact-leaders .home-leaders-heading{gap:22px}.compact-leaders .home-leaders-heading h2{font-size:33px}.compact-leaders .home-leaders-heading p{font-size:14px}.leaders-list-labels{display:none}.leaders-list-panel{border-radius:22px;padding:8px}.leader-line{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px 10px;padding:20px}.leader-identity{grid-column:1/-1;gap:12px}.leader-identity h3{font-size:16px}.leader-medal{min-width:22px}.leader-metric{text-align:center}.leader-metric strong{font-size:19px}.leader-metric>span{clip-path:none;white-space:normal;width:auto;height:auto;color:var(--ui-muted);margin-top:6px;font-size:10px;display:block;position:static;overflow:visible}.leaders-caption{margin:16px 12px 10px;font-size:9px}.club-shell.concept-shell .minimal-footer.dock-footer{gap:10px;padding:24px 0}.footer-signature{gap:2px}.footer-signature>span{font-size:12px}.footer-dock{border-radius:0;gap:6px;padding:0}.dock-item{border-radius:12px;width:39px;height:39px}.footer-about>div{width:250px;left:-80px}.dock-item:last-child>span{left:auto;right:0;transform:translateY(5px)}.dock-item:last-child:hover>span,.dock-item:last-child:focus-visible>span{transform:translateY(0)}.club-shell.concept-shell .ranking-row{padding:15px 12px}}@media (prefers-reduced-motion:reduce){.footer-about>div{animation:none}.dock-item,.dock-item>span,.leader-line,.leaders-all{transition:none}.dock-item:hover{transform:none}}.club-shell.concept-shell.in-game .room-studio{max-width:1540px;padding:18px 28px 24px}.club-shell.concept-shell.in-game .room-studio .game-heading{gap:15px;min-height:55px;margin-bottom:20px}.club-shell.concept-shell.in-game .room-studio .game-title{gap:15px;min-width:0}.club-shell.concept-shell.in-game .room-studio .game-title>div{min-width:0}.club-shell.concept-shell.in-game .room-studio .game-title>button{background:var(--ui-soft);width:39px;height:39px;color:var(--ui-text-secondary);border-radius:12px;flex-shrink:0}.club-shell.concept-shell.in-game .room-studio .game-title h1{letter-spacing:-.6px;text-overflow:ellipsis;white-space:nowrap;font-size:23px;font-weight:650;line-height:1.3;display:block;overflow:hidden}.club-shell.concept-shell.in-game .room-studio .game-title p{color:var(--ui-muted);flex-wrap:wrap;gap:9px;margin-top:7px;font-size:11px;display:flex}.room-mode{color:var(--ui-text-secondary)}.club-shell.concept-shell.in-game .room-studio .game-heading .invite-button{border-color:var(--ui-border);background:var(--ui-panel);border-radius:12px;height:40px;min-height:40px;padding:0 16px;font-size:12px}.club-shell.concept-shell.in-game .room-studio .game-layout{grid-template-columns:minmax(0,1fr) 300px;gap:22px}.club-shell.concept-shell.in-game .room-studio .arena-panel{background:var(--ui-subtle);border:1px solid var(--ui-border);border-radius:26px}.club-shell.concept-shell.in-game .room-waiting .arena-panel{background:0 0;border:0;border-radius:0;overflow:visible}.waiting-room{flex-direction:column;gap:20px;height:100%;min-height:0;display:flex}.waiting-scene{background:linear-gradient(125deg, var(--ui-panel), var(--ui-subtle));border:1px solid var(--ui-border);border-radius:25px;flex:1;grid-template-columns:1.2fr 1fr;align-items:center;gap:15px;min-height:195px;padding:30px 35px;display:grid;position:relative;overflow:hidden}.waiting-intro{z-index:1;position:relative}.waiting-eyebrow{color:var(--ui-muted);align-items:center;gap:7px;font-size:10px;display:flex}.waiting-eyebrow i{background:#8abd9e;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 4px #8abd9e0d}.waiting-intro h2{letter-spacing:-1.15px;color:var(--ui-text);margin:17px 0 12px;font-size:clamp(24px,2.6vw,36px);font-weight:600;line-height:1.18}.waiting-intro>p{max-width:270px;color:var(--ui-muted);font-size:12px;line-height:1.7}.waiting-invite{color:var(--ui-text);background:var(--ui-bg);border:1px solid var(--ui-border);text-align:left;border-radius:13px;justify-content:space-between;align-items:center;gap:25px;min-width:195px;margin-top:21px;padding:11px 15px;transition:border-color .2s,transform .2s;display:flex}.waiting-invite:hover{border-color:var(--ui-link);transform:translateY(-2px)}.waiting-invite small{color:var(--ui-muted);margin-bottom:0;font-size:9px;display:block}.waiting-invite>span{align-items:center;gap:15px;display:flex}.waiting-invite strong{letter-spacing:4px;font-size:19px;font-weight:600}.waiting-invite>svg{color:var(--ui-muted)}.waiting-art{place-items:center;min-width:0;height:215px;display:grid;position:relative}.waiting-art-glow{background:radial-gradient(#7095aa1a,#0000 70%);width:220px;height:170px;position:absolute}.waiting-art-card{width:90px;height:135px;position:absolute;top:28px;left:calc(50% - 45px);translate:-40px 6px;rotate:-17deg}.waiting-art-card:nth-of-type(3){z-index:2;translate:7px -11px;rotate:4deg}.waiting-art-card:nth-of-type(4){z-index:1;translate:54px 13px;rotate:21deg}.waiting-art-card .playing-card{width:100%;min-width:0;height:100%;box-shadow:0 14px 25px #0003}.waiting-art>span{letter-spacing:1.4px;color:var(--ui-muted);white-space:nowrap;font-size:8px;position:absolute;bottom:8px}.waiting-company{flex-direction:column;flex:0 auto;min-height:0;display:flex}.waiting-company-heading{justify-content:space-between;align-items:center;gap:15px;margin:0 2px 13px;display:flex}.waiting-company-heading h3{color:var(--ui-text);align-items:center;gap:8px;font-size:13px;font-weight:550;display:flex}.waiting-company-heading h3>svg{color:var(--ui-muted)}.waiting-company-heading h3>span{margin-left:4px;font-size:12px}.waiting-company-heading small{color:var(--ui-muted);font-weight:400}.waiting-company-heading>p{color:var(--ui-muted);font-size:10px}.waiting-seats{grid-template-columns:repeat(var(--waiting-columns,5), minmax(0, 1fr));scrollbar-width:thin;gap:9px;min-height:0;display:grid;overflow-y:auto}.waiting-seat{text-align:center;background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:14px 8px 11px;display:flex;position:relative}.waiting-seat.is-me{border-color:#6b9bc277}.waiting-seat-face{display:inline-flex;position:relative}.waiting-seat-check{border:2px solid var(--ui-panel);color:#fff;background:#6fa78b;border-radius:50%;place-items:center;width:16px;height:16px;display:grid;position:absolute;bottom:-1px;right:-3px}.waiting-seat-name{width:100%;margin-top:8px}.waiting-seat-name b{color:var(--ui-text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:550;display:block;overflow:hidden}.waiting-seat-name>span{color:var(--ui-muted);justify-content:center;align-items:center;gap:4px;margin-top:5px;font-size:9px;display:flex}.waiting-ready{color:var(--ui-muted);margin-top:8px;font-size:8px}.waiting-ready.ready{color:#8fbea4}:root[data-theme=light] .waiting-ready.ready{color:#347d54}.waiting-kick{color:var(--ui-muted);background:var(--ui-soft);opacity:0;border-radius:50%;place-items:center;padding:3px;transition:opacity .2s;display:grid;position:absolute;top:5px;right:5px}.waiting-seat:hover .waiting-kick,.waiting-kick:focus-visible{opacity:1}.waiting-seat-empty{color:var(--ui-muted);background:0 0;border-style:dashed;gap:10px;font-size:10px}.waiting-empty-face{background:var(--ui-subtle);width:38px;height:38px;color:var(--ui-input-border);border-radius:50%;place-items:center;display:grid}.waiting-controls{border-top:1px solid var(--ui-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding-top:17px;display:flex}.waiting-control-copy{min-width:0}.waiting-control-copy strong{color:var(--ui-text);font-size:13px;font-weight:550}.waiting-control-copy p{color:var(--ui-muted);overflow-wrap:anywhere;align-items:center;gap:5px;margin-top:7px;font-size:10px;display:flex}.waiting-control-buttons{flex-shrink:0;gap:8px;display:flex}.waiting-start,.waiting-bot{border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 18px;font-size:12px;transition:background .2s,transform .2s;display:flex}.waiting-start{color:#fff;background:#0071e3}.waiting-start:hover:not(:disabled){background:#1685f5;transform:translateY(-1px)}.waiting-start:disabled{opacity:.35;cursor:default}.waiting-start.is-ready{background:#38664b}.waiting-bot{color:var(--ui-text-secondary);background:var(--ui-panel);border:1px solid var(--ui-border)}.waiting-bot:hover:not(:disabled){background:var(--ui-soft)}.club-shell.concept-shell.in-game .room-studio .studio-chat{background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:25px;padding:19px 15px 13px}.studio-chat-heading{align-items:center;gap:10px;padding:2px 3px 18px;display:flex;position:relative}.studio-chat-heading>div{align-items:center;gap:9px;display:flex}.studio-chat-heading strong{color:var(--ui-text);font-size:13px;font-weight:600}.studio-chat-heading svg{color:var(--ui-muted)}.studio-chat-heading>span{color:var(--ui-muted);margin-left:auto;font-size:9px}.club-shell.concept-shell.in-game .room-studio .chat-tabs{background:var(--ui-bg);border:0;border-radius:11px;flex-shrink:0;gap:4px;min-height:37px;padding:4px;display:flex}.club-shell.concept-shell.in-game .room-studio .chat-tabs button{color:var(--ui-muted);background:0 0;border:0;border-radius:8px;flex:1;padding:7px 10px;font-size:11px}.club-shell.concept-shell.in-game .room-studio .chat-tabs button.active{color:var(--ui-text);background:var(--ui-soft)}.studio-roster{flex-shrink:0;align-items:center;gap:5px;padding:14px 2px 0;display:flex;overflow-x:auto}.studio-roster>span{flex-shrink:0;display:flex}.club-shell.concept-shell.in-game .room-studio .chat-messages{flex-direction:column;flex:1;gap:11px;min-height:0;padding:17px 2px;display:flex;overflow-y:auto}.studio-chat-empty{text-align:center;margin:auto 0;padding:24px 20px}.studio-empty-symbol{background:var(--ui-subtle);width:60px;height:60px;color:var(--ui-muted);border-radius:21px;place-items:center;margin:0 auto 21px;display:grid;rotate:-6deg}.studio-chat-empty h3{color:var(--ui-text-secondary);letter-spacing:-.2px;font-size:15px;font-weight:550;line-height:1.5}.studio-chat-empty p{color:var(--ui-muted);margin-top:9px;font-size:11px;line-height:1.8}.studio-color-marks{justify-content:center;gap:4px;margin-top:23px;display:flex}.studio-color-marks i{background:#c95e59;border-radius:2px;width:11px;height:3px}.studio-color-marks i:nth-child(2){background:#cda958}.studio-color-marks i:nth-child(3){background:#68a78a}.studio-color-marks i:nth-child(4){background:#6b9fc3}.club-shell.concept-shell.in-game .room-studio .chat-form{border:1px solid var(--ui-border);background:var(--ui-bg);border-radius:13px;flex-shrink:0;gap:8px;margin:0;padding:7px;display:flex}.club-shell.concept-shell.in-game .room-studio .chat-form input{min-width:0;color:var(--ui-text);background:0 0;border:0;border-radius:5px;flex:1;padding:7px 4px;font-size:11px}.club-shell.concept-shell.in-game .room-studio .chat-form button{color:#fff;background:#0071e3;border-radius:9px;flex-shrink:0;place-items:center;width:33px;height:33px;display:grid}.club-shell.concept-shell.in-game .room-studio .chat-form button:disabled{color:var(--ui-muted);background:var(--ui-soft);opacity:.6}.studio-chat-note{color:var(--ui-muted);text-align:center;margin:13px 0 0;font-size:9px}.club-shell.concept-shell.in-game .room-studio .chat-message{overflow-wrap:anywhere;border-radius:13px;margin:0;padding:11px 12px}.club-shell.concept-shell.in-game .room-studio .chat-message>div{gap:8px}.club-shell.concept-shell.in-game .room-studio .chat-message b{white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.club-shell.concept-shell.in-game .room-studio .chat-message p{font-size:12px}.club-shell.concept-shell.in-game .room-studio .game-table{border:1px solid var(--ui-table-border);background:radial-gradient(ellipse at 50% 20%, var(--ui-table-top), var(--ui-table-bottom));border-radius:35px;inset:18% 8% 19%;box-shadow:0 18px 45px #0002}.club-shell.concept-shell.in-game .room-studio .table-inner-line,.club-shell.concept-shell.in-game .room-studio .table-stamp{display:none}.club-shell.concept-shell.in-game .room-studio .table-direction{opacity:.3;font-size:32px;right:8%}.club-shell.concept-shell.in-game .room-studio .table-stage{min-height:220px;margin:0 20px 12px}.club-shell.concept-shell.in-game .room-studio .table-player{left:clamp(65px, var(--seat-x), calc(100% - 65px));top:clamp(59px, var(--seat-y), calc(100% - 59px));width:120px;min-width:0;max-width:120px}.club-shell.concept-shell.in-game .room-studio :is(.players-5,.players-6,.players-7,.players-8,.players-9,.players-10) .opponent-cards{display:none}.studio-roster{scrollbar-width:thin;scrollbar-color:var(--ui-input-border) transparent}.club-shell.concept-shell.in-game .room-studio .table-player .avatar{width:48px!important;height:48px!important;font-size:27px!important}.club-shell.concept-shell.in-game .room-studio .own-player .avatar{width:52px!important;height:52px!important;font-size:29px!important}.club-shell.concept-shell.in-game .room-studio .seat-avatar{border:1px solid var(--ui-border);background:var(--ui-panel);padding:4px;box-shadow:0 3px 15px #0002}.club-shell.concept-shell.in-game .room-studio .is-turn .seat-avatar{border-color:#75ace2;box-shadow:0 0 0 4px #75ace21a}.club-shell.concept-shell.in-game .room-studio .table-player>b{max-width:100%;color:var(--ui-text);align-items:center;gap:5px;margin-top:7px;font-size:11px;line-height:1.4;display:flex}.seat-nickname{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.club-shell.concept-shell.in-game .room-studio .seat-info{color:var(--ui-muted);white-space:nowrap;margin-top:4px;font-size:9px;line-height:1.5}.club-shell.concept-shell.in-game .room-studio .table-player>b small{background:var(--ui-soft);color:var(--ui-muted);flex-shrink:0}.club-shell.concept-shell.in-game .room-studio .center-cards>div{gap:8px}.club-shell.concept-shell.in-game .room-studio .center-cards{gap:64px;transform:translateY(11px)}.club-shell.concept-shell.in-game .room-studio .center-cards .playing-card{aspect-ratio:2/3;width:clamp(52px,8dvh,68px);height:auto}.draw-pile-label{white-space:nowrap}.draw-pile-label small{background:#ffffff16;border-radius:4px;margin-left:2px;padding:1px 4px;font-size:8px}.club-shell.concept-shell.in-game .room-studio .center-cards>div>span{font-size:10px}.draw-pile>small{color:var(--ui-table-muted);font-size:8px}.club-shell.concept-shell.in-game .room-studio .draw-pile.can-draw>span{color:#d5eaff;font-weight:650}:root[data-theme=light] .club-shell.concept-shell.in-game .room-studio .draw-pile.can-draw>span{color:#155b96}.club-shell.concept-shell.in-game .room-studio .draw-pile.can-draw .playing-card{outline-offset:5px;outline:2px solid #86baff;box-shadow:0 0 0 8px #86baff12,0 8px 20px #0002}.club-shell.concept-shell.in-game .room-studio .draw-pile.needs-draw .playing-card{outline-color:#e4bd70;box-shadow:0 0 0 8px #e4bd701a,0 8px 20px #0002}.club-shell.concept-shell.in-game .room-studio .draw-pile.needs-draw>span{color:#ebc983}:root[data-theme=light] .club-shell.concept-shell.in-game .room-studio .draw-pile.needs-draw>span{color:#805919}.club-shell.concept-shell.in-game .room-studio .hand-area{background:var(--ui-panel);padding:12px 16px}.club-shell.concept-shell.in-game .room-studio .draw-action:not(:disabled){color:var(--ui-link);background:var(--ui-blue-soft);border-color:#75ace2;font-weight:600}.club-shell.concept-shell.in-game .room-studio .draw-action.draw-needed:not(:disabled){color:var(--ui-gold-text);background:var(--ui-gold-bg);border-color:#ad8a4a;box-shadow:0 0 0 3px #ad8a4a12}.club-shell.concept-shell.in-game .room-studio .turn-notice{border-radius:13px}.color-card-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:24px 4px 6px;display:grid}.color-card-choice{background:0 0;border-radius:12px;flex-direction:column;align-items:center;gap:23px;min-width:0;padding:6px 0;display:flex}.color-choice-art{aspect-ratio:2/3;width:min(100%,78px);transition:transform .23s,rotate .23s;display:block;rotate:-6deg}.color-card-choice:nth-child(2) .color-choice-art{rotate:-2deg}.color-card-choice:nth-child(3) .color-choice-art{rotate:2deg}.color-card-choice:nth-child(4) .color-choice-art{rotate:6deg}.color-choice-art .playing-card{width:100%;min-width:0;height:100%;box-shadow:0 6px 15px #0003}.color-card-choice:hover:not(:disabled) .color-choice-art,.color-card-choice:focus-visible .color-choice-art{transform:translateY(-8px)rotate(0)}.color-choice-name{color:var(--ui-text-secondary);align-items:center;gap:6px;font-size:11px;display:flex}.club-shell.concept-shell .swap-choices button{min-width:0;color:var(--ui-text);background:var(--ui-subtle);border-color:var(--ui-border)}.club-shell.concept-shell .swap-choices b{overflow-wrap:anywhere}@media (height>=600px) and (height<=780px) and (width>=1021px){.waiting-room{gap:15px}.waiting-scene{min-height:190px;padding:22px 28px}.waiting-intro h2{margin:12px 0 8px;font-size:28px}.waiting-intro>p{display:none}.waiting-invite{margin-top:15px;padding:9px 13px}.waiting-art{height:190px}.waiting-seat{padding:10px 6px 9px}.waiting-seat .avatar{width:40px!important;height:40px!important;font-size:24px!important}.waiting-ready{display:none}.waiting-seats{gap:7px}}@media (width<=1020px){.club-shell.concept-shell.in-game .room-studio .game-layout{grid-template-columns:minmax(0,1fr)}.club-shell.concept-shell.in-game .room-studio .studio-chat.mobile-chat-open{border-radius:23px;width:min(365px,100vw - 28px);padding:18px 15px}.club-shell.concept-shell.in-game .room-studio .studio-chat-heading{padding-right:31px}.club-shell.concept-shell.in-game .room-studio .studio-chat .mobile-chat-close{top:-6px;right:-7px}.waiting-seats{grid-template-columns:repeat(var(--waiting-columns,5), minmax(0, 1fr))}}@media (width<=760px){.club-shell.concept-shell.in-game .room-studio{padding:12px 12px 14px}.club-shell.concept-shell.in-game .room-studio .game-heading{gap:9px;min-height:89px;margin-bottom:12px}.club-shell.concept-shell.in-game .room-studio .game-title{gap:10px;width:100%}.club-shell.concept-shell.in-game .room-studio .game-title h1{font-size:19px}.club-shell.concept-shell.in-game .room-studio .game-title p{gap:7px;margin-top:5px;font-size:10px}.club-shell.concept-shell.in-game .room-studio .game-title>button{width:33px;height:33px}.club-shell.concept-shell.in-game .room-studio .game-heading .invite-button{height:34px;min-height:34px;margin-left:auto;padding:0 13px;font-size:10px}.club-shell.concept-shell.in-game .room-studio .game-chat-toggle{border-radius:11px;min-height:34px;margin-left:43px;padding:0 12px;font-size:10px}.waiting-room{gap:17px}.waiting-scene{border-radius:21px;grid-template-columns:1fr .55fr;min-height:185px;padding:24px}.waiting-intro h2{margin:13px 0 10px;font-size:27px}.waiting-intro>p{font-size:11px}.waiting-art{height:190px}.waiting-art-card{width:63px;height:94.5px;top:40px;left:calc(50% - 31.5px);translate:-27px 5px}.waiting-art-card:nth-of-type(3){translate:0 -5px}.waiting-art-card:nth-of-type(4){translate:27px 8px}.waiting-art>span{display:none}.waiting-invite{min-width:175px;margin-top:16px;padding:10px 12px}.waiting-seats{grid-template-columns:repeat(var(--waiting-mobile-columns,3), minmax(0, 1fr));gap:8px;max-height:280px}.waiting-seat{border-radius:13px;padding:12px 6px 10px}.waiting-ready{display:none}.waiting-seat-name b{font-size:10px}.waiting-seat-name>span{font-size:8px}.waiting-seat .avatar{width:38px!important;height:38px!important;font-size:23px!important}.waiting-controls{flex-wrap:wrap;gap:12px;padding-top:13px}.waiting-control-copy{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.waiting-control-copy strong{font-size:11px}.waiting-control-copy p{margin:0;font-size:9px}.waiting-control-buttons{width:100%}.waiting-control-buttons>button{flex:1;min-height:43px;padding:0 10px;font-size:11px}.club-shell.concept-shell.in-game .room-studio .table-stage{min-height:200px;margin:0 8px 12px}.club-shell.concept-shell.in-game .room-studio .game-table{border-radius:27px;inset:20% 5%}.club-shell.concept-shell.in-game .room-studio .table-player{left:clamp(44px, var(--seat-mobile-x), calc(100% - 44px));width:88px;max-width:88px;top:clamp(52px, var(--seat-mobile-y), calc(100% - 52px))}.club-shell.concept-shell.in-game .room-studio .table-player .avatar{width:40px!important;height:40px!important;font-size:24px!important}.club-shell.concept-shell.in-game .room-studio .own-player .avatar{width:44px!important;height:44px!important;font-size:26px!important}.club-shell.concept-shell.in-game .room-studio .table-player>b{gap:3px;margin-top:5px;font-size:10px}.club-shell.concept-shell.in-game .room-studio .seat-info{margin-top:3px;font-size:8px}.club-shell.concept-shell.in-game .room-studio .hand-area{padding:9px}.club-shell.concept-shell.in-game .room-studio .center-cards{gap:28px;transform:translateY(4px)}.club-shell.concept-shell.in-game .room-studio .hand-controls .draw-action{min-height:35px;padding:0 14px;font-size:11px}.color-card-choices{gap:12px;padding-top:18px}.color-choice-name{gap:4px;font-size:10px}}@media (width<=480px){.waiting-scene{grid-template-columns:1fr;min-height:210px;padding:24px}.waiting-intro{max-width:100%}.waiting-intro h2{max-width:none;font-size:24px}.waiting-intro>p,.waiting-art{display:none}.waiting-invite{width:100%;margin-top:16px}}@media (height<=730px) and (width<=760px){.waiting-room{gap:12px}.waiting-scene{min-height:185px;padding:18px 22px}.waiting-intro h2{margin:9px 0;font-size:23px}.waiting-intro>p{display:none}.waiting-invite{margin-top:12px}.waiting-seat{padding:8px 5px}.waiting-seat .avatar{width:32px!important;height:32px!important;font-size:20px!important}.waiting-seat-name{margin-top:5px}.waiting-seat-name>span{display:none}}@media (prefers-reduced-motion:reduce){.waiting-invite,.waiting-start,.waiting-bot,.waiting-kick,.color-choice-art{transition:none}.color-card-choice:hover:not(:disabled) .color-choice-art{transform:none}}.club-hero-actions{flex-wrap:wrap;gap:14px}.club-shell.concept-shell .modal:has(.match-art){width:460px;padding:28px}.club-shell.concept-shell .modal:has(.match-art) .modal-subtitle{margin-bottom:8px}.match-art{justify-content:center;align-items:center;height:114px;padding-top:6px;display:flex}.match-card{color:#fff8ec;width:67px;height:96px;transform:translateY(var(--match-lift,0px)) rotate(var(--match-rotation));border:4px solid #f8f2e6;border-radius:12px;flex:none;place-items:center;font-size:46px;font-style:italic;font-weight:800;display:grid;position:relative;box-shadow:0 8px 18px #0002}.match-card:before{content:"";opacity:.5;border:1px solid;border-radius:50%;position:absolute;inset:9px 5px;transform:rotate(24deg)}.match-card-red{--match-rotation:-16deg;background:#bd514d;margin-right:-13px}.match-card-blue{--match-rotation:0deg;--match-lift:-9px;z-index:1;background:#49769b}.match-card-yellow{color:#493b21;--match-rotation:16deg;background:#d9b358;margin-left:-13px}.is-searching .match-card{animation:2.4s ease-in-out infinite match-breathe}.is-searching .match-card-blue{animation-delay:.15s}.is-searching .match-card-yellow{animation-delay:.3s}@keyframes match-breathe{50%{transform:translateY(calc(var(--match-lift,0px) - 7px)) rotate(var(--match-rotation))}}.match-mode{color:var(--ui-text-secondary);gap:9px;font-size:13px;font-weight:600;display:grid}.match-mode select,.room-list-toolbar select{background:var(--ui-subtle);color:var(--ui-text);border:1px solid var(--ui-input-border);font:inherit;border-radius:12px;min-width:0;padding:13px 14px;font-size:14px}.match-status{min-height:96px;color:var(--ui-link);align-items:center;gap:15px;padding:16px 0;display:flex}.match-status>svg,.match-status>.spinner{flex:none;width:22px;height:22px}.match-status strong{color:var(--ui-text);font-size:15px;line-height:1.5}.match-status p{color:var(--ui-muted);margin-top:5px;font-size:13px;line-height:1.65}.match-actions{gap:10px;display:grid}.match-actions .button{width:100%;min-height:46px}.match-browse{width:100%;color:var(--ui-link);background:0 0;justify-content:center;align-items:center;gap:7px;min-height:35px;margin:10px 0;font-size:13px;display:flex}.match-note{border-top:1px solid var(--ui-border);color:var(--ui-muted);padding-top:12px;font-size:12px;line-height:1.65}.modal:has(.match-art) .form-error{color:var(--ui-text);background:var(--ui-subtle);border-left:3px solid #d36b65;margin-bottom:14px;padding:10px 12px;font-size:13px;line-height:1.6}.match-lobby-banner{background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:22px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:25px;display:flex}.match-lobby-banner>div{align-items:center;gap:17px;display:flex}.match-lobby-banner h2{letter-spacing:-.4px;font-size:19px}.match-lobby-banner p{color:var(--ui-muted);margin-top:6px;font-size:14px;line-height:1.6}.match-lobby-banner .button{flex-shrink:0}.match-banner-icon{background:var(--ui-blue-soft);width:48px;height:48px;color:var(--ui-link);border-radius:15px;flex:none;place-items:center;display:grid}.room-list-toolbar{justify-content:space-between;align-items:center;gap:16px;margin:24px 0 16px;display:flex}.room-list-toolbar label{color:var(--ui-text-secondary);align-items:center;gap:12px;font-size:14px;display:flex}.room-list-toolbar>span{color:var(--ui-muted);font-size:13px}@media (width<=640px){.club-hero-actions{gap:10px;max-width:340px;margin-inline:auto}.club-hero-actions .club-text-link{width:100%}.match-lobby-banner{flex-direction:column;align-items:stretch;gap:18px;padding:20px}.match-lobby-banner h2{font-size:17px}.match-lobby-banner p{font-size:13px}.room-list-toolbar{flex-direction:column;align-items:stretch;gap:10px}.room-list-toolbar label select{flex:1}.club-shell.concept-shell .modal:has(.match-art){padding:22px}.match-art{height:114px}}@media (prefers-reduced-motion:reduce){.is-searching .match-card{animation:none}}.club-shell.concept-shell{--club-accent:#b74740;--club-accent-hover:#a73e38;--club-gold:#e0bd77}.club-shell.concept-shell .button{border-radius:12px;font-weight:600}.club-shell.concept-shell .button.primary{background:var(--club-accent);border-color:var(--club-accent)}.club-shell.concept-shell .button.primary:hover:not(:disabled){background:var(--club-accent-hover);border-color:var(--club-accent-hover)}.club-shell.concept-shell :is(button,a):focus-visible{outline-color:var(--club-gold)}.club-shell.concept-shell .site-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);height:72px}.site-nav{background:0 0;border:0;gap:6px;padding:0}.site-nav button{min-height:44px;box-shadow:none;color:var(--ui-muted);background:0 0;border-radius:6px;padding:12px 15px;transition:color .18s;position:relative}.site-nav button:after{content:"";opacity:0;background:#d5756c;border-radius:2px;width:18px;height:2px;transition:transform .2s,opacity .2s;position:absolute;bottom:3px;left:calc(50% - 9px);transform:scaleX(0)}.site-nav button:hover{box-shadow:none;color:var(--ui-text);background:0 0}.site-nav button:hover:after{opacity:.5;transform:scaleX(.6)}.site-nav button[aria-current=page]{box-shadow:none;color:var(--ui-text);background:0 0}.site-nav button[aria-current=page]:after{opacity:1;transform:scaleX(1)}.club-hero{border:1px solid var(--ui-border);text-align:left;background:var(--ui-subtle);border-radius:28px;grid-template-columns:1fr 1fr;align-items:center;gap:24px;max-width:1180px;margin:30px auto 0;padding:40px 44px;display:grid}.club-hero-copyblock{z-index:1;min-width:0}.club-product-name{letter-spacing:1.1px;color:var(--ui-muted);align-items:center;gap:9px;margin-bottom:27px;font-size:11px;font-weight:600;display:flex}.club-product-name>span{background:#c9a467;border-radius:50%;width:7px;height:7px}.club-hero h1{letter-spacing:-2.8px;margin:0;font-size:clamp(48px,5.4vw,70px);font-weight:750;line-height:1.06}.club-hero h1 span{color:var(--ui-text-secondary)}.lobby h1:focus{outline:none}.club-hero-copy{letter-spacing:0;max-width:390px;color:var(--ui-text-secondary);margin-top:22px;font-size:16px;line-height:1.8}.club-hero-actions{justify-content:flex-start;gap:10px;margin-top:25px}.club-hero-actions .button{min-height:46px;padding:0 18px;font-size:14px}.club-hero-actions .club-text-link{width:100%;color:var(--ui-muted);justify-content:flex-start;font-size:13px}.club-hero-meta{justify-content:flex-start;gap:10px;margin-top:21px;font-size:11px}.club-hero-art{isolation:isolate;align-items:center;min-width:0;height:390px;display:flex;position:relative}.club-hero-art .showcase-hero{height:310px;margin:32px 0 0}.club-hero-art .showcase-fan{transform-origin:50% 45%;scale:.76}.showcase-hero .showcase-motion{animation:6.4s ease-in-out infinite club-card-float;animation-delay:calc(var(--card-stack) * -.37s);transform-origin:50% 70%;animation-play-state:paused}.showcase-hero[data-motion=active] .showcase-motion{animation-play-state:running}.club-shell:has(.modal-backdrop) .showcase-motion{animation-play-state:paused}@keyframes club-card-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-9px)rotate(.7deg)}}.club-table-tag{border:1px solid var(--ui-border);background:var(--ui-panel);white-space:nowrap;color:var(--ui-text-secondary);border-radius:12px;align-items:center;gap:9px;padding:11px 15px;font-size:11px;display:flex;position:absolute;bottom:3px;left:50%;translate:-50%}.club-table-tag i{background:#7da78b;border-radius:50%;width:6px;height:6px}.club-table-tag b{border-left:1px solid var(--ui-border);color:var(--ui-muted);margin-left:11px;padding-left:11px;font-weight:500}.club-feature-grid{background:0 0;gap:22px;max-width:1180px;margin:22px auto 0;padding:0}.club-feature{border:1px solid var(--ui-border);background:var(--ui-panel);color:var(--ui-text);text-align:left;border-radius:22px;padding:28px 30px 0}.club-feature-party{background:linear-gradient(135deg, #a7473913, transparent 70%), var(--ui-panel)}.club-feature h2{letter-spacing:-1px;margin:13px 0;font-size:30px}.club-feature p{color:var(--ui-text-secondary);letter-spacing:0;font-size:15px;line-height:1.7}.club-feature-kicker{color:var(--ui-muted);opacity:1;letter-spacing:1px;font-size:10px}.club-feature .club-text-link{color:var(--ui-text-secondary);font-size:13px}.club-feature .card-showcase{height:185px;margin-top:20px}.club-feature .showcase-fan{transform-origin:50% 12%;scale:.72}.club-modes{max-width:1180px;margin:0 auto;padding:64px 0}.club-section-heading h2,.home-leaders-heading h2{letter-spacing:-1.1px;font-size:clamp(28px,3vw,36px)}.club-section-eyebrow{letter-spacing:1px;font-size:10px}.club-mode-grid{gap:16px;margin-top:25px}.club-mode-card{border:1px solid var(--ui-border);box-shadow:none;border-radius:18px;padding:22px}.club-mode-card h3{font-size:20px}.club-mode-card p{margin:10px 0 18px}.mode-artwork{background:var(--ui-subtle);border:1px solid var(--ui-border);border-radius:12px;height:156px;margin-bottom:19px}.club-shell.concept-shell .minimal-lobby:not(.view-home){max-width:1180px;padding-top:44px}.club-shell.concept-shell .page-heading h1{letter-spacing:-1.4px;font-size:clamp(30px,4vw,42px)}.home-leaderboard{max-width:1180px;padding:0 0 55px}.club-join{border:1px solid var(--ui-border);text-align:left;border-radius:22px;max-width:1180px;margin:22px auto 0;padding:30px}.club-join h2{letter-spacing:-.8px;font-size:28px}.club-join>p{font-size:14px}.club-join form{max-width:460px;margin:20px 0 0}.club-shell.concept-shell .view-home .club-hero-actions .button:hover{box-shadow:none}.site-header{view-transition-name:site-header}::view-transition-group(root){animation:none}::view-transition-group(site-header){animation:none}::view-transition-old(site-header){display:none}::view-transition-new(site-header){animation:none}::view-transition-old(root){animation:.14s both club-page-out}::view-transition-new(root){animation:.28s cubic-bezier(.22,1,.36,1) both club-page-in}@keyframes club-page-out{to{opacity:0;transform:translateY(-7px)}}@keyframes club-page-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=1230px){.club-hero,.club-feature-grid,.club-join,.club-modes,.home-leaderboard{margin-inline:24px}.club-hero{padding:35px}}@media (width<=900px){.club-hero{gap:0;padding:30px}.club-hero-art .showcase-fan{scale:.62}.club-hero h1{font-size:56px}.club-feature h2{font-size:26px}.club-feature{padding:24px 22px 0}}@media (width<=760px){.site-nav.is-open{border:1px solid var(--ui-border);background:var(--ui-panel);border-radius:16px;padding:8px;box-shadow:0 14px 35px #0003}}@media (width<=640px){.club-shell.concept-shell .site-header{height:62px}.club-hero,.club-feature-grid,.club-join,.club-modes,.home-leaderboard{margin-inline:15px}.club-hero{border-radius:22px;grid-template-columns:1fr;margin-top:16px;padding:25px 23px 20px}.club-product-name{letter-spacing:.7px;margin-bottom:20px;font-size:9px}.club-hero h1{letter-spacing:-2px;font-size:56px}.club-hero-copy{margin-top:17px;font-size:14px;line-height:1.8}.club-hero-actions{margin-top:20px;gap:9px;max-width:none;margin-inline:0}.club-hero-actions .button{flex:1;min-width:0;padding-inline:12px;font-size:12px}.club-hero-meta{gap:7px;margin-top:14px;font-size:10px}.club-hero-art{height:260px;margin:9px -10px 0}.club-hero-art .showcase-fan{transform-origin:50% 24%;scale:.52}.club-table-tag{padding:9px 12px;font-size:10px;bottom:0}.club-feature-grid{grid-template-columns:1fr;gap:15px;margin-top:15px}.club-feature{padding:24px 24px 0}.club-feature h2{font-size:28px}.club-feature .card-showcase{height:145px}.club-feature .showcase-fan{scale:.6}.club-modes{padding:40px 0}.club-mode-grid{gap:13px}.club-mode-card{padding:20px}.club-join{margin-top:15px;padding:24px}.club-join h2{font-size:26px}.home-leaderboard{padding:0 0 35px}.club-shell.concept-shell .minimal-lobby:not(.view-home){padding:30px 20px 0}}@media (prefers-reduced-motion:reduce){.showcase-hero .showcase-motion{animation:none}.site-nav button,.site-nav button:after{transition:none}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.club-shell.concept-shell .history-panel{background:0 0;border:0;border-radius:0;padding:0;overflow:visible}.club-shell.concept-shell .history-row{border:1px solid var(--ui-border);background:var(--ui-panel);border-radius:14px;margin-top:10px;padding:18px 20px}.player-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 34px;display:grid}.player-stat{background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:18px;min-width:0;padding:23px;position:relative}.player-stat dt{color:var(--ui-text-secondary);align-items:center;gap:10px;font-size:14px;font-weight:550;display:flex}.stat-symbol{background:var(--ui-subtle);color:#9db6d6;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.stat-gold .stat-symbol{color:var(--ui-gold-text);background:var(--ui-gold-bg)}.stat-green .stat-symbol{color:#97c5a9}:root[data-theme=light] .stat-symbol{color:#43688f}:root[data-theme=light] .stat-green .stat-symbol{color:#3c7752}:root[data-theme=light] .stat-gold .stat-symbol{color:#8c641f}.player-stat dd{margin:19px 0 0}.player-stat dd strong{color:var(--ui-text);letter-spacing:-1.5px;font-variant-numeric:tabular-nums;font-size:clamp(30px,3.5vw,42px);font-weight:700;line-height:1.1;display:block}.player-stat dd>span{color:var(--ui-muted);margin-top:10px;font-size:12px;line-height:1.5;display:block}.history-list-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;display:flex}.history-list-heading h2{letter-spacing:-.4px;font-size:19px}.history-list-heading>span{color:var(--ui-muted);font-size:12px}.player-stats-compact{gap:8px;margin-bottom:4px}.player-stats-compact .player-stat{background:var(--ui-subtle);border-radius:12px;padding:15px 12px}.player-stats-compact dt{gap:5px;font-size:11px}.player-stats-compact .stat-symbol{background:0 0;border-radius:0;width:20px;height:20px}.player-stats-compact .stat-symbol svg{width:15px;height:15px}.player-stats-compact dd{margin-top:10px}.player-stats-compact dd strong{letter-spacing:-.8px;font-size:26px}@media (width<=600px){.player-stats{gap:10px;margin-bottom:25px}.player-stat{border-radius:14px;padding:16px 12px}.player-stat dt{flex-direction:column;align-items:flex-start;gap:9px;font-size:12px}.player-stat dd{margin-top:15px}.player-stat dd strong{letter-spacing:-1px;font-size:29px}.player-stat dd>span{margin-top:8px;font-size:10px}.history-list-heading{flex-direction:column;align-items:flex-start;gap:7px}.player-stats-compact dt{flex-direction:row;gap:5px;font-size:10px}.player-stats-compact .player-stat{padding:12px 9px}.player-stats-compact dd strong{font-size:24px}}.ranking-panel{scroll-margin-top:100px}.ranking-panel:focus:not(:focus-visible){outline:none}.ranking-pagination{border-top:1px solid var(--ui-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.ranking-pagination>p{color:var(--ui-text-secondary);font-variant-numeric:tabular-nums;margin:0;font-size:12px}.ranking-page-controls{align-items:center;gap:12px;display:flex}.ranking-page-button{border:1px solid var(--ui-border);background:var(--ui-panel);min-height:40px;color:var(--ui-text);border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 13px;font-size:12px;font-weight:550;transition:background .18s,border-color .18s;display:inline-flex}.ranking-page-button:hover:not(:disabled){background:var(--ui-soft);border-color:var(--ui-text-secondary)}.ranking-page-button:disabled{opacity:.4;cursor:default}.ranking-page-number{text-align:center;min-width:42px;color:var(--ui-text-secondary);font-variant-numeric:tabular-nums;font-size:12px}@media (width<=600px){.ranking-pagination{justify-content:center;gap:12px;padding:18px 12px}.ranking-pagination>p{text-align:center;width:100%}}@media (prefers-reduced-motion:reduce){.ranking-page-button{transition:none}}.site-online{white-space:nowrap;color:var(--ui-text-secondary);font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin-right:5px;font-size:11px;display:inline-flex}.site-online>i,.player-presence>i{background:var(--ui-muted);border-radius:50%;flex:0 0 6px;width:6px;height:6px}.site-online.is-available>i,.player-presence.is-online>i{background:#80b794}.player-profile-link{color:inherit;text-align:left;min-width:0;font:inherit;background:0 0;border:0;border-radius:8px;padding:0}.player-profile-link:hover strong,.player-profile-link:hover h3{text-underline-offset:4px;text-decoration:underline}.player-profile-link:focus-visible{outline:2px solid var(--club-gold);outline-offset:5px}.seat-profile-button{color:inherit;background:0 0;border:0;border-radius:50%;padding:0}.seat-profile-button:disabled{opacity:1;cursor:default}.public-player-profile{gap:22px;display:grid}.public-player-heading{align-items:center;gap:20px;min-width:0;display:flex}.public-player-heading>div{min-width:0}.public-player-heading h3{letter-spacing:-.6px;color:var(--ui-text);overflow-wrap:anywhere;margin:0 0 8px;font-size:25px;line-height:1.2}.player-presence{color:var(--ui-text-secondary);align-items:center;gap:7px;font-size:12px;display:inline-flex}.public-player-details{color:var(--ui-text-secondary);flex-wrap:wrap;gap:12px 20px;font-size:12px;display:flex}.public-player-details>span{align-items:center;gap:7px;display:inline-flex}.public-player-profile .player-stats{gap:10px;margin:0}.public-player-profile .player-stat{padding:16px 12px}.public-player-profile .player-stat dt{gap:6px;font-size:11px}.public-player-profile .stat-symbol{flex-shrink:0;width:22px;height:22px}.public-player-profile .stat-symbol svg{width:15px;height:15px}.public-player-profile .player-stat dd strong{overflow-wrap:anywhere;font-size:27px}.public-player-profile .player-stat dd>span{font-size:10px}.public-player-actions{flex-wrap:wrap;gap:10px;display:flex}.public-player-actions .button{flex:1;min-width:170px;font-size:12px}.player-profile-message{color:var(--ui-text-secondary);margin:0;font-size:13px;line-height:1.7}.player-share-fallback{gap:8px;font-size:12px;display:grid}.player-share-fallback input{width:100%;min-width:0}@media (width<=1100px){.online-caption{display:none}.site-online{margin-right:0}}@media (width<=600px){.site-online{gap:4px;font-size:10px}.public-player-heading{gap:14px}.public-player-heading h3{font-size:22px}}.cover-ember{--cover-accent:#b84d49}.cover-ocean{--cover-accent:#407fa1}.cover-grove{--cover-accent:#47886c}.cover-gold{--cover-accent:#b8954f}.cover-violet{--cover-accent:#8471a2}.profile-cover-art{background:color-mix(in srgb, var(--cover-accent) 18%, var(--ui-subtle));border-radius:16px;height:110px;margin:-2px -4px -12px;position:relative;overflow:hidden}.profile-cover-art>span{letter-spacing:3px;color:var(--ui-text-secondary);font-size:10px;font-weight:750;position:absolute;bottom:18px;left:20px}.profile-cover-art>i,.ranking-cover-art>i{border:2px solid color-mix(in srgb, var(--cover-accent) 75%, transparent);background:color-mix(in srgb, var(--cover-accent) 15%, transparent);border-radius:12px;width:100px;height:148px;position:absolute;top:-45px;right:20px;transform:rotate(30deg)}.profile-cover-art>i:nth-child(2),.ranking-cover-art>i:nth-child(2){top:-20px;right:110px;transform:rotate(48deg)}.profile-cover-art>i:nth-child(3),.ranking-cover-art>i:nth-child(3){top:-10px;right:-60px;transform:rotate(14deg)}.profile-meta-strip{color:var(--ui-text-secondary);flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.profile-meta-strip>span{background:var(--ui-subtle);border-radius:7px;padding:6px 8px}.role-badge{font-size:10px;font-weight:650}.role-owner,.role-admin{color:#d6b879}.role-moderator{color:#9ebce7}.profile-level{border:1px solid var(--ui-border);border-radius:14px;padding:16px}.profile-level>div{justify-content:space-between;gap:12px;font-size:12px;display:flex}.profile-level span{color:var(--ui-text-secondary)}.profile-level progress{width:100%;height:6px;accent-color:var(--club-accent);border:0;border-radius:8px;margin-top:12px;overflow:hidden}.profile-level progress::-webkit-progress-bar{background:var(--ui-soft)}.profile-level progress::-webkit-progress-value{background:var(--club-accent);border-radius:8px}.profile-level p{color:var(--ui-muted);margin:10px 0 0;font-size:11px;line-height:1.6}.profile-cover-picker{font-size:12px}.profile-cover-picker summary{cursor:pointer;color:var(--ui-text-secondary)}.profile-cover-picker>div{gap:9px;padding-top:14px;display:flex}.profile-cover-picker button{border:2px solid #0000;border-radius:8px;width:44px;height:30px}.profile-cover-picker button.selected{border-color:var(--ui-text)}.profile-friend-actions{flex-wrap:wrap;gap:9px;display:flex}.profile-friend-actions .button{font-size:12px}.profile-achievements h3,.profile-friends h3,.profile-comments h3{align-items:center;gap:8px;margin:0 0 15px;font-size:15px;display:flex}.profile-achievements h3>span,.profile-friends h3>span{color:var(--ui-muted);font-size:11px;font-weight:450}.profile-achievements>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.profile-achievements article{border:1px solid var(--ui-border);opacity:.6;border-radius:12px;gap:9px;padding:12px 10px;display:flex}.profile-achievements article.is-unlocked{opacity:1;background:var(--ui-gold-bg);border-color:color-mix(in srgb, var(--ui-gold-text) 25%, transparent)}.profile-achievements article>i{background:var(--ui-soft);border-radius:9px;flex:0 0 30px;place-items:center;height:30px;font-size:13px;font-style:normal;font-weight:750;display:grid}.profile-achievements article b{font-size:11px;line-height:1.4;display:block}.profile-achievements article p{color:var(--ui-text-secondary);margin:4px 0;font-size:10px;line-height:1.5}.profile-achievements article small{color:var(--ui-muted);font-size:9px}.profile-friends>div{flex-wrap:wrap;gap:12px;display:flex}.profile-friends button{justify-items:center;gap:6px;max-width:72px;font-size:10px;display:grid}.profile-friends button>span{text-overflow:ellipsis;white-space:nowrap;max-width:72px;overflow:hidden}.profile-comments form{gap:10px;margin-bottom:20px;display:grid}.profile-comments textarea{resize:vertical;width:100%;min-height:80px;max-height:200px;font:inherit;color:var(--ui-text);background:var(--ui-subtle);border:1px solid var(--ui-border);border-radius:10px;padding:12px;font-size:12px}.profile-comments article{border-top:1px solid var(--ui-border);padding:14px 0;position:relative}.comment-author{align-items:center;gap:8px;width:calc(100% - 30px);font-size:11px;display:flex}.comment-author time{color:var(--ui-muted);margin-left:auto;font-size:9px}.profile-comments article>p{overflow-wrap:anywhere;white-space:pre-wrap;margin:8px 0 0 38px;font-size:12px;line-height:1.7}.comment-delete{color:var(--ui-muted);background:0 0;padding:3px;position:absolute;top:19px;right:0}.notification-bell{border:1px solid var(--ui-border);border-radius:50%;position:relative}.notification-bell>b{color:#171b20;border:2px solid var(--ui-bg);background:#cfb47b;border-radius:20px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;display:grid;position:absolute;top:-5px;right:-4px}.community-tabs,.ranking-categories{background:var(--ui-subtle);border:1px solid var(--ui-border);border-radius:100px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.community-tabs button,.ranking-categories button{min-height:37px;color:var(--ui-text-secondary);background:0 0;border-radius:100px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:650;display:flex}.community-tabs button.active,.ranking-categories button.active{background:var(--club-accent);color:#fff}.notification-list{margin-top:18px;display:grid}.notification-list>button{text-align:left;border-top:1px solid var(--ui-border);color:var(--ui-text-secondary);background:0 0;align-items:start;gap:10px;padding:14px 8px;font-size:12px;line-height:1.6;display:flex}.notification-list>button>i{background:0 0;border-radius:50%;flex:0 0 5px;height:5px;margin-top:7px}.notification-list>button.is-unread>i{background:var(--club-accent)}.notification-list time{color:var(--ui-muted);margin-top:5px;font-size:10px;display:block}.community-person{text-align:left;width:100%;color:var(--ui-text);background:0 0;align-items:center;gap:12px;padding:12px 0;display:flex}.community-person small{color:var(--ui-muted);margin-top:4px;font-size:10px;display:block}.community-list-heading{margin-top:24px}.club-shell.concept-shell .v2-ranking{background:0 0;border:0;padding:0}.club-shell.concept-shell .v2-ranking .v2-ranking-row{isolation:isolate;background:var(--ui-panel);border-radius:22px;justify-content:space-between;min-height:82px;margin:7px 0;padding:17px 23px;display:flex;position:relative;overflow:hidden}.v2-ranking .rank-player{z-index:1;flex:1}.ranking-cover-art{z-index:-1;opacity:.6;background:linear-gradient(115deg, transparent, color-mix(in srgb, var(--cover-accent) 20%, transparent));position:absolute;inset:0 0 0 45%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 35%);mask-image:linear-gradient(90deg,#0000,#000 35%)}.ranking-cover-art>i{width:110px;height:150px;top:-40px;right:28%}.ranking-cover-art>i:nth-child(2){right:45%}.ranking-cover-art>i:nth-child(3){right:10%}.ranking-rating{text-align:right;flex-shrink:0;padding-left:16px;position:relative}.ranking-rating>b{font-variant-numeric:tabular-nums;letter-spacing:-.8px;font-size:24px;font-weight:800;display:block}.ranking-rating>span{letter-spacing:1px;color:var(--ui-text-secondary);font-size:9px;font-weight:650}.ranking-own-row{text-align:left;background:var(--ui-soft);width:100%;color:var(--ui-text);border-radius:20px;align-items:center;gap:13px;margin-top:14px;padding:18px 23px;display:flex}.ranking-own-row>b{font-size:13px}.ranking-own-row small{color:var(--ui-muted);margin-top:4px;font-size:10px;font-weight:450;display:block}.ranking-own-row>span{color:var(--ui-gold-text);margin-left:auto;font-size:22px;font-weight:750}.admin-dashboard{gap:24px;display:grid}.admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.admin-metrics article{border:1px solid var(--ui-border);border-radius:12px;padding:15px}.admin-metrics b{font-size:25px;display:block}.admin-metrics span{color:var(--ui-muted);font-size:10px}.admin-dashboard h3{align-items:center;gap:8px;margin-bottom:12px;font-size:15px;display:flex}.admin-visit-list{max-height:240px;font-size:11px;overflow-y:auto}.admin-visit-list>div{border-bottom:1px solid var(--ui-border);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.admin-visit-list time{color:var(--ui-muted)}.admin-users{max-height:240px;display:grid;overflow-y:auto}.admin-users>button{text-align:left;color:var(--ui-text);border-bottom:1px solid var(--ui-border);background:0 0;justify-content:space-between;gap:15px;padding:12px 0;font-size:11px;display:flex}.admin-users>button>span{color:var(--ui-muted)}.email-code-flow>.text-link{align-items:center;gap:8px;margin-bottom:18px;display:flex}.email-sent{background:var(--ui-subtle);text-align:center;border-radius:14px;padding:18px}.email-sent svg{color:var(--ui-gold-text);margin:0 auto 10px;display:block}.email-sent b{font-size:18px;display:block}.email-sent p{color:var(--ui-text-secondary);margin-top:9px;font-size:12px;line-height:1.7}.google-sign-in{margin-bottom:18px}.google-sign-in>b{font-size:19px}.ranking-policy-note{background:var(--ui-subtle);color:var(--ui-text-secondary);border-radius:10px;margin:0 0 8px;padding:12px 14px;font-size:12px;line-height:1.6}.brand-version{color:var(--ui-muted);vertical-align:top;letter-spacing:0;margin-left:5px;font-size:9px;font-weight:650}.language-switcher{padding-inline:7px;font-size:10px;font-weight:700}.v2-ranking-row{animation:.22s ease-out ranking-row-arrive}@keyframes ranking-row-arrive{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0}}@media (width<=600px){.site-sound,.site-rules{display:none}.site-online{font-size:9px;position:absolute;bottom:3px;left:20px}.site-online .online-caption{display:inline}.in-game .site-online{display:none}.profile-achievements>div{grid-template-columns:1fr}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-categories button{gap:5px;font-size:10px}.club-shell.concept-shell .v2-ranking .v2-ranking-row{border-radius:16px;padding:15px 12px}.ranking-rating>b{font-size:21px}.ranking-rating>span{font-size:8px}.ranking-own-row{padding:15px 12px}}