@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;650;700;750;800&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{font-family:Manrope,Arial,sans-serif;color:#272923;background:#faf7ef;font-synthesis:none;--blue:#1c69db;--muted:#818077;--line:#e8e3d8;--cream:#faf7ef}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #2675e3;outline-offset:4px}button{border:0;background:none}a{color:inherit}input{width:100%;background:#fffdf8;border:1px solid #d9d3c7;border-radius:12px;padding:14px 16px;min-height:50px;outline:none}input:focus{border-color:#3077da}.app{min-height:100vh;background:#faf7ef url(/assets/table.webp) center top/cover fixed no-repeat;display:flex;flex-direction:column}.header{min-height:95px;display:flex;align-items:center;gap:52px;padding:0 4.6%;border-bottom:1px solid rgba(214,205,185,.45);background:#faf7efe0;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:8px;position:relative;padding:0 0 14px}.brand>svg{color:#e33f35;transform:rotate(-12deg)}.brand>span{font-size:30px;letter-spacing:-1.6px;font-weight:800;color:#20231e}.brand>i{font-style:normal;font-size:9px;letter-spacing:2.5px;position:absolute;bottom:0;left:42px;white-space:nowrap;color:#858375}.header nav{display:flex;gap:32px;align-self:stretch}.header nav button{font-size:15px;font-weight:650;position:relative;padding:0}.header nav button.nav-active:after{content:"";height:4px;background:#edb523;border-radius:4px;position:absolute;bottom:22px;left:0;right:0}.header-right{margin-left:auto;display:flex;gap:24px;align-items:center}.invite-btn{display:flex;align-items:center;gap:9px;padding:10px 13px;background:#f0eadf;border-radius:30px;font-size:12px;font-weight:700}.invite-btn b{display:flex;align-items:center;gap:5px;padding:3px 7px;background:#fff9;border-radius:15px;margin-left:4px}.rules-btn{display:flex;gap:7px;align-items:center;font-size:12px}.profile{border-radius:50%;background:#e9eadf;width:37px;height:37px;display:grid;place-items:center;font-size:13px;font-weight:800}.primary,.secondary,.last-btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:14px;padding:17px 23px;font-weight:750;font-size:14px;min-height:55px;transition:transform .15s,background .15s,box-shadow .15s}.primary{background:var(--blue);color:#fff;box-shadow:0 4px #1459bd,0 7px 17px #1c69db20}.primary:hover:not(:disabled){background:#185fc8;transform:translateY(-2px)}.primary:disabled,.secondary:disabled,.last-btn:disabled{opacity:.45;box-shadow:none}.secondary{background:#fffcf5;border:1px solid #dcd5c9;box-shadow:0 3px #e6dfd3}.secondary:hover:not(:disabled){background:#f3ede2}.text-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;padding:9px 0}.text-btn:hover{text-decoration:underline}.icon-btn{padding:5px;display:grid;place-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;display:flex;align-items:center;gap:9px;color:#7b796d;margin-bottom:20px}.live-dot{height:7px;width:7px;background:#4a9b61;border-radius:50%;display:inline-block;flex-shrink:0}h1{font-size:clamp(35px,3.5vw,54px);line-height:1.22;letter-spacing:-2.2px;margin:0;font-weight:800}h2{font-size:24px;line-height:1.3;letter-spacing:-.6px}.intro{font-size:15px;line-height:1.85;color:#78796e;margin:22px 0 32px}.lobby{max-width:1240px;width:88%;margin:0 auto;flex:1}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:610px;padding-top:16px}.hero-copy{position:relative;z-index:1;padding-top:20px}.hero h1 span{color:#72786a}.hero-art{min-height:440px;position:relative;display:flex;align-items:center;justify-content:center}.sample-hand{display:flex;align-items:center;margin-right:35px;margin-top:5px}.sample-hand>div{margin-right:-48px;transform-origin:bottom center}.sample-hand .card{width:128px;height:192px}.sample-hand .card-value{font-size:85px}.paper-note{position:absolute;right:5px;top:18px;font-size:16px;line-height:1.7;font-style:italic;color:#8b8d79;transform:rotate(8deg)}.art-caption{position:absolute;bottom:38px;font-size:11px;color:#8b877c;letter-spacing:.4px}.play-actions{display:flex;flex-wrap:wrap;gap:14px;max-width:485px}.join-link{flex-basis:100%;justify-content:flex-start;color:#696f63;margin:6px 0}.hero-facts{display:flex;gap:20px;margin-top:31px;color:#7e8073;font-size:10px}.hero-facts span+span:before{content:"·";margin-right:20px}.name-inline{max-width:440px}.name-inline label{display:block;font-size:12px;font-weight:700;margin-bottom:10px}.name-inline>div{display:flex;gap:10px}.name-inline button{white-space:nowrap}.name-inline p{font-size:10px;color:#8c887c;margin:13px 0}.quick-rules{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:30px;border-top:1px solid #ddd7c9;padding:30px 0 40px}.quick-rules>div{position:relative;padding-left:34px}.quick-rules>div>span{position:absolute;left:0;top:2px;font-size:12px;color:#af9c75;font-weight:700}.quick-rules h3{font-size:13px;margin:0 0 8px;font-weight:800}.quick-rules p{font-size:11px;color:#828275;margin:0;line-height:1.8;max-width:200px}.quick-rules>button{display:flex;gap:13px;align-items:center;font-size:12px;font-weight:650}footer{display:flex;justify-content:space-between;align-items:center;min-height:75px;padding:0 5%;border-top:1px solid #e5dfd2;color:#9a9589;font-size:10px;background:#faf7efb0}footer>span:first-child{font-weight:800;letter-spacing:1px;color:#6d6e60}footer i{font-style:normal;font-weight:400;letter-spacing:0;margin-left:15px;color:#a39b8b}footer button{display:flex;gap:6px;align-items:center;font-size:10px}.loading{min-height:65vh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#8b8879}.error-banner{position:relative;z-index:10;padding:12px 5%;background:#fff0e8;border-bottom:1px solid #eac6b3;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#943b2c}.error-banner button{display:grid;place-items:center}.game-page{max-width:1320px;margin:auto;width:92%;flex:1}.game-topline{display:flex;justify-content:space-between;align-items:center;padding:15px 0 2px;color:#8f8b7f;font-size:10px}.game-topline>span{display:flex;align-items:center;gap:10px}.game-topline i{width:3px;height:3px;border-radius:50%;background:#b7ad98}.game-table{height:745px;position:relative}.opponent{position:absolute;z-index:1}.opponent.pos-0{top:3px;left:50%;transform:translate(-50%)}.opponent.pos-1{left:3%;top:220px}.opponent.pos-2{right:3%;top:220px}.player-info{display:flex;align-items:center;gap:13px;justify-content:center}.player-info strong,.self-info strong{font-size:15px;display:block;font-weight:800}.player-info>div>span,.self-info>div>span{display:block;font-size:11px;color:#91897d;margin-top:4px}.player-info small{font-size:9px;color:#71936a;display:block;margin-top:5px}.avatar{width:57px;height:57px;border-radius:50%;position:relative;border:3px solid #f2d28a;background:#efe4c6;flex-shrink:0;box-shadow:0 2px 7px #74674514;display:grid;place-items:center}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar>span:not(.bot-badge):not(.reaction-bubble){font-size:22px;color:#737c5a;font-weight:750}.a1{background:#dbeaf1;border-color:#b4d7eb}.a2{background:#e4ecca;border-color:#c5d8a4}.a3{background:#f8dc9b;border-color:#e9b642}.presence{height:10px;width:10px;background:#56a268;border:2px solid #faf7ef;position:absolute;right:0;bottom:0;border-radius:50%}.bot-badge{position:absolute;bottom:-5px;left:-3px;width:20px;height:20px;border-radius:50%;background:#faf7ef;display:grid;place-items:center;color:#9c9d8a;border:1px solid #e3dbcd}.active-player .avatar{outline:3px solid #eabe4a;outline-offset:4px}.opponent-cards{display:flex;justify-content:center;margin:16px 10px 0 0;padding:0 12px}.back-card{width:56px;height:82px;overflow:hidden;box-shadow:0 3px 1px #c0b6a7,0 5px 10px #4b392a17;border-radius:7px;background:#f8f2e7;flex-shrink:0;display:block}.back-card img{width:100%;height:100%;object-fit:fill;display:block}.opponent-cards .back-card{margin-right:-23px;transform-origin:bottom center}.opponent.pos-0 .back-card{width:49px;height:73px}.opponent.pos-0 .opponent-cards{margin-top:10px}.center-play{position:absolute;top:207px;left:50%;transform:translate(-50%);text-align:center;z-index:2}.turn-caption{font-size:12px;font-weight:700;display:flex;gap:7px;align-items:center;justify-content:center;margin-bottom:15px;color:#747866}.piles{display:flex;align-items:center;gap:17px;justify-content:center}.pile>span{font-size:10px;color:#9a9183;display:block;margin-top:17px}.pile>span>b{display:block;font-weight:600;font-size:11px;color:#7d7e70;margin-top:3px}.draw-pile{padding:0;transform:rotate(-5deg);display:block;box-shadow:0 3px #e6dccb,0 5px #c5bbaa,0 8px #e4d8c5;border-radius:10px}.draw-pile:disabled{opacity:1}.draw-pile:not(:disabled):hover{transform:rotate(-5deg) translateY(-5px)}.draw-pile .back-card{width:99px;height:145px;border-radius:10px}.discard{transform:rotate(5deg);box-shadow:0 4px #ded3c1,0 6px #bdb19d;border-radius:10px}.direction{color:#b5aa90;margin-top:-37px}.turn-hint{font-size:10px;color:#aaa08e;margin:20px -80px 0}.card{position:relative;width:99px;height:145px;border-radius:10px;border:6px solid #fffcf3;box-shadow:0 2px #cabca5,0 4px 9px #4d392a18;background:#e23a32;color:#fff;display:block;flex-shrink:0;padding:0;transition:transform .18s,box-shadow .18s;overflow:hidden}.card.red,.color-picker .red{background:#e24236}.card.yellow,.color-picker .yellow{background:#efbb29;color:#594318}.card.blue,.color-picker .blue{background:#2677cf}.card.green,.color-picker .green{background:#4b9a56}.card.wild{background:#343d3d}.card:disabled{opacity:1}.corner{position:absolute;top:6px;left:6px;font-size:16px;line-height:1;font-weight:800}.corner svg{width:16px;height:16px}.corner.bottom{top:auto;left:auto;bottom:6px;right:6px;transform:rotate(180deg)}.card-value{font-size:65px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:800;letter-spacing:-4px}.card-value svg{width:53px;height:53px}.card.wild .card-value,.card:has(.card-value):is(.green,.red,.blue) .card-value{letter-spacing:-4px}.card .card-value:has(svg){letter-spacing:0}.card.available{box-shadow:0 2px #cabca5,0 0 0 2px #5190e64a,0 7px 13px #2b62b21c}.card.available:hover:not(:disabled){transform:translateY(-18px);box-shadow:0 2px #cabca5,0 0 0 2px #3f83db,0 15px 23px #294b6630}.your-place{position:absolute;left:0;right:0;top:464px;text-align:center}.self-info{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:19px;min-height:56px;position:relative}.self-info>div{text-align:left}.self-avatar{width:49px;height:49px}.self-info strong{font-size:13px;display:flex;gap:9px;align-items:center}.turn-badge{font-size:8px;color:#6c854b;background:#e9eddc;border-radius:20px;padding:4px 7px;font-weight:700}.timer{font-size:10px;color:#b2a791;position:absolute;left:calc(50% + 115px)}.hand{display:flex;justify-content:center;padding:8px 15px 18px;min-height:168px;max-width:100%;overflow:visible}.hand-item{transform:translateY(var(--lift)) rotate(var(--rotation));margin:0 -5px;transform-origin:bottom center;position:relative}.hand-item:hover{z-index:4}.hand .card:not(.available){filter:saturate(.75)}.hand .card{width:91px;height:132px}.hand .card-value{font-size:59px}.hand .card-value svg{width:46px;height:46px}.hand.many-cards{overflow-x:auto;justify-content:flex-start;max-width:850px;margin:auto;padding:15px 20px;min-height:168px}.hand.many-cards .hand-item{margin:0 -15px}.game-actions{display:flex;justify-content:center;gap:15px;margin-top:14px}.game-actions .primary,.last-btn{min-width:210px;font-size:14px;min-height:54px;padding:14px 24px;border-radius:35px}.last-btn{background:#e64339;color:#fff;box-shadow:0 4px #c52e29,0 6px 12px #cb4d2822}.last-btn:hover:not(:disabled){background:#d8352d;transform:translateY(-2px)}.last-btn.announced{background:#4e9356}.hand-hint{font-size:9px;color:#a39986;margin-top:17px}.game-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e3ddcf;padding:17px 0;font-size:9px;color:#9c9587;align-items:center}.game-bottom>span:first-child{display:flex;align-items:center;gap:6px}.game-bottom .live-dot{width:5px;height:5px}.last-move{color:#7f8271;text-align:center}.game-bottom>span:last-child{font-size:8px;letter-spacing:1px}.records-page,.waiting-page{width:82%;max-width:1050px;margin:35px auto 65px;min-height:65vh;flex:1}.records-page>.eyebrow,.waiting-page>.eyebrow{margin-top:36px}.records-page h1,.waiting-page h1{font-size:45px}.records-page .intro,.waiting-page .intro{margin-top:15px}.tabs{display:flex;border-bottom:1px solid #ddd5c7;gap:30px;margin-top:28px;margin-bottom:20px}.tabs button{display:flex;align-items:center;gap:9px;padding:16px 2px;font-size:13px;color:#878776;border-bottom:3px solid transparent}.tabs button.selected{border-color:#e7b73e;color:#292f25;font-weight:800}.tabs svg{width:18px;height:18px}.score-table-wrap{overflow-x:auto}.score-table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}.score-table th{font-size:10px;font-weight:600;color:#969180;padding:15px}.score-table td{padding:19px 15px;border-top:1px solid #e7e0d2}.score-table th:not(:nth-child(2)),.score-table td:not(:nth-child(2)){text-align:center}.score-table td:nth-child(2){display:flex;align-items:center;gap:12px;min-width:180px}.score-table tr.own{background:#eeeedeaa}.rank-initial{border-radius:50%;width:33px;height:33px;display:grid;place-items:center;background:#e6e8d6;color:#7e8962;font-weight:700}.score-table small{font-size:9px;color:#969a82}.gold{color:#dbaf35;font-size:25px}.empty-state{text-align:center;padding:44px 20px 50px;color:#999b81}.empty-state h2{color:#444c36;font-size:23px}.empty-state p{font-size:13px;margin-bottom:25px}.fine-print{font-size:11px;line-height:1.8;color:#9a9383;margin:23px 0}.room-code{display:flex;align-items:center;gap:20px;margin:25px 0 40px}.room-code>span{font-size:9px;letter-spacing:1px;color:#a49a87}.room-code strong{font-size:24px;letter-spacing:4px}.room-code .secondary{padding:10px 15px;min-height:40px;font-size:11px}.seats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;margin:45px 0}.seat{padding:24px 10px;border-top:1px solid #e2ddce;border-bottom:1px solid #e2ddce}.seat .avatar{margin:auto;width:70px;height:70px}.seat h3{font-size:13px;margin:20px 0 5px}.seat p{font-size:10px;color:#9c9787}.empty-avatar{width:70px;height:70px;border-radius:50%;border:1px dashed #d6cfbe;display:grid;place-items:center;margin:auto;color:#b6ae9b}.seat:not(.occupied) h3{color:#a39e8d;font-weight:500}.start-area{text-align:center;padding-top:10px}.check-label{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;color:#7d806b;margin-bottom:24px}.check-label input{width:16px;height:16px;min-height:0;accent-color:#5c8a54}.start-area p,.waiting-note{color:#9e9687;font-size:11px;text-align:center}.waiting-note{margin-top:40px}.start-area .primary{min-width:230px}dialog{padding:27px 30px 30px;width:calc(100% - 30px);max-width:520px;max-height:88vh;border:1px solid #e4dcc9;border-radius:22px;background:#fcf9f1;color:#35382b;box-shadow:0 25px 100px #30291c30}dialog::backdrop{background:#2d302649;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-head{display:flex;align-items:flex-start;gap:20px;justify-content:space-between;margin-bottom:22px}.modal-head h2{margin:0;max-width:355px;font-size:25px}.modal-head .icon-btn{flex-shrink:0;color:#85866e}dialog>p,dialog>form>p{font-size:13px;color:#878675;line-height:1.8}.field-label{display:block;margin:20px 0 9px;font-size:11px;font-weight:700}.full{width:100%;margin-top:15px}.rules-content{max-height:52vh;overflow:auto;padding-right:10px;font-size:12px;line-height:1.8;color:#8b8678}.rules-content h3{font-size:13px;color:#454b34;margin-top:25px}.rules-lead{font-size:15px;color:#686f53}.special-rules{border-top:1px solid #e3ddce;margin-top:22px}.special-rules>div{display:grid;grid-template-columns:25px 110px 1fr;gap:12px;align-items:start;border-bottom:1px solid #e3ddce;padding:14px 0;font-size:11px}.special-rules svg{font-size:22px;color:#82886a}.special-rules strong{font-size:11px;color:#62694e}.rule-symbol{font-weight:800;color:#697a51}.color-picker{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0 5px}.color-picker button{padding:25px 10px;border-radius:12px;color:#fff;font-size:13px;font-weight:700}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#343e2c;color:#fff;padding:14px 23px;border-radius:35px;z-index:100;box-shadow:0 8px 30px #323a3425;display:flex;gap:10px;align-items:center;font-size:12px}@media(min-width:1600px){.game-table{height:790px}.center-play{top:230px}.your-place{top:490px}.opponent.pos-1,.opponent.pos-2{top:240px}.hero{min-height:680px}}@media(max-width:1050px){.header{padding:0 3%;gap:30px}.header-right{gap:15px}.rules-btn span{display:none}.brand>span{font-size:25px}.brand>i{font-size:8px;letter-spacing:2px}.hero{grid-template-columns:1.1fr .9fr;min-height:570px}.hero-art .card{width:100px;height:155px}.sample-hand>div{margin-right:-45px}.hero-art .card-value{font-size:65px}.hero-art{min-height:390px}.paper-note{font-size:12px;right:-10px;top:35px}.art-caption{font-size:9px}.hero h1{font-size:40px}.hero .intro{font-size:13px}.play-actions .primary,.play-actions .secondary{font-size:12px;padding:15px}.game-table{height:745px}.opponent.pos-1{left:0;top:216px}.opponent.pos-2{right:0;top:216px}.opponent .avatar{width:43px;height:43px}.player-info{gap:9px}.player-info strong{font-size:12px}.player-info>div>span{font-size:9px}.opponent-cards .back-card{width:39px;height:60px;margin-right:-21px}.player-info small{font-size:8px}.game-bottom>span:last-child{display:none}.game-page{width:94%}.quick-rules{gap:15px}.quick-rules p{font-size:10px}.quick-rules>button{font-size:10px}.invite-btn{font-size:10px}.header nav{gap:25px}.header nav button{font-size:13px}}@media(max-width:700px){.app{background-size:auto 100vh;background-position:center top}.header{height:77px;min-height:77px;gap:20px;padding:0 5%}.brand{gap:3px;padding-bottom:9px}.brand>svg{width:24px}.brand>span{font-size:22px;letter-spacing:-1px}.brand>i{left:29px;font-size:6px;letter-spacing:1.8px}.header nav{gap:18px}.header nav button{font-size:11px}.header nav button.nav-active:after{bottom:14px;height:3px}.header-right{gap:8px}.rules-btn{display:none}.profile{width:29px;height:29px;font-size:11px}.invite-btn{padding:7px;gap:0;background:none}.invite-btn>span,.invite-btn>b{display:none}.invite-btn svg{width:18px}.lobby{width:88%}.hero{display:flex;flex-direction:column;min-height:0;padding-top:39px}.hero-copy{padding:0;width:100%}.eyebrow{font-size:7px;letter-spacing:1.4px;margin-bottom:17px}.hero h1{font-size:34px;letter-spacing:-1.6px}.intro{font-size:13px!important;line-height:1.8;margin:17px 0 25px}.hero-art{min-height:270px;width:100%;padding-bottom:10px;margin:15px 0 0;order:2}.sample-hand{margin-right:30px}.hero-art .card{width:86px;height:132px;border-width:5px}.hero-art .card-value{font-size:55px}.sample-hand>div{margin-right:-29px}.paper-note{font-size:10px;right:0;top:6px}.art-caption{font-size:8px;bottom:8px}.play-actions{gap:10px}.play-actions .primary,.play-actions .secondary{flex:1;min-width:140px;padding:14px 10px;font-size:11px}.play-actions svg{width:17px}.join-link{margin:5px 0 0;font-size:11px!important}.hero-facts{gap:10px;margin-top:22px;font-size:8px}.hero-facts span+span:before{margin-right:10px}.quick-rules{grid-template-columns:1fr;gap:24px;margin-top:13px;padding:26px 0 30px}.quick-rules p{font-size:11px;max-width:none}.quick-rules h3{font-size:12px}.quick-rules>div{padding-left:37px}.quick-rules>button{justify-content:flex-start;padding-left:37px}.name-inline input{font-size:12px;width:55%}.name-inline button{font-size:12px;padding:12px 16px}.name-inline p{font-size:9px}footer{flex-wrap:wrap;gap:20px;padding:22px 6%;min-height:100px;font-size:8px}footer i{display:none}footer>span:last-child{width:100%;font-size:8px}.game-page{width:95%}.game-topline{padding:12px 3% 0}.game-topline .text-btn{font-size:9px}.game-topline>span{font-size:8px}.game-topline>span i,.game-topline>span{gap:0}.game-topline>span{max-width:120px;overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis}.game-topline>.text-btn:last-child{display:none}.game-table{height:730px}.opponent.pos-0{top:16px}.opponent.pos-1{top:170px;left:2%}.opponent.pos-2{top:170px;right:2%}.player-info{gap:7px}.opponent.pos-1 .player-info,.opponent.pos-2 .player-info{flex-direction:column;text-align:center}.opponent .avatar{width:39px;height:39px;border-width:2px}.player-info strong{font-size:11px}.player-info>div>span{font-size:8px;margin-top:3px}.player-info small{font-size:7px}.opponent.pos-0 .back-card{width:32px;height:48px}.opponent-cards{margin:13px 4px 0 0;padding:0 10px}.opponent-cards .back-card{width:26px;height:40px;margin-right:-17px;border-radius:4px}.opponent.pos-0 .back-card{margin-right:-16px}.center-play{top:194px}.turn-caption{font-size:10px;white-space:nowrap;margin-bottom:17px}.draw-pile .back-card{width:62px;height:93px;border-radius:7px}.discard .card{width:62px;height:93px;border-width:4px;border-radius:7px}.discard .card-value{font-size:41px;letter-spacing:-3px!important}.discard .card-value svg{width:32px;height:32px}.discard .corner{font-size:10px;left:3px;top:4px}.discard .corner.bottom{left:auto;right:3px;top:auto;bottom:4px}.discard .corner svg{width:10px;height:10px}.piles{gap:8px}.direction svg{width:17px}.direction{margin-top:-40px}.pile>span{font-size:8px;margin-top:13px}.pile>span>b{font-size:9px}.turn-hint{font-size:8px;margin-top:15px;margin-left:-32px;margin-right:-32px;max-width:240px;line-height:1.6}.your-place{top:416px}.self-info{min-height:42px;gap:10px;margin-bottom:19px}.self-avatar{width:39px;height:39px}.self-info strong{font-size:11px}.self-info>div>span{font-size:9px}.self-info .turn-badge{font-size:7px;padding:3px 6px}.timer{font-size:8px;left:calc(50% + 97px)}.hand{min-height:142px;padding:8px 8px 18px;overflow-x:auto;justify-content:center}.hand-item{margin:0 -10px}.hand .card{width:61px;height:94px;border-width:4px;border-radius:7px}.hand .card-value{font-size:39px;letter-spacing:-3px!important}.hand .card-value svg{width:32px;height:32px}.hand .corner{font-size:11px;top:5px;left:4px}.hand .corner.bottom{top:auto;left:auto;right:4px;bottom:5px}.hand .corner svg{width:11px;height:11px}.hand:has(.hand-item:nth-child(9)){justify-content:flex-start;padding-left:18px}.hand.many-cards{min-height:142px}.hand.many-cards .hand-item{margin:0 -13px}.game-actions{gap:10px;margin-top:5px;padding:0 14px}.game-actions .primary,.last-btn{min-width:0;min-height:47px;font-size:11px;padding:12px 17px;flex:1;max-width:180px}.game-actions svg{width:20px;height:20px}.hand-hint{font-size:8px;line-height:1.7;margin:17px auto 0;max-width:310px}.game-bottom{padding:13px 7px;gap:15px;font-size:8px;align-items:flex-start;line-height:1.6}.game-bottom>span:first-child{flex-shrink:0}.last-move{max-width:200px;text-align:right}.records-page,.waiting-page{width:88%;margin:25px auto 40px}.records-page h1,.waiting-page h1{font-size:32px;letter-spacing:-1.5px}.records-page>.eyebrow,.waiting-page>.eyebrow{margin-top:25px}.score-table{font-size:11px}.score-table th{padding:12px 8px;font-size:8px}.score-table td{padding:15px 7px}.score-table td:nth-child(2){gap:7px;min-width:135px}.rank-initial{width:27px;height:27px}.score-table small{font-size:7px}.score-table .gold{font-size:21px}.tabs{gap:25px}.tabs button{font-size:11px}.empty-state{padding:30px 0}.empty-state h2{font-size:21px}.empty-state p{font-size:11px}.fine-print{font-size:10px}.room-code{flex-wrap:wrap;gap:14px;margin-bottom:20px}.room-code strong{font-size:20px;letter-spacing:3px}.room-code .secondary{font-size:10px}.seats{grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}.seat{padding:18px 5px}.seat .avatar,.empty-avatar{width:54px;height:54px}.seat h3{font-size:11px;margin-top:14px}.seat p{font-size:9px}.check-label{font-size:10px}.start-area p{font-size:9px}dialog{padding:24px 23px;border-radius:17px}.modal-head h2{font-size:23px}.special-rules>div{grid-template-columns:20px 88px 1fr;gap:9px}.special-rules strong,.special-rules>div{font-size:10px}.toast{font-size:10px;max-width:90%;white-space:nowrap}.error-banner{font-size:11px;gap:10px;padding:12px 5%}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.modal-error{background:#fff0e8!important;color:#943b2c!important;border:1px solid #edcdbd;border-radius:10px;padding:10px 13px;font-size:12px!important}.hand-item .card{animation:card-deal .52s cubic-bezier(.22,1,.36,1) backwards;animation-delay:var(--deal-delay,0ms)}.opponent-cards .back-card{animation:back-deal .42s cubic-bezier(.22,1,.36,1) both}.discard .card{animation:discard-land .42s cubic-bezier(.22,1,.36,1)}.active-player .avatar{animation:turn-arrives .55s ease-out}.last-btn.announced{animation:announcement .38s ease-out}.hand-item{will-change:translate}.card:active:not(:disabled){scale:.96}.draw-pile{transition:transform .2s cubic-bezier(.22,1,.36,1)}@keyframes card-deal{0%{opacity:0;translate:0 65px;rotate:-8deg;scale:.88}to{opacity:1;translate:0 0;rotate:0deg;scale:1}}@keyframes back-deal{0%{opacity:0;translate:0 -20px;scale:.88}to{opacity:1;translate:0 0;scale:1}}@keyframes discard-land{0%{opacity:.35;scale:1.12;rotate:-7deg}to{opacity:1;scale:1;rotate:0deg}}@keyframes turn-arrives{0%{outline-color:transparent;outline-offset:10px}to{outline-color:#eabe4a;outline-offset:4px}}@keyframes announcement{50%{scale:1.06}to{scale:1}}@media(hover:hover){.hand .card.available:focus-visible{transform:translateY(-18px)}}@media(prefers-reduced-motion:reduce){.hand-item .card,.opponent-cards .back-card,.discard .card,.active-player .avatar,.last-btn.announced{animation:none!important}.hand-item{will-change:auto}}.game-settings{display:flex;gap:12px;max-width:450px;margin:0 0 20px}.game-settings label,.rank-variant{font-size:10px;font-weight:700;color:#737563;display:flex;flex-direction:column;gap:7px;flex:1}select{font:inherit;color:#414a35;background:#fffcf5;border:1px solid #dcd5c9;border-radius:10px;padding:11px 32px 11px 12px;min-height:43px;max-width:100%}select:focus-visible{outline:3px solid #2675e3;outline-offset:3px}.variant-note{font-size:10px;color:#7a8068;margin:-9px 0 20px;line-height:1.8}.rank-variant{flex-direction:row;align-items:center;gap:12px;margin:15px 0 20px;font-size:11px}.rank-variant select{font-size:11px}.hero{min-height:660px}.many-seats{grid-template-columns:repeat(4,1fr);gap:14px}.many-seats .seat{padding:15px 7px}.many-seats .avatar{width:45px;height:45px}.many-seats h3{margin:12px 0 3px}.large-table{height:850px}.large-table .opponents{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;position:absolute;left:8%;right:8%;top:20px}.large-table .opponent{position:static!important;transform:none!important;padding:9px 8px;border:1px solid #e8e1d2;border-radius:13px;background:#faf7efd9;min-width:0}.large-table .player-info{justify-content:flex-start;gap:9px}.large-table .player-info>div:last-child{min-width:0}.large-table .player-info strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.large-table .avatar{width:33px;height:33px;border-width:2px}.large-table .player-info small,.large-table .opponent-cards{display:none}.large-table .active-player{border-color:#d9b74b;background:#f4eedb}.large-table .center-play{top:300px}.large-table .your-place{top:552px}.large-table .opponents:has(.opponent:nth-child(6)){top:15px}.swap-targets{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:49vh;overflow:auto;margin:20px 0 0}.swap-targets>button{display:flex;align-items:center;gap:10px;border:1px solid #ded8c8;border-radius:12px;padding:11px;background:#fffdf6;text-align:left;min-width:0}.swap-targets>button:hover{border-color:#b59d67;background:#f0eddc}.swap-targets .avatar{width:34px;height:34px;border-width:2px}.swap-targets strong{font-size:11px;display:block}.swap-targets small{display:block;font-size:9px;color:#98917f;margin-top:3px}.swap-targets>button>svg{margin-left:auto;flex-shrink:0;color:#8d967a}@media(max-width:1050px){.large-table .opponents{left:2%;right:2%}.large-table .player-info{gap:6px}.large-table .avatar{width:28px;height:28px}.large-table .player-info strong{font-size:10px}}@media(max-width:700px){.hero{min-height:0}.game-settings{gap:9px;margin-bottom:17px}.game-settings label{font-size:9px}.game-settings select{font-size:10px;padding:10px 23px 10px 9px;min-height:41px}.variant-note{font-size:9px}.many-seats{grid-template-columns:repeat(3,1fr);gap:10px}.many-seats .seat h3{font-size:10px}.many-seats .seat p{font-size:8px}.many-seats .avatar{width:36px;height:36px}.rank-variant{font-size:10px}.large-table{height:1000px}.large-table .opponents{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;left:2%;right:2%;top:12px!important}.large-table .opponent{padding:8px 5px}.large-table .opponent .player-info{flex-direction:row!important;text-align:left!important;gap:6px}.large-table .opponent .avatar{width:25px;height:25px;outline-offset:1px}.large-table .player-info strong{font-size:9px}.large-table .player-info>div>span{font-size:8px}.large-table .bot-badge{display:none}.large-table .center-play{top:388px}.large-table .your-place{top:610px}.swap-targets{gap:8px}.swap-targets>button{padding:9px 7px;gap:7px}.swap-targets .avatar{width:29px;height:29px}.swap-targets strong{font-size:10px}.swap-targets svg{width:16px}}.setup-intro{font-size:12px;color:#85816e;line-height:1.8;margin-bottom:20px}.setup-fields{display:grid;gap:16px}.setup-fields label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:700;color:#626a50}.setup-fields select{font-size:12px}.setup-summary{margin-top:23px;padding:18px 0;border-top:1px solid #e2dccd;border-bottom:1px solid #e2dccd;font-size:11px;line-height:1.8;color:#7b8068}.setup-summary strong{font-size:11px;font-weight:700;color:#515b40}.setup-summary p{margin:10px 0}.setup-summary small{font-size:9px;color:#9d9482}.room-settings-summary{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.room-settings-summary span{font-size:10px;padding:7px 11px;border-radius:20px;background:#eeeadd;color:#797d63}.rules-content a{text-decoration:underline;color:#577a55}@media(min-width:701px){.game-table{height:850px}.game-table.large-table{height:940px}}@media(min-width:1600px){.game-table:not(.large-table){height:890px}}@media(max-width:700px){.game-table.large-table{height:1060px}}.kick-player{display:block;margin-top:6px;padding:5px 9px;border:1px solid currentColor;border-radius:7px;background:transparent;color:#c84e45;font:inherit;font-size:12px;cursor:pointer}.theme-sre .kick-player{color:#ff9e97}.kick-player:disabled{opacity:.5;cursor:wait}.active-rooms{padding:30px 0;border-top:1px solid #b7b09b55}.rooms-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.rooms-heading h2{margin:0 0 8px}.rooms-heading p,.rooms-empty{font-size:12px;line-height:1.7;color:#7b8068}.room-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin:20px 0}.public-room{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border:1px solid #d9d3c7;border-radius:14px;background:#fffcf5}.public-room strong,.public-room span,.public-room small{display:block}.public-room strong{font-size:14px}.public-room span{font-size:11px;margin:7px 0}.public-room small{font-size:10px;color:#7b8068}.public-room .secondary{font-size:11px;padding:10px;min-height:43px;white-space:nowrap}.table-viewport{width:100%;overflow-x:auto;overscroll-behavior-x:contain}.direction{display:flex;align-items:center;flex-direction:column;gap:6px;min-width:98px;padding:10px 8px;border:1px solid #b0a273;border-radius:14px;background:#faf7efe8;color:#715a14;margin-top:-35px}.direction strong{font-size:11px;white-space:nowrap}.direction span{font-size:9px;max-width:135px;line-height:1.5}.direction svg{width:34px;height:34px}.game-table.large-table{height:1000px;min-width:var(--ring-width)}.large-table .opponents{display:block;position:absolute;inset:0 0 auto!important;height:680px;pointer-events:none}.large-table .opponent{position:absolute!important;left:var(--seat-x);right:auto!important;transform:translate(-50%,-50%)!important;width:138px;padding:10px 8px;pointer-events:auto}.large-table .opponent .player-info{flex-direction:row!important;text-align:left!important;gap:7px}.large-table .player-info strong{font-size:11px}.large-table .player-info>div>span{font-size:9px}.large-table .opponent .avatar{width:30px;height:30px;flex-shrink:0}.large-table .center-play{top:240px}.large-table .your-place{top:665px}.large-table .kick-player{font-size:10px;padding:3px 5px}.large-table .opponent-cards{display:none}.large-table .hand{max-width:100%;overflow-x:auto}.large-table .hand .card{width:86px;height:130px}.large-table .hand .card-value{font-size:49px}.large-table .hand .corner{font-size:12px}.large-table .hand-item{margin:0 -15px}@media(max-width:700px){.rooms-heading{align-items:flex-start}.rooms-heading h2{font-size:20px}.rooms-heading .text-btn{font-size:10px;white-space:nowrap}.public-room{padding:13px}.direction{min-width:76px;padding:7px 5px;gap:4px}.direction strong{font-size:8px}.direction span{font-size:8px;max-width:85px}.direction svg{width:28px;height:28px}.large-table .center-play{top:270px}.large-table .your-place{top:665px}.large-table .opponent .player-info strong{font-size:11px}.large-table .opponent .player-info>div>span{font-size:9px}.large-table .hand{min-height:170px}.large-table .game-actions{margin-top:10px}}.large-table .self-info.active-player{background:transparent;border-color:transparent}.large-table .hand{overflow-y:hidden;min-height:196px;padding-top:26px;padding-bottom:32px}.table-journals{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin:20px 0 28px}.journal{border:1px solid #dcd5c9;border-radius:16px;background:#fffcf5ed;padding:18px;min-width:0}.journal-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.journal-heading h2{display:flex;align-items:center;gap:8px;font-size:15px;letter-spacing:0;margin:0}.journal-heading>span{font-size:10px;color:#898675}.reaction-picker{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 9px}.reaction-picker button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #dcd5c9;border-radius:10px;background:#f5f0e5;font-size:24px;transition:transform .15s,background .15s}.reaction-picker button:hover:not(:disabled){transform:translateY(-3px);background:#e9e2ce}.reaction-picker button:disabled{opacity:.4}.reaction-hint,.journal-note{font-size:10px;line-height:1.7;color:#8c8776;margin:9px 0 13px}.journal-entries{list-style:none;margin:0;padding:0;max-height:205px;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}.journal-entries li{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #e7e0d5;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.journal-entries li:last-child{border-bottom:0}.journal-entries time{margin-left:auto;color:#969080;font-size:10px;flex-shrink:0}.reaction-emoji{font-size:23px;line-height:1}.emotion-entries strong{font-size:12px;font-weight:600;min-width:0}.journal-entries .journal-empty{color:#938c7c;font-size:11px;padding:16px 0}.sound-toggle{display:flex;align-items:center;gap:6px;border:1px solid #d4cebd;border-radius:8px;padding:7px 9px;font-size:10px;white-space:nowrap}.event-dot{width:5px;height:5px;border-radius:50%;background:#7e9b72;flex-shrink:0}.action-entries li:first-child{font-weight:700}.action-entries li{align-items:baseline}.action-entries .event-dot{margin-top:7px}@media(max-width:700px){.table-journals{gap:12px;grid-template-columns:1fr;margin-top:15px}.journal{padding:15px}.journal-entries{max-height:155px}.reaction-picker{gap:5px}.reaction-picker button{width:35px;height:37px;font-size:22px}.journal-heading h2{font-size:14px}.journal-heading>span{font-size:9px}.sound-toggle{font-size:9px}.emotion-journal{order:0}.action-journal{order:1}}@media(prefers-reduced-motion:reduce){.reaction-picker button{transition:none}.reaction-picker button:hover:not(:disabled){transform:none}}.avatar>.reaction-bubble,.theme-sre .avatar>.reaction-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);display:grid;place-items:center;min-width:46px;height:46px;padding:5px 8px;border-radius:15px;border:1px solid #d9d1c0;background:#fffdf5;font-family:Arial,sans-serif;font-size:30px;line-height:1;z-index:8;pointer-events:none;box-shadow:0 5px 15px #0003;animation:reaction-pop 4.5s ease-out both}.theme-sre .avatar>.reaction-bubble{background:#1a304d;border-color:#5b89c6;box-shadow:0 5px 22px #0005}.opponent:has(.reaction-bubble){z-index:5}@keyframes reaction-pop{0%{opacity:1;transform:translate(-50%,8px) scale(.8)}8%{opacity:1;transform:translate(-50%,-3px) scale(1.13)}15%,85%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-14px) scale(.9)}}@media(prefers-reduced-motion:reduce){.avatar>.reaction-bubble,.theme-sre .avatar>.reaction-bubble{animation:none}}.avatar>.reaction-bubble.below,.theme-sre .avatar>.reaction-bubble.below{bottom:auto;top:calc(100% + 8px)}.self-info:has(.inline-reactions){flex-wrap:wrap;gap:14px}.self-info:has(.inline-reactions) .timer{position:static;min-width:30px}.self-info .inline-reactions{margin-left:12px;text-align:left}.self-info .inline-reactions>span{font-size:9px;display:block;margin:0 0 5px;color:#87816e}.inline-reactions .reaction-picker{margin:0;gap:5px}.inline-reactions .reaction-picker button{width:33px;height:34px;font-size:23px;border-radius:9px}.table-journals .action-journal{grid-column:2}@media(max-width:700px){.self-info .inline-reactions{flex-basis:100%;margin:0;text-align:center}.inline-reactions .reaction-picker{justify-content:center;gap:4px}.inline-reactions .reaction-picker button{width:31px;height:33px;font-size:21px}.table-journals .action-journal{grid-column:1}}.app.in-game{height:100dvh;min-height:0;overflow:hidden}.in-game .header{flex-shrink:0}.in-game .game-page{display:flex;flex-direction:column;min-height:0;margin:0 auto}.in-game .game-topline,.in-game .game-bottom{flex-shrink:0}.in-game .game-topline{padding:10px 0 4px}.in-game .game-bottom{padding:7px 0;font-size:8px}.in-game .table-viewport{flex:1;min-height:0}.in-game .game-table,.in-game .game-table.large-table{height:100%!important;min-height:520px}.in-game .opponents,.in-game .large-table .opponents{position:absolute;inset:0 0 auto!important;display:block;height:calc(100% - 245px)}.in-game .game-table:not(.large-table) .opponent.pos-0{top:10px}.in-game .game-table:not(.large-table) .opponent.pos-1,.in-game .game-table:not(.large-table) .opponent.pos-2{top:40%}.in-game .center-play,.in-game .large-table .center-play{top:19%}.in-game .turn-caption{font-size:11px;margin-bottom:10px}.in-game .draw-pile .back-card,.in-game .discard .card{width:70px;height:105px}.in-game .discard .card-value,.theme-sre.in-game .discard .card-value{font-size:42px}.in-game .discard .corner{font-size:10px}.in-game .direction{padding:7px;min-width:85px;margin-top:-24px}.in-game .direction svg{width:28px;height:28px}.in-game .direction strong{font-size:9px}.in-game .direction span{font-size:8px;max-width:105px}.in-game .pile>span{font-size:9px;margin-top:10px}.in-game .pile>span>b{font-size:10px}.in-game .turn-hint{font-size:9px;margin-top:10px}.in-game .your-place,.in-game .large-table .your-place{top:calc(100% - 235px)}.in-game .self-info{min-height:45px;margin-bottom:5px;gap:10px}.in-game .hand,.in-game .large-table .hand{max-width:max(220px,calc(100% - 490px));margin:0 auto;min-height:127px;padding:8px 16px 12px;overflow-x:auto;overflow-y:hidden;justify-content:center}.in-game .hand .card,.in-game .large-table .hand .card{width:69px;height:103px}.in-game .hand .card-value,.theme-sre.in-game .hand .card-value,.theme-sre.in-game .large-table .hand .card-value{font-size:40px}.in-game .hand-item,.in-game .large-table .hand-item{margin:0 -10px}.in-game .game-actions{margin-top:6px;gap:10px}.in-game .game-actions .primary,.in-game .game-actions .secondary,.in-game .game-actions .last-btn{min-height:42px;padding:10px 16px;font-size:12px;min-width:155px}.in-game .hand-hint{display:none}.in-game .table-journals{position:absolute;bottom:12px;right:8px;width:240px;display:block;margin:0;z-index:3}.in-game .journal{padding:11px;border-radius:12px}.in-game .journal-heading{gap:6px}.in-game .journal-heading h2{font-size:11px;gap:6px}.in-game .journal-heading h2 svg{width:15px}.in-game .sound-toggle{padding:5px;font-size:8px;gap:4px}.in-game .sound-toggle svg{width:14px}.in-game .journal-note{font-size:8px;margin:6px 0}.in-game .journal-entries{max-height:82px}.in-game .journal-entries li{font-size:10px;padding:6px 0;line-height:1.45;gap:7px}@media(max-width:700px){.in-game .header{min-height:65px}.in-game .game-topline{padding:5px 0}.in-game .game-bottom{font-size:7px;padding:5px 0}.in-game .your-place,.in-game .large-table .your-place{top:calc(100% - 320px);right:190px}.in-game .self-info{gap:7px}.in-game .self-info .inline-reactions{margin-top:0}.in-game .inline-reactions .reaction-picker{flex-wrap:wrap;gap:3px;max-width:220px;margin:auto}.in-game .inline-reactions .reaction-picker button{width:26px;height:28px;font-size:19px}.in-game .hand,.in-game .large-table .hand{max-width:100%;justify-content:flex-start;min-height:120px}.in-game .game-actions{padding:0 5px;gap:5px}.in-game .game-actions .primary,.in-game .game-actions .secondary,.in-game .game-actions .last-btn{min-width:0;padding:8px;font-size:9px;flex:1}.in-game .table-journals{width:180px;bottom:10px;right:5px}.in-game .journal{padding:8px}.in-game .journal-heading h2{font-size:10px}.in-game .sound-toggle span{display:none}.in-game .journal-entries{max-height:72px}.in-game .journal-entries li{font-size:9px}.in-game .opponents,.in-game .large-table .opponents{height:calc(100% - 320px)}}.in-game .opponents,.in-game .large-table .opponents{inset:16px 0 auto!important;height:calc(100% - 261px)}@media(max-width:700px){.in-game .opponents,.in-game .large-table .opponents{height:calc(100% - 336px)}}.in-game .hand,.in-game .large-table .hand{justify-content:flex-start;justify-content:safe center}.in-game .hand.many-cards{justify-content:flex-start}.in-game .center-play,.in-game .large-table .center-play{top:23%}:root[data-theme=sre]{color-scheme:dark;background:#0a1220}:root[data-theme=classic]{color-scheme:light;background:#faf7ef}.theme-toggle{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #ddd8ca;border-radius:10px;font-size:10px;white-space:nowrap;color:#727764;background:#faf7ef}.theme-toggle:hover{border-color:#9ca184}.theme-toggle>svg{flex-shrink:0}.brand-kube{width:34px;height:34px;object-fit:contain;border-radius:9px;background:#fff;padding:2px}.theme-options{display:grid;gap:13px;margin:24px 0 5px}.theme-description{font-size:12px;line-height:1.8;color:#858370}.theme-option{display:flex;align-items:center;gap:14px;padding:18px 15px;border:1px solid #ded8c8;border-radius:14px;background:#fffdf6;text-align:left;min-height:105px}.theme-option.chosen{border-color:#4e85d9;box-shadow:0 0 0 1px #4e85d9}.theme-option>span:nth-child(2){flex:1}.theme-option strong{display:block;font-size:13px;font-weight:800;margin-bottom:7px}.theme-option small{display:block;line-height:1.8;font-size:10px;color:#878675}.theme-option>svg{color:#3976ce;flex-shrink:0}.theme-option-icon{width:47px;flex-shrink:0;color:#9b8157}.theme-option-icon.kube{background:#fff;border-radius:7px;padding:7px 5px;width:82px}.theme-option-icon img{display:block;width:100%;height:auto}.card-service{display:none}.theme-sre{--blue:#3978f6;--muted:#9baec9;--line:#24364d;--cream:#0c1626;color:#e3ecf9;background-color:#0b1422;background-image:url(/assets/sre-table.webp);background-position:center top;background-size:cover;background-attachment:fixed}.theme-sre .header{background:#0c1524ed;border-color:#24344b;gap:42px}.theme-sre .brand>span{color:#f0f5ff;letter-spacing:-1.4px}.theme-sre .brand>i{color:#7b9cc8;font-family:JetBrains Mono,monospace;font-size:8px;letter-spacing:1.4px;left:42px}.theme-sre .header nav button{color:#9fb1cc}.theme-sre .header nav .nav-active{color:#f3f7ff}.theme-sre .header nav button.nav-active:after{background:#4b8dff;box-shadow:0 0 10px #3578ed4d}.theme-sre .header-right{gap:17px}.theme-sre .theme-toggle{color:#a8c7f0;background:#14233a;border-color:#2d4567}.theme-sre .theme-toggle:hover{background:#1a2c48;border-color:#4c77ac}.theme-sre .invite-btn{color:#c0d5f1;background:#17263c}.theme-sre .invite-btn b{background:#233955;color:#e1edff}.theme-sre .rules-btn{color:#91a8c8}.theme-sre .profile{background:#223857;color:#a9caff;border:1px solid #3b5576}.theme-sre .eyebrow{color:#7aa3d6;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:1.4px}.theme-sre .live-dot{background:#56d6a0;box-shadow:0 0 8px #5ee2ac3d}.theme-sre h1{color:#edf4ff}.theme-sre .hero h1 span{color:#6ca5ff}.theme-sre .intro{color:#a0afc6}.theme-sre .paper-note{color:#567eac;font:500 16px/1.8 JetBrains Mono,monospace;font-style:normal;transform:rotate(3deg)}.theme-sre .art-caption{font-family:JetBrains Mono,monospace;color:#7190b4;font-size:8px;letter-spacing:1px}.theme-sre .hero-facts{color:#8da4bf}.theme-sre .primary{background:#3978f6;color:#fff;box-shadow:0 4px #1e4fad,0 8px 25px #2057bb29}.theme-sre .primary:hover:not(:disabled){background:#4c89ff}.theme-sre .secondary{background:#15243a;color:#d7e6fa;border-color:#344a68;box-shadow:0 3px #09111d}.theme-sre .secondary:hover:not(:disabled){background:#1c304a;border-color:#5276a5}.theme-sre .text-btn{color:#9eb9dd}.theme-sre .join-link{color:#7da1d2}.theme-sre .quick-rules{border-color:#2a3b50}.theme-sre .quick-rules>div>span{font-family:JetBrains Mono,monospace;color:#5c8fcf}.theme-sre .quick-rules h3{color:#d8e5f8}.theme-sre .quick-rules p{color:#8d9fb7}.theme-sre .quick-rules>button{color:#a9c4e7}.theme-sre input,.theme-sre select{background:#111e30;color:#e1eafa;border-color:#31465e}.theme-sre input::placeholder{color:#667d99}.theme-sre input:focus{border-color:#5f9cff}.theme-sre .field-label,.theme-sre .name-inline label,.theme-sre .setup-fields label{color:#abc2df}.theme-sre .name-inline p,.theme-sre .fine-print{color:#8a9db8}.theme-sre .loading{color:#86a2c8}.theme-sre footer{background:#0a1423d9;border-color:#26384e;color:#7490b1}.theme-sre footer>span:first-child{color:#9eb9dd}.theme-sre footer i{color:#7287a4}.theme-sre footer>span:last-child{font-family:JetBrains Mono,monospace;font-size:8px;letter-spacing:1px}.theme-sre .card{border-color:#33445b;border-width:5px;box-shadow:0 3px #08111e,0 7px 14px #030a155e;border-radius:10px;font-family:JetBrains Mono,monospace}.theme-sre .card.red{background:#ba3e52;color:#fff4f5;border-color:#783344}.theme-sre .card.yellow{background:#c89c34;color:#1e2430;border-color:#746232}.theme-sre .card.blue{background:#316cce;color:#f4f8ff;border-color:#334f87}.theme-sre .card.green{background:#287f62;color:#f1fff8;border-color:#275b4c}.theme-sre .card.wild{background:#202e46;color:#a5ccff;border-color:#425678}.theme-sre .card.available{box-shadow:0 0 0 2px #78aaff,0 7px 18px #2761c64d}.theme-sre .card.available:hover:not(:disabled){box-shadow:0 0 0 2px #aacdff,0 12px 24px #2c79ef57}.theme-sre .card-value{font-weight:700;font-size:58px;letter-spacing:-4px}.theme-sre .corner{font-size:14px;z-index:1}.theme-sre .card-service{display:block;position:absolute;right:6px;top:5px;width:19px;height:19px;opacity:.8}.theme-sre .card-service svg{width:100%;height:100%;display:block}.theme-sre .card-service img{width:100%;height:100%;object-fit:contain;border-radius:4px;background:#fff;padding:1px}.theme-sre .sample-hand .card-value{font-size:77px}.theme-sre .back-card.sre-back{background:#172942;border:3px solid #36537a;box-shadow:0 3px #07101c,0 5px 12px #0005;position:relative;display:flex;align-items:center;justify-content:center}.theme-sre .back-card.sre-back img{width:57%;height:auto;object-fit:contain;aspect-ratio:454/440;padding:3px;background:#fff;border-radius:15%;box-shadow:0 3px 10px #04112750}.theme-sre .back-name{position:absolute;bottom:9px;left:2px;right:2px;text-align:center;font:500 6px JetBrains Mono,monospace;letter-spacing:.7px;color:#80a6d6}.theme-sre .opponent-cards .back-name{display:none}.theme-sre .draw-pile{box-shadow:0 3px #3b4f6b,0 5px #162438,0 8px #3a4f6b}.theme-sre .discard{box-shadow:0 4px #152235,0 6px #06101f}.theme-sre .game-topline,.theme-sre .game-topline .text-btn{color:#7e98ba}.theme-sre .game-topline i{background:#3a557a}.theme-sre .player-info strong,.theme-sre .self-info strong{color:#dce9fc}.theme-sre .player-info>div>span,.theme-sre .self-info>div>span{color:#8ba3c3}.theme-sre .player-info small{color:#66cfa7}.theme-sre .avatar{background:#193450;border-color:#365777;box-shadow:0 3px 15px #020a1640;border-radius:15px;color:#7bb4ff}.theme-sre .avatar.a1{background:#193a34;border-color:#3f6d5d;color:#78cfaa}.theme-sre .avatar.a2{background:#3d3320;border-color:#756039;color:#edc96e}.theme-sre .avatar.a3{background:#2c2d48;border-color:#595b85;color:#b2b4f2}.theme-sre .avatar>span:not(.bot-badge):not(.reaction-bubble){color:#bbd3f3;font-family:JetBrains Mono,monospace;font-size:19px}.theme-sre .avatar>svg{display:block;width:52%;height:52%;align-self:center;justify-self:center;flex-shrink:0}.theme-sre .presence{background:#51cba0;border-color:#0b1626}.theme-sre .bot-badge{background:#15273c;border-color:#335271;color:#87abcf}.theme-sre .active-player .avatar{outline-color:#609bff}.theme-sre .turn-badge{color:#82c4ff;background:#1e3b60}.theme-sre .turn-caption{color:#a7c3e8}.theme-sre .pile>span{color:#7d96b6}.theme-sre .pile>span>b{color:#a3bde1}.theme-sre .direction{color:#6087b9}.theme-sre .turn-hint,.theme-sre .hand-hint{color:#859bb8}.theme-sre .timer{font-family:JetBrains Mono,monospace;color:#7e9bc3}.theme-sre .last-btn{background:#b73c56;color:#ffecf0;box-shadow:0 4px #722b40,0 6px 12px #06102040}.theme-sre .last-btn:hover:not(:disabled){background:#d04965}.theme-sre .last-btn.announced{background:#278465;box-shadow:0 4px #1d5443}.theme-sre .game-bottom{color:#6680a3;border-color:#253b56}.theme-sre .last-move{color:#9ab2d2}.theme-sre .large-table .opponent{background:#101e30e8;border-color:#29405c}.theme-sre .large-table .active-player{background:#183052;border-color:#568bcb}.theme-sre .seat{border-color:#2b3f58}.theme-sre .seat p,.theme-sre .seat:not(.occupied) h3{color:#8098b6}.theme-sre .empty-avatar{border-color:#375373;color:#6787af}.theme-sre .room-code>span{color:#7896bb}.theme-sre .room-code strong{color:#b0d0ff;font-family:JetBrains Mono,monospace}.theme-sre .room-settings-summary span{background:#172c45;color:#9cc0ed}.theme-sre .check-label{color:#a0b4cf}.theme-sre .check-label input{accent-color:#4b92fa}.theme-sre .start-area p,.theme-sre .waiting-note{color:#819bbb}.theme-sre .tabs{border-color:#2d415c}.theme-sre .tabs button{color:#829dbe}.theme-sre .tabs button.selected{border-color:#5a97f6;color:#e1edff}.theme-sre .rank-variant{color:#9cb4d4}.theme-sre .score-table th{color:#7a94b7}.theme-sre .score-table td{border-color:#263b54}.theme-sre .score-table tr.own{background:#1a3150aa}.theme-sre .rank-initial{background:#203b5c;color:#9fc7ff}.theme-sre .score-table small{color:#82a1c8}.theme-sre .gold{color:#eac066}.theme-sre .empty-state{color:#789bc5}.theme-sre .empty-state h2{color:#d0e3ff}.theme-sre .empty-state p{color:#93accb}.theme-sre dialog{background:#101c2f;color:#e1ebfa;border-color:#304764;box-shadow:0 25px 110px #0008}.theme-sre dialog::backdrop{background:#020814aa;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.theme-sre .modal-head .icon-btn{color:#849ebe}.theme-sre dialog>p,.theme-sre dialog>form>p,.theme-sre .theme-description{color:#95aac6}.theme-sre .theme-option{background:#15243a;border-color:#314761;color:#deebfc}.theme-sre .theme-option.chosen{border-color:#609dff;box-shadow:0 0 0 1px #609dff}.theme-sre .theme-option small{color:#94abc9}.theme-sre .theme-option-icon{color:#b4c9e2}.theme-sre .theme-option>svg{color:#7ab3ff}.theme-sre .setup-summary{border-color:#2c425e;color:#91a9c8}.theme-sre .setup-summary strong{color:#b3ccef}.theme-sre .setup-summary small{color:#7c95b6}.theme-sre .rules-content{color:#98adc9}.theme-sre .rules-content h3{color:#c0d7f6}.theme-sre .rules-lead{color:#a9c7ed}.theme-sre .special-rules,.theme-sre .special-rules>div{border-color:#2b405c}.theme-sre .special-rules strong{color:#bad2f4}.theme-sre .special-rules svg,.theme-sre .rule-symbol{color:#79a8e7}.theme-sre .rules-content a{color:#85b7ff}.theme-sre .swap-targets>button{background:#14253c;border-color:#2f4969}.theme-sre .swap-targets>button:hover{background:#1c3655;border-color:#568bcf}.theme-sre .swap-targets small{color:#8fa9ca}.theme-sre .swap-targets>button>svg{color:#6fa3e7}.theme-sre .toast{background:#183e39;border:1px solid #2b7564;color:#b0f5d9}.theme-sre .error-banner{background:#3b2130;color:#ffb5c4;border-color:#713c50}.theme-sre .modal-error{background:#3b2130!important;color:#ffb5c4!important;border-color:#713c50}.theme-sre .color-picker .red{background:#ba3e52}.theme-sre .color-picker .yellow{background:#c89c34;color:#1e2430}.theme-sre .color-picker .blue{background:#316cce}.theme-sre .color-picker .green{background:#287f62}@media(max-width:1100px){.header{gap:30px}.header-right,.theme-sre .header-right{gap:12px}.theme-sre .header{gap:30px}.theme-toggle{padding:8px}.theme-toggle>span{font-size:9px}.theme-sre .paper-note{font-size:12px}.theme-sre .sample-hand .card-value{font-size:65px}}@media(max-width:700px){.header,.theme-sre .header{gap:12px}.header nav{gap:14px}.header-right,.theme-sre .header-right{gap:8px}.theme-toggle{border:0;background:none!important;padding:5px;color:inherit}.theme-toggle>span,.theme-toggle>svg:last-child{display:none}.theme-toggle>svg:first-child{width:19px}.brand-kube{width:25px;height:25px;border-radius:6px}.theme-sre .brand>span{font-size:21px}.theme-sre .brand>i{left:29px;font-size:6px;letter-spacing:.65px}.theme-sre .eyebrow{font-size:7px;letter-spacing:1px}.theme-sre .paper-note{font-size:10px}.theme-sre .art-caption{font-size:7px;letter-spacing:.6px}.theme-sre .sample-hand .card-value{font-size:53px}.theme-sre .card{border-width:4px;border-radius:7px}.theme-sre .hand .card-value{font-size:37px}.theme-sre .hand .corner{font-size:10px}.theme-sre .card-service{width:12px;height:12px;right:4px;top:4px}.theme-sre .back-card.sre-back{border-width:2px}.theme-sre .back-card.sre-back img{padding:2px}.theme-sre .back-name{font-size:4px;letter-spacing:.2px;bottom:6px}.theme-sre .opponent .avatar{border-radius:10px}.theme-sre .self-avatar{border-radius:12px}.theme-sre .discard .card-value{font-size:40px}.theme-sre .discard .corner{font-size:10px}.theme-option{padding:15px 12px;gap:11px}.theme-option-icon.kube{width:65px}.theme-option strong{font-size:12px}.theme-option small{font-size:9px}.theme-sre .game-topline,.theme-sre .game-bottom{font-size:8px}}@media(prefers-reduced-motion:reduce){.theme-sre .live-dot{box-shadow:none}}.theme-sre .active-rooms{border-color:#2a3b50}.theme-sre .rooms-heading p,.theme-sre .rooms-empty,.theme-sre .public-room small{color:#91a7c6}.theme-sre .public-room{background:#101e30e8;border-color:#2d4567;color:#dce9fc}.theme-sre .direction{color:#9bc6ff;background:#142b49ed;border-color:#5088cf;box-shadow:0 0 20px #2466b92b}.theme-sre .large-table .hand .card-value{font-size:49px}.theme-sre .journal{background:#0e1c2fed;border-color:#304764;box-shadow:0 5px 24px #0207122b}.theme-sre .journal-heading h2{color:#d6e6fd}.theme-sre .journal-heading h2 svg{color:#7fb2fa}.theme-sre .journal-heading>span,.theme-sre .reaction-hint,.theme-sre .journal-note,.theme-sre .journal-entries .journal-empty{color:#8ca3c3}.theme-sre .reaction-picker button{background:#172a44;border-color:#304968}.theme-sre .reaction-picker button:hover:not(:disabled){background:#254166}.theme-sre .journal-entries li{border-color:#23364e;color:#a8c0de}.theme-sre .journal-entries time{color:#7492b6}.theme-sre .sound-toggle{color:#acd0ff;background:#182d48;border-color:#38567c}.theme-sre .event-dot{background:#60cda5}.theme-sre .action-entries li:first-child{color:#d6e7ff}.theme-sre .self-info .inline-reactions>span{color:#8ba8cb}