:root{font-family:DM Sans,Arial,sans-serif;color:#e7ede4;background:#111a16}*{box-sizing:border-box}body{margin:0;min-width:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.38;cursor:not-allowed}.hidden{display:none!important}#app{min-height:100vh;background:#111a16}.topbar{max-width:1280px;height:76px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:relative;border-bottom:1px solid #ffffff15}.brand{position:absolute;left:50%;transform:translate(-50%)}.brand strong{font-size:23px;letter-spacing:-.07em;font-weight:700}.brand strong span{color:#9eb27e}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.connection{font-size:11px;color:#9aab9e;margin-right:12px}.connection:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#a0bb81;margin-right:7px}.connection.offline:before{background:#d86e65}.icon-button{background:none;border:1px solid #35453a;color:#cbd6c6;border-radius:5px;padding:8px 11px;font-size:13px}.icon-button:hover{border-color:#9baa81}.icon-button span{font-size:11px;margin-left:4px}.eyebrow,.table-kicker{display:block;font-size:10px;font-weight:700;letter-spacing:.18em;color:#a6b68a}.layout{display:none}body.in-game .layout{max-width:1280px;margin:48px auto;padding:0 28px 50px;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px}.intro{display:none}.game-shell,.panel{background:#17231c;border:1px solid #36453a;border-radius:7px}.game-shell{overflow:hidden}.table-header{height:82px;padding:20px 26px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #ffffff12}.table-header h2{font-size:21px;font-weight:600;letter-spacing:-.04em;margin:5px 0 0}.room-badge{border:1px solid #697956;background:#78885918;color:#c7d5ae;border-radius:4px;padding:9px 12px;font-size:11px;font-weight:700;letter-spacing:.08em;white-space:nowrap;cursor:pointer}.scene{height:min(50vw,500px);min-height:400px;position:relative;background:#17241e;touch-action:none}.scene canvas{display:block;width:100%;height:100%}.table-footer{min-height:59px;border-top:1px solid #ffffff16;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 26px}.status{font-size:12px;color:#b9c8bb;line-height:1.45}.turn-badge{font-size:10px;font-weight:800;letter-spacing:.09em;color:#d9e7c7;border:1px solid #92ab79;border-radius:4px;padding:7px 10px;white-space:nowrap}.sidebar{display:flex;flex-direction:column;gap:16px}.panel{padding:21px}.panel-heading{display:flex;align-items:center;justify-content:space-between}.small-pill{font-size:11px;color:#a8bba6}.players{margin-top:16px;display:grid;gap:9px}.empty-player{font-size:12px;color:#97a998}.player{display:flex;align-items:center;gap:9px;border:1px solid #ffffff13;border-radius:5px;padding:9px}.player.active{border-color:#819768;background:#78906214}.avatar{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;background:#27382a;color:#cddab4;font-size:13px;font-weight:700}.player-name{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-meta{font-size:10px;color:#a2b2a3;margin-top:2px}.action-panel{min-height:180px}.actions{padding-top:14px}.actions p,.action-note{font-size:12px;line-height:1.55;color:#a9b9aa}.actions p{margin:0 0 12px}.action-note{display:block;margin:6px 0 12px}.action-button{width:100%;text-align:left;border:1px solid #7f986e;background:#2a3b29;color:#e5eddb;border-radius:5px;padding:11px 13px;font-size:12px;font-weight:700;margin-bottom:8px}.action-button:hover,.secondary-btn:hover,.primary-btn:hover{background:#354e34}.mau-toggle{width:100%;border:1px solid #af9a67;background:#483f28;color:#e7d19a;border-radius:5px;padding:11px;margin-bottom:8px;font-size:12px;font-weight:800}.mau-toggle.on{background:#b9ab77;color:#1f2d20}.hand-list{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.card-option{background:#24332a;border:1px solid #60725d;border-left:4px solid var(--card-color,#8aa177);border-radius:4px;color:#e7ecdf;font-size:11px;padding:7px 9px}.card-option:hover{background:#324738}.leave-button{border:0;background:none;color:#9aaf9b;text-decoration:underline;padding:10px 0;font-size:11px}.hint-card{display:flex;gap:9px;padding:4px 7px;color:#a3b6a7;font-size:11px;line-height:1.5}.hint-card>span{color:#a6b68a}.hint-card p{margin:0}.hint-card strong{color:#d0ddc7}.modal-backdrop{position:fixed;inset:0;z-index:10;background:#0b130fdc;display:grid;place-items:center;padding:20px}.modal{width:min(100%,470px);border:1px solid #465849;background:#18241d;border-radius:7px;padding:30px;text-align:left;box-shadow:0 20px 70px #0007;position:relative}.modal h2{font-size:30px;line-height:1.15;letter-spacing:-.055em;font-weight:600;margin:12px 0}.modal p{font-size:13px;color:#aebdaf;line-height:1.55}.lobby-modal{width:min(100%,550px)}body:not(.in-game) #lobby{position:static;display:block;background:none;padding:0 20px;max-width:720px;margin:85px auto 50px}body:not(.in-game) .lobby-modal{background:none;border:none;box-shadow:none;padding:0;width:100%}body:not(.in-game) .lobby-modal h2{font-size:clamp(34px,5vw,48px);margin:16px 0}body:not(.in-game) .lobby-modal>p{margin-bottom:29px}.field-label{display:block;font-size:11px;color:#becbb7;margin:20px 0 8px}.modal input{outline:none;border:1px solid #435447;background:#152018;color:#e6ede2;border-radius:5px;padding:12px 13px;width:100%;font-size:13px}.modal input:focus{border-color:#a1b481}.modal input::placeholder{color:#879a89}.lobby-options{display:grid;gap:10px;margin:14px 0}.primary-btn,.secondary-btn{width:100%;display:flex;align-items:center;gap:14px;background:#1b2a20;border:1px solid #53664e;color:#e5edde;border-radius:5px;padding:15px;text-align:left}.primary-btn>span:first-child,.secondary-btn>span:first-child{font-size:23px;color:#aabc91;min-width:27px}.lobby-options strong{display:block;font-size:13px}.lobby-options small{display:block;font-size:11px;color:#9daf9d;margin-top:4px}.arrow{margin-left:auto;font-size:16px;color:#c9d8bc}.join-row{display:flex;gap:9px;border-top:1px solid #ffffff1a;padding-top:16px;margin-top:16px}.join-row input{text-transform:uppercase;letter-spacing:.16em;min-width:0}.join-row button{border:1px solid #778b68;background:#243627;border-radius:5px;color:#d9e5cf;padding:0 14px;font-size:12px;font-weight:700;white-space:nowrap}.error{min-height:18px;color:#f1a49b;font-size:11px;margin-top:10px}.wish-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:25px 0}.wish-option{display:flex;align-items:center;gap:10px;background:#233128;border:1px solid #526352;border-radius:5px;color:#e4eddf;padding:13px;font-weight:700}.color-dot{display:inline-block;width:18px;height:18px;border-radius:50%;border:1px solid #ffffff77}.text-button{border:0;background:none;color:#aebdae;padding:8px 0}.modal-close{position:absolute;top:15px;right:20px;border:0;background:none;color:#c8d5c8;font-size:25px}.rules-modal{width:min(100%,550px)}.rules-grid{display:grid;gap:7px;margin:20px 0}.rules-grid>div{display:flex;gap:13px;align-items:center;border:1px solid #ffffff14;padding:9px;border-radius:4px}.rules-grid b{color:#c9dab5;min-width:38px;font-size:17px}.rules-grid span{color:#b9c9b9;font-size:12px;line-height:1.4}.rules-note{border-top:1px solid #ffffff1a;padding-top:13px;font-size:11px!important}.toast{position:fixed;z-index:30;bottom:24px;left:50%;transform:translate(-50%);background:#c6d5b4;color:#1a291d;border-radius:5px;padding:10px 14px;font-size:12px;font-weight:700;box-shadow:0 12px 30px #0006;max-width:90vw;text-align:center}@media(max-width:900px){body.in-game .layout{grid-template-columns:minmax(0,1fr)}.sidebar{display:grid;grid-template-columns:1fr 1fr}.hint-card{grid-column:1/-1}.scene{height:520px}}@media(max-width:650px){.topbar{height:65px;padding:0 16px}.brand{position:static;transform:none}.brand strong{font-size:19px}.connection,.icon-button span{display:none}body:not(.in-game) #lobby{margin:50px auto;padding:0 22px}body.in-game .layout{margin:20px auto;padding:0 12px 30px;gap:12px}.table-header{height:74px;padding:13px 15px}.table-header h2{font-size:17px}.table-kicker{font-size:8px}.room-badge{font-size:9px;padding:7px}.scene{height:390px;min-height:0}.table-footer{padding:10px 15px}.status{font-size:11px}.sidebar{display:block}.panel{margin-bottom:12px}.hint-card{display:none}.modal{padding:22px}.modal h2{font-size:27px}}.modal select{width:100%;background:#152018;color:#e6ede2;border:1px solid #435447;border-radius:5px;padding:12px 13px;font:inherit;font-size:13px}.pile-label{position:absolute;top:51%;z-index:2;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:2px;color:#d2dec9;font-size:10px;font-weight:800;letter-spacing:.14em;text-shadow:0 2px 8px #08140f}.pile-label strong{font-size:18px;letter-spacing:0;color:#fff5d9}.draw-label{left:33%;transform:translate(-50%)}.discard-label{left:67%;transform:translate(-50%)}.deal-banner{position:absolute;z-index:3;top:42%;left:50%;transform:translate(-50%,-50%);padding:14px 20px;background:#17231eea;border:1px solid #b7a46b;border-radius:5px;color:#f5e4bb;font-family:Fraunces,serif;font-size:20px;text-align:center;box-shadow:0 10px 35px #0008;pointer-events:none}.deal-banner:not(.hidden){animation:dealPulse 1s ease-in-out infinite alternate}@keyframes dealPulse{to{transform:translate(-50%,-50%) scale(1.035);box-shadow:0 10px 40px #b7a46b55}}.result-modal{z-index:2;max-height:88vh;overflow:auto;text-align:center;border-color:#ac9866;box-shadow:0 25px 90px #000b,0 0 65px #b9a77733}.result-modal h2{font-family:Fraunces,serif;font-size:clamp(30px,5vw,45px);color:#f6eacb}.result-modal .eyebrow{color:#d7bf7f}.result-modal .action-button{text-align:center;font-size:14px;padding:14px}.scoreboard{display:grid;gap:6px;margin:20px 0}.score-row{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;text-align:left;padding:9px 12px;border:1px solid #53664e;border-radius:5px;font-size:12px}.score-row.winner{background:#9ead7924;border-color:#b2bd84}.score-row span:last-child{color:#e9d494;font-weight:800}.score-row small{color:#aebfac}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-8%;width:8px;height:16px;background:var(--color);left:var(--x);transform:rotate(var(--angle));animation:fall var(--duration) ease-in forwards;animation-delay:var(--delay)}@keyframes fall{to{top:110%;transform:translate(var(--drift)) rotate(720deg);opacity:.1}}@media(max-width:650px){.pile-label{top:53%;font-size:8px}.draw-label{left:30%}.discard-label{left:70%}.pile-label strong{font-size:15px}.deal-banner{font-size:15px;width:75%}}.pile-label{top:20%}.watten-scene .pile-label{display:none}@media(max-width:650px){.brand strong{font-size:15px;letter-spacing:-.055em}}body:not(.in-game) #app{background:radial-gradient(ellipse 900px 550px at 50% 22%,#223628,#15231c,#101a15)}body:not(.in-game) #lobby{max-width:980px;margin:42px auto 64px;padding:0 28px}body:not(.in-game) .lobby-modal{max-width:none}.lobby-heading{text-align:center;margin:0 auto 30px}.lobby-heading .eyebrow{color:#aebd91;letter-spacing:.2em}.heading-star{padding:0 8px;color:#d2ba7d}body:not(.in-game) .lobby-heading h2{font-family:Fraunces,Georgia,serif;font-size:clamp(40px,6vw,66px);font-weight:500;letter-spacing:-.055em;line-height:1.08;margin:15px 0 10px;color:#f1f0e7}.lobby-heading h2 em{font-weight:500;color:#c9d6ae}body:not(.in-game) .lobby-heading p{margin:0;color:#aebdb0;font-size:14px}.lobby-form{background:#19271e;border:1px solid #435741;border-radius:14px;padding:25px 29px 19px;box-shadow:0 24px 70px #08120d66,0 1px #ffffff0d inset}.lobby-form .field-label{font-size:10px;font-weight:700;letter-spacing:.18em;color:#bdcba9;margin:0 0 10px}.lobby-form .field-label span{color:#779176;padding:0 5px}.lobby-form input:not([type=radio]){background:#111d16;border:1px solid #50624d;border-radius:7px;height:44px;color:#f0f1e8;font-size:14px}.lobby-form input:not([type=radio]):focus{outline:2px solid #bbce9a;outline-offset:2px;border-color:#9aaf81}.name-field{margin-bottom:24px}.lobby-form fieldset{min-width:0;border:0;padding:0;margin:0 0 23px}.lobby-form legend{padding:0;float:none}.game-choices,.mode-choices,.lobby-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.game-choice,.mode-choice{position:relative;display:block;cursor:pointer;min-width:0}.game-choice input,.mode-choice input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.game-choice-content{height:218px;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:17px 19px;background:radial-gradient(circle at 79% 22%,#33432b,#213326 38%,#1b2b20 75%);border:1px solid #4c6149;border-radius:10px;transition:transform .18s,border-color .18s,box-shadow .18s}.game-choice:nth-child(2) .game-choice-content{background:radial-gradient(circle at 78% 23%,#473e2c,#2a3227 44%,#202b21 78%)}.game-choice:hover .game-choice-content{transform:translateY(-2px);border-color:#9eb88a}.game-choice input:checked+.game-choice-content{border-color:#c1d6a1;box-shadow:0 0 0 1px #a4bd84 inset,0 10px 24px #08140f50}.game-choice input:focus-visible+.game-choice-content,.mode-choice input:focus-visible+.mode-choice-content{outline:2px solid #dfd2a4;outline-offset:3px}.choice-top{display:flex;justify-content:space-between;align-items:start;position:relative;z-index:1}.choice-number{font-family:Fraunces,Georgia,serif;font-size:15px;color:#afc194}.choice-check{display:grid;place-items:center;width:22px;height:22px;border:1px solid #74866c;border-radius:50%;color:transparent;font-size:12px}.game-choice input:checked+.game-choice-content .choice-check{background:#c3d5a4;border-color:#c3d5a4;color:#1b2c1d}.choice-art{position:absolute;top:20px;right:39px;width:130px;height:119px;pointer-events:none}.choice-art:before{content:"";position:absolute;inset:14px 0 0;border-radius:50%;background:#d8b66a22;filter:blur(18px)}.choice-art img{position:absolute;top:7px;width:65px;height:100px;object-fit:fill;border-radius:5px;box-shadow:0 7px 17px #0008;border:1px solid #e6dfc8}.choice-art img:first-child{left:18px;transform:rotate(-17deg)}.choice-art img:last-child{left:61px;top:12px;transform:rotate(11deg)}.choice-title{position:relative;z-index:1;margin-top:auto;font-family:Fraunces,Georgia,serif;font-size:27px;line-height:1;color:#f1eedf}.choice-description{position:relative;z-index:1;margin-top:5px;color:#c0cbb9;font-size:12px}.choice-meta{position:relative;z-index:1;margin-top:15px;border-top:1px solid #ffffff2c;padding-top:10px;color:#a9bf9a;font-size:9px;font-weight:700;letter-spacing:.12em}.choice-meta span{color:#bda975;padding:0 5px}.mode-choice-content{display:flex;align-items:center;gap:13px;min-height:66px;padding:12px 15px;background:#15231a;border:1px solid #4a5d48;border-radius:8px;transition:background .18s,border-color .18s}.mode-choice:hover .mode-choice-content{border-color:#9eb88a}.mode-choice input:checked+.mode-choice-content{background:#2a3e2a;border-color:#b7ca99}.mode-dot{width:17px;height:17px;flex:none;border-radius:50%;border:1.5px solid #8b9c7d;box-shadow:0 0 0 3px #15231a inset}.mode-choice input:checked+.mode-choice-content .mode-dot{background:#c2d5a1;border-color:#c2d5a1}.mode-choice strong{font-size:13px;color:#eef1e8}.mode-choice small{display:block;margin-top:3px;color:#a9baa7;font-size:11px}.lobby-start .field-label{display:block}.lobby-options{margin:0}.lobby-options .primary-btn,.lobby-options .secondary-btn{min-height:70px;padding:12px 16px;border-radius:8px;gap:12px}.lobby-options .primary-btn{background:#c3d3a5;border-color:#d6e2bb;color:#17261c}.lobby-options .primary-btn:hover{background:#d7e4bb}.lobby-options .secondary-btn{background:#263a29;border-color:#78936e}.lobby-options .secondary-btn:hover{background:#324a35}.lobby-options .action-symbol{display:grid;place-items:center;width:32px;min-width:32px;height:32px;border-radius:50%;background:#20341e23;color:inherit;font-size:19px}.lobby-options .secondary-btn .action-symbol{background:#b7cb9b1c;color:#cbddae}.lobby-options strong{font-size:13px}.lobby-options small{font-size:11px;color:inherit;opacity:.7}.lobby-options .arrow{color:inherit}.join-section{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff20;margin-top:23px;padding-top:18px}.join-section>span{font-size:10px;font-weight:700;letter-spacing:.16em;color:#aaba9e;white-space:nowrap}.join-row{border:0;padding:0;margin:0;max-width:395px;width:100%}.join-row input{height:40px!important}.join-row button{border-radius:7px;background:#334a32;border-color:#87a17a;font-size:12px;padding:0 17px}.join-row button:hover{background:#405a3d}.lobby-form .error{min-height:0;margin-top:0}.lobby-form .error:not(:empty){margin-top:13px}@media(max-width:650px){body:not(.in-game) #lobby{margin:33px auto 50px;padding:0 16px}.lobby-heading{margin-bottom:25px}.lobby-heading .eyebrow{font-size:8px}.lobby-form{padding:20px 17px 17px}.game-choices{gap:9px}.game-choice-content{height:198px;padding:13px}.choice-art{right:14px;top:18px;transform:scale(.78);transform-origin:top right}.choice-title{font-size:23px}.choice-description{font-size:11px}.choice-meta{font-size:8px;line-height:1.4;min-height:32px}.mode-choices,.lobby-options{gap:9px}.mode-choice-content{gap:9px;padding:10px}.mode-choice strong{font-size:12px}.mode-choice small{font-size:10px}.lobby-options .primary-btn,.lobby-options .secondary-btn{padding:10px;gap:7px}.lobby-options .action-symbol{display:none}.lobby-options strong{font-size:12px}.join-section{display:block}.join-row{max-width:none;margin-top:10px}}@media(max-width:390px){.game-choices,.mode-choices,.lobby-options{grid-template-columns:1fr}.game-choice-content{height:210px}.choice-art{right:35px;transform:scale(.85)}.choice-meta{min-height:0}.lobby-options .action-symbol{display:grid}}.online-count{font-size:11px;color:#d0dfb9;border:1px solid #53664e;border-radius:20px;padding:6px 9px;white-space:nowrap}.online-count:before{content:"";display:inline-block;width:5px;height:5px;background:#b9d391;border-radius:50%;margin-right:6px}@media(max-width:650px){.topbar{padding:0 12px;gap:8px}.top-actions{gap:5px}.online-count{font-size:10px;padding:5px 7px}.icon-button{padding:7px}.brand strong{font-size:13px}}.room-directory{border-top:1px solid #ffffff20;margin-top:20px;padding-top:12px}.room-directory h3{font-family:Fraunces,serif;font-weight:500;margin:0 0 10px;font-size:20px}#roomList{font-size:12px;color:#becbb7}.room-list-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #ffffff15}.room-list-row .action-button{width:auto;flex:none;margin:0}.game-choice input,.mode-choice input{z-index:2}.game-choice-content,.mode-choice-content{pointer-events:none}@media(max-width:650px){.room-list-row{align-items:start;flex-direction:column;gap:8px}}#rulesModal{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#06110dd9}.rules-modal{width:min(100%,760px);max-height:calc(100dvh - 40px);overflow-y:auto;border-radius:16px;padding:34px;background:linear-gradient(145deg,#223628,#142119);border-color:#647959;box-shadow:0 30px 100px #0009}.rules-modal h2{font-family:Fraunces,Georgia,serif;font-size:44px;font-weight:500;letter-spacing:-.04em;margin:12px 0 22px}.rules-modal p{font-size:14px;line-height:1.7;color:#c3d0bb}.rules-modal .modal-close{position:sticky;float:right;top:0;right:0;width:34px;height:34px;display:grid;place-items:center;border:1px solid #718363;border-radius:50%;background:#263c2b;font-size:23px;line-height:1}.rules-grid{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.rules-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:18px;border:1px solid #657d4e66;background:#111d1759;border-radius:10px}.rules-grid b{font-family:Fraunces,Georgia,serif;font-size:23px;color:#d4dcb6;line-height:1.2}.rules-grid span{font-size:13px;line-height:1.65;color:#c2ceba}.rules-note{padding-top:18px;color:#a9b99f!important}.rules-modal:focus{outline:none}@media(max-width:600px){#rulesModal{padding:12px}.rules-modal{padding:22px;max-height:calc(100dvh - 24px)}.rules-modal h2{font-size:36px}.rules-grid{grid-template-columns:1fr}.rules-grid>div{padding:15px}}.scene{background:radial-gradient(ellipse at 50% 45%,#24392c,#102019 80%)}.game-shell{border-radius:14px;border-color:#53654a;box-shadow:0 20px 60px #06100c66}.table-header{background:linear-gradient(100deg,#223627,#17271e)}.table-header h2{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:25px}.table-info{position:absolute;top:16px;left:20px;right:20px;display:flex;gap:10px;z-index:4;pointer-events:none}.table-info>div{background:#0d1c15e8;border:1px solid #73845a88;border-radius:8px;padding:10px 14px;box-shadow:0 6px 18px #0003}.table-info strong{display:block;font-size:9px;letter-spacing:.16em;color:#b5c695;margin-bottom:4px}.table-info span{display:block;font-size:12px;color:#eceddb}.table-footer{background:#14231a}@media(max-width:650px){.table-info{top:10px;left:10px;right:10px;gap:7px}.table-info>div{padding:7px 9px;min-width:0}.table-info span{font-size:10px}.table-header h2{font-size:19px}}.mobile-hand{display:none}@media(max-width:650px){body.in-game .layout{padding:0 8px;margin:12px auto;gap:10px}.scene{height:250px}.mobile-hand{display:block;background:#14251b;border-top:1px solid #80936040;padding:12px 0 6px}.mobile-hand:empty{display:none}.mobile-hand-label{padding:0 14px 9px;font-size:9px;letter-spacing:.12em;font-weight:700;color:#bdcea7}.mobile-hand-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;padding:4px 14px 10px}.mobile-card{min-width:0;padding:0;border:0;border-radius:8px;background:none;color:#e7eddd;opacity:1!important}.mobile-card img{display:block;width:100%;height:auto;aspect-ratio:130/205;object-fit:fill;border-radius:7px;box-shadow:0 4px 10px #0008;border:2px solid #c5d8a6}.mobile-card:disabled img{border-color:#66715d;filter:brightness(.9)}.mobile-card span{display:block;font-size:10px;padding-top:6px}.mobile-card:focus-visible{outline:3px solid #d8c28a;outline-offset:3px}.mobile-card:not(:disabled):active{transform:translateY(-3px)}.sidebar{display:flex;flex-direction:column;gap:10px}.action-panel{order:-1}.panel{margin:0}.actions>.hand-list[aria-label="Deine Karten"]{display:none}.actions .action-button,.actions .mau-toggle{min-height:44px}.table-footer{min-height:54px}.pile-label{top:18%}.table-info{top:8px}.watten-scene{height:270px}}.game-shell,.sidebar,.panel,.scene,.table-header>div,.player>div:last-child{min-width:0}.game-shell,.sidebar,.panel{max-width:100%}.scene canvas{max-width:100%}.status{min-width:0;overflow-wrap:anywhere}.table-info span{overflow-wrap:anywhere}@media(max-width:650px){.brand{min-width:0}.brand strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions{flex-shrink:0}.table-footer{flex-wrap:wrap}.table-header h2{overflow-wrap:anywhere}}.suit-symbol{display:inline-block!important;width:32px;height:38px;flex:0 0 32px;object-fit:contain;border-radius:5px;background:#f3f1e8;box-shadow:0 1px 4px #0004}.table-info-value{display:flex;align-items:center;gap:9px}.table-info-value>span:not(.suit-symbol){min-width:0}.wish-option{gap:12px}.table-info strong{margin-bottom:7px}.hover-card{display:flex;align-items:center;gap:9px;color:#e5d5a6;font-size:13px;font-weight:700;flex-basis:100%}.hover-card .suit-symbol{width:22px;height:26px;flex-basis:22px}.table-footer{flex-wrap:wrap}.table-footer .status{flex:1}.lobby-options #quickBtn{border-color:#a4b88c;background:#2e4430}.table-choice{padding:16px 24px;background:#223a29;border-block:1px solid #a6bc8055}.table-choice-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.table-choice h2{font-family:Fraunces,Georgia,serif;font-size:21px;margin:6px 0 0}.table-choice .wish-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0 0}.table-choice .wish-option{justify-content:center;padding:10px 8px;font-size:13px;background:#16291d}.table-choice .wish-option:hover,.table-choice .wish-option:focus-visible{border-color:#e5d09c;background:#3a5034;outline:2px solid #e5d09c;outline-offset:2px}.table-choice .text-button{min-height:42px}.table-event{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 18px;background:#1e3828;border-bottom:1px solid #8caa6b66;min-width:0}.table-event>div{min-width:0}.table-event strong{display:block;color:#f2efd8;font-size:14px;overflow-wrap:anywhere}.table-event span{display:block;color:#c5d2b9;font-size:11px;margin-top:3px}.penalty-event{background:#55301b;border-bottom:2px solid #f2bc73}.penalty-event strong{color:#ffdfab}.penalty-event span{color:#ffe8c5}.penalty-amount{font-family:Fraunces,Georgia,serif;font-size:34px;line-height:1;color:#ffe0a3;white-space:nowrap}@media(max-width:650px){.table-choice{padding:14px}.table-choice h2{font-size:18px}.table-choice .wish-option{flex-direction:column;gap:5px;padding:8px 3px;font-size:11px}.table-event{padding:8px 12px;gap:9px}.table-event strong{font-size:12px}.table-event span{font-size:10px}.table-event .suit-symbol{width:27px;height:32px;flex-basis:27px}.penalty-amount{font-size:30px}}.table-info{position:static;pointer-events:auto;padding:12px 20px;background:#13241a;flex-wrap:wrap}.table-info:empty{display:none}.table-info>div{flex:1;min-width:0}.announcement-card{width:42px;height:65px;object-fit:contain;border-radius:4px;flex:none}.in-watten #scene{display:none}.watten-board{padding:18px 24px 22px;background:radial-gradient(ellipse at 50% 30%,#2b4937,#152a1f)}.trick-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.trick-heading strong{font-family:Fraunces,Georgia,serif;font-size:21px}.trick-heading>span{font-size:11px;color:#c1d1af}.trick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.trick-seat{min-width:0;padding:12px 8px;border:1px solid #8da67d44;border-radius:10px;background:#0d21175c;text-align:center}.trick-seat.active{border-color:#c9dba4;background:#90aa6722;box-shadow:0 0 0 1px #c9dba433}.trick-seat>strong{display:block;overflow-wrap:anywhere;font-size:12px;color:#f1eddc}.seat-meta{display:block;margin-top:5px;font-size:10px;color:#b7caa7}.trick-card{height:170px;display:flex;align-items:center;justify-content:center;margin:12px 0}.trick-card img{height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 6px 7px #0005)}.trick-card>span{display:grid;place-items:center;border:1px dashed #9bb58066;border-radius:7px;height:100%;width:100px;max-width:100%;font-size:11px;color:#aec39a}.played-card-label{font-size:11px;font-weight:700;display:block;min-height:28px;color:#ecdfbd}.in-watten .mobile-hand{display:block;background:#14251b;border-top:1px solid #80936040;padding:16px 0 10px}.in-watten .mobile-hand:empty{display:none}.in-watten .mobile-hand-label{padding:0 20px 10px;font-size:10px;letter-spacing:.12em;color:#bdcea7;font-weight:700}.in-watten .mobile-hand-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:4px 20px 12px}.in-watten .mobile-card{min-width:0;padding:0;border:0;border-radius:8px;background:none;color:#e7eddd;opacity:1!important}.in-watten .mobile-card img{display:block;width:100%;max-height:195px;object-fit:contain;border-radius:7px;filter:drop-shadow(0 4px 6px #0005)}.in-watten .mobile-card:disabled img{filter:brightness(.85)}.in-watten .mobile-card:not(:disabled) img{outline:2px solid #c6d9a3;outline-offset:2px}.in-watten .mobile-card span{display:block;font-size:11px;padding-top:8px}.in-watten .mobile-card:not(:disabled):hover{transform:translateY(-4px)}.in-watten .actions>.hand-list[aria-label="Deine Karten"]{display:none}.previous-trick{margin-top:15px;border-top:1px solid #80936055;padding-top:13px}.previous-trick summary{font-size:12px;color:#cbd6ba;cursor:pointer}.previous-trick-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.previous-trick figure{margin:0;text-align:center}.previous-trick img{height:100px;max-width:100%}.previous-trick figcaption{font-size:10px;color:#c3d2b4;margin-top:6px}@media(max-width:650px){.table-info{padding:10px;gap:8px}.table-info>div{padding:8px}.table-info-value{gap:7px}.announcement-card{width:34px;height:53px}.watten-board{padding:14px 12px}.trick-heading{align-items:start;flex-direction:column;gap:5px}.trick-heading strong{font-size:19px}.trick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.trick-seat{padding:10px 7px}.trick-card{height:135px;margin:9px 0}.played-card-label{min-height:14px;font-size:10px}.in-watten .mobile-hand-cards{grid-template-columns:repeat(3,minmax(0,1fr));padding:4px 14px 12px;gap:12px 9px}.in-watten .mobile-hand-label{padding-left:14px}.in-watten .mobile-card img{max-height:none}.previous-trick-cards{gap:6px}.previous-trick img{height:80px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.language-picker select{background:#1b2a20;color:#e5edde;border:1px solid #53664e;border-radius:5px;padding:7px 20px 7px 8px;font:inherit;font-size:11px;cursor:pointer}.language-picker select:focus-visible{outline:2px solid #aabc91;outline-offset:2px}@media(max-width:650px){.language-picker select{max-width:76px;padding:6px 1px;font-size:10px}}.game-only{display:none}.privacy-choice{display:flex;align-items:center;gap:9px;font-size:12px;color:#bfceb4;margin:15px 0}.privacy-choice input{width:17px;height:17px;accent-color:#aac187}body.in-game{overflow:hidden;background:#101c18}body.in-game #app{height:100dvh;min-height:0;background:#101c18}body.in-game .topbar{position:fixed;top:9px;right:16px;left:auto;height:34px;padding:0;border:0;z-index:15;max-width:none;gap:6px}body.in-game .brand,body.in-game .connection{display:none}body.in-game .game-only{display:block}body.in-game .top-actions{gap:5px}body.in-game .icon-button{background:#17291edb;min-height:34px;padding:6px 9px}body.in-game .icon-button span{display:none}body.in-game .online-count{font-size:10px;margin:0 4px 0 0}body.in-game .layout{display:block;position:fixed;inset:0;max-width:none;margin:0;padding:0}body.in-game .game-shell{position:absolute;inset:0;border:0;border-radius:0;box-shadow:none;max-width:none;background:#101c18;display:grid;grid-template-rows:auto minmax(120px,1fr) auto auto auto;overflow:hidden}.game-hud{position:relative;z-index:5;background:linear-gradient(#13251e,#13251eee);padding:8px 22px 7px;border-bottom:1px solid #91a77c22}body.in-game .table-header{height:auto;min-height:36px;padding:0 260px 5px 0;background:none;border:0;gap:12px;justify-content:start}.table-header .table-kicker{display:none}body.in-game .table-header h2{margin:0;font-size:20px;letter-spacing:-.03em}.room-badge{padding:5px 8px;font-size:9px}.match-score{display:flex;align-items:center;gap:25px;justify-content:center;color:#d4ddbd;font-size:12px;min-height:0}.match-score:empty{display:none}.match-score>div{display:flex;align-items:center;gap:8px}.match-score span{font-size:9px;letter-spacing:.08em}.match-score strong{font-family:Fraunces,Georgia,serif;font-size:23px;color:#f6eacb}.match-score .score-detail{font-size:12px;color:#c0cfb4}body.in-game .table-info{position:static;display:flex;justify-content:center;padding:5px 0 0;background:none;gap:8px;flex-wrap:nowrap}.table-info:empty{display:none!important}body.in-game .table-info>div{flex:0 1 auto;display:flex;align-items:center;gap:9px;padding:5px 10px;background:#09190f99;border:1px solid #7e956244;box-shadow:none;border-radius:6px}body.in-game .table-info strong{margin:0;font-size:9px}body.in-game .table-info-value{gap:7px}body.in-game .table-info span{font-size:11px}.announcement-card{width:24px;height:36px}.table-info .suit-symbol{width:23px;height:27px;flex-basis:23px}body.in-game .table-event{padding:6px 12px;max-width:max-content;margin:6px auto 0;border:1px solid #a2b97a55;border-radius:7px}.table-event .suit-symbol{width:20px;height:24px;flex-basis:20px}.table-event strong{font-size:12px}.table-event span{font-size:10px}.penalty-amount{font-size:26px}body.in-game #scene.scene,body.in-game.in-watten #scene{display:block;position:relative;height:100%;min-height:0;width:100%;background:#101c18;touch-action:pan-y;overflow:hidden}#scene canvas{width:100%;height:100%;display:block}.seat-labels,.played-labels{position:absolute;inset:0;pointer-events:none;z-index:3}.seat-label{position:absolute;transform:translate(-50%,-50%);width:max-content;max-width:155px;padding:5px 9px;background:#0d1d17dd;border:1px solid #8da77c55;border-radius:8px;text-align:center;box-shadow:0 3px 10px #0003}.seat-label strong{display:block;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#eef0df}.seat-label span{display:block;font-size:9px;margin-top:3px;color:#b8cca7}.seat-label.active{border-color:#c5d99e;box-shadow:0 0 14px #b6cd7333}.seat-label.playing{background:#3e5736;border-color:#f0d79b}.played-label{position:absolute;transform:translate(-50%);font-size:10px;color:#f0e6c9;text-shadow:0 2px 3px #000;background:#102419d9;padding:3px 6px;border-radius:4px;white-space:nowrap}.pile-label{transform:translate(-50%,-50%);top:auto;left:auto;right:auto;font-size:9px}.pile-label strong{font-size:18px}.table-controls{z-index:6;padding:0 18px;background:linear-gradient(#13271d,#12241b)}.action-panel{min-height:0;padding:0;background:none}.actions{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;padding:9px 0;max-width:1100px;margin:auto}.actions>.hand-list[aria-label="Deine Karten"]{display:none!important}.actions .action-button,.actions .mau-toggle{width:auto;min-height:38px;margin:0;padding:8px 14px;text-align:center;font-size:12px;border-radius:7px}.actions .hand-list{margin:0;gap:5px}.actions .hand-list .card-option{font-size:12px;min-height:34px}.actions p,.actions .action-note{margin:0;font-size:11px;line-height:1.4;max-width:340px}.actions>p:first-child{display:none}.actions:empty{padding:0}.actions>.leave-button{display:none}.table-choice{padding:8px 0 10px;max-width:650px;margin:auto;border:0;background:none}.table-choice-heading{gap:12px}.table-choice h2{font-size:17px;margin:0}.table-choice .text-button{min-height:28px;padding:4px 0;font-size:11px}.table-choice .wish-options{margin:6px 0 0;grid-template-columns:repeat(4,minmax(0,1fr))}.table-choice .wish-option{padding:7px;gap:8px;flex-direction:row;font-size:12px}.wish-option .suit-symbol{width:24px;height:27px;flex-basis:24px}body.in-game .mobile-hand,body.in-game.in-watten .mobile-hand{display:block;padding:5px 18px 6px;background:radial-gradient(ellipse at top,#28452e,#13251c);border-top:1px solid #91a67344;min-height:0;z-index:5}body.in-game .mobile-hand:empty{display:none}body.in-game .mobile-hand-label{font-size:9px;letter-spacing:.1em;text-align:center;padding:0 0 6px;color:#bfcea9;font-weight:700}body.in-game .mobile-hand-cards,body.in-game.in-watten .mobile-hand-cards{display:grid;grid-template-columns:repeat(var(--hand-count),minmax(0,100px));justify-content:center;gap:7px;padding:0;max-width:1100px;margin:auto}body.in-game .mobile-card,body.in-game.in-watten .mobile-card{display:block;min-width:0;background:none;border:0;padding:0;color:#e9eedb;opacity:1!important;border-radius:6px;transition:transform .15s}body.in-game .mobile-card img,body.in-game.in-watten .mobile-card img{display:block;width:100%;height:clamp(85px,17dvh,150px);aspect-ratio:auto;object-fit:contain;max-height:none;border:0;border-radius:6px;filter:drop-shadow(0 4px 4px #0006);outline:0}body.in-game .mobile-card:disabled img,body.in-game.in-watten .mobile-card:disabled img{filter:brightness(.8) drop-shadow(0 4px 4px #0006)}body.in-game .mobile-card:not(:disabled) img{filter:drop-shadow(0 0 3px #cfe4aa)}body.in-game .mobile-card:not(:disabled):hover{transform:translateY(-5px)}body.in-game .mobile-card:focus-visible{outline:2px solid #ffe0a4;outline-offset:3px}body.in-game .mobile-card span,body.in-game.in-watten .mobile-card span{font-size:9px;padding-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.in-game .table-footer{padding:5px 18px;min-height:29px;border:0;background:#0d1d16;gap:10px;flex-wrap:nowrap;z-index:6}body.in-game .status{font-size:10px;line-height:1.35;max-height:28px;overflow:hidden}.turn-badge{padding:4px 7px;font-size:9px}.hover-card{font-size:11px;flex:none;max-width:190px;white-space:nowrap}.hover-card .suit-symbol{width:18px;height:21px;flex-basis:18px}.trick-history{position:absolute;top:100px;right:15px;z-index:10;background:#102519ee;border:1px solid #8da57566;border-radius:8px;padding:8px 10px;max-width:420px;font-size:11px}.trick-history[open]{box-shadow:0 12px 35px #0008}.trick-history summary{cursor:pointer}.trick-history #trickHistory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.trick-history figure{margin:10px 0 0;text-align:center}.trick-history img{max-width:100%;height:100px}.trick-history figcaption{font-size:10px;color:#c7d1b6}@media(max-width:700px){body.in-game .topbar{top:8px;right:8px}.top-actions .online-count{display:none}body.in-game .icon-button{padding:5px 8px;min-height:30px;font-size:12px}.game-hud{padding:8px 10px 6px}body.in-game .table-header{padding-right:180px;min-height:31px}body.in-game .table-header h2{font-size:15px;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-badge{display:none!important}.match-score{gap:13px}.match-score>div{gap:5px}.match-score strong{font-size:19px}.match-score .score-detail{font-size:10px}.match-score span{font-size:8px}body.in-game .table-info{gap:5px}.table-info>div{max-width:50%}body.in-game .table-info strong{font-size:8px}body.in-game .table-info span{font-size:10px}.announcement-card{width:20px;height:29px}.table-info-value{min-width:0}.seat-label{max-width:105px;padding:4px 5px}.seat-label strong{font-size:9px}.seat-label span{font-size:8px}.played-label{max-width:110px;overflow:hidden;text-overflow:ellipsis;font-size:8px;padding:2px 4px}.table-controls{padding:0 10px}.actions{padding:6px 0;gap:5px}.actions .action-button,.actions .mau-toggle{min-height:34px;font-size:11px;padding:6px 9px}.actions .action-note,.actions>p{display:none}.actions>.hand-list{justify-content:center}.actions>.hand-list .card-option{font-size:10px;padding:6px 7px;min-height:30px}body.in-game .mobile-hand,body.in-game.in-watten .mobile-hand{padding:5px 10px 6px}body.in-game .mobile-hand-cards,body.in-game.in-watten .mobile-hand-cards{grid-template-columns:repeat(var(--hand-columns),minmax(0,95px));gap:5px 7px}body.in-game .mobile-card img,body.in-game.in-watten .mobile-card img{height:clamp(55px,12dvh,100px)}body.in-game .mobile-card span,body.in-game.in-watten .mobile-card span{font-size:8px;padding-top:2px}.mobile-hand-label{font-size:8px!important}.table-choice .wish-option{font-size:11px;padding:5px;gap:5px}.table-choice h2{font-size:15px}.table-footer .hover-card{display:none}body.in-game .table-footer{padding:5px 10px}.trick-history{top:115px;right:8px;padding:6px;font-size:9px;max-width:calc(100% - 16px)}.trick-history:not([open]){opacity:.8}.trick-history img{height:85px}}@media(max-height:650px){body.in-game .mobile-card img,body.in-game.in-watten .mobile-card img{height:70px}.game-hud{padding-top:5px}.table-header h2{font-size:16px!important}.actions{padding:4px 0}.match-score strong{font-size:18px}.announcement-card{height:25px;width:17px}.table-info{padding-top:2px!important}.table-info>div{padding:3px 7px!important}.trick-history{top:95px}.seat-label span{display:none}}@media(max-width:350px){.match-score{flex-wrap:wrap;gap:3px 15px}.match-score .score-detail{flex-basis:100%;justify-content:center}.seat-label{max-width:85px}.seat-label span{font-size:7px}.actions .action-button,.actions .mau-toggle{font-size:10px;padding:6px 7px}}@media(max-height:600px){body.in-game .mobile-hand-cards,body.in-game.in-watten .mobile-hand-cards{grid-template-columns:repeat(var(--hand-count),minmax(0,85px))}body.in-game .game-shell{grid-template-rows:auto minmax(100px,1fr) auto auto auto}body.in-game .status{max-height:25px}.table-info .suit-symbol{width:18px;height:22px;flex-basis:18px}.actions .action-button,.actions .mau-toggle{min-height:30px}}.table-controls .action-panel{max-width:1100px;margin:auto;border-radius:10px;background:#14291fe6}.table-controls .actions{padding-inline:10px}.table-controls:has(#wishModal:not(.hidden)) .action-panel{display:none}.stack-label{background:#c3d29c;color:#14291a;font-weight:700;text-shadow:none;border:1px solid #e8edc9}@media(max-width:700px){.seat-label.self-seat,.played-label .played-by{display:none}.played-label{max-width:80px}.stack-label{max-width:65px}}body.in-game .game-shell{grid-template-rows:auto minmax(170px,1fr) auto auto auto}body.in-game .mobile-hand,body.in-game.in-watten .mobile-hand{--fan-width:145px;--fan-step:min(85px,calc((min(94vw,1000px) - var(--fan-width))/max(1,var(--hand-count) - 1)));position:relative;background:linear-gradient(transparent,#14291ce8 80%);border:0;padding:0 0 4px;margin-top:-30px;overflow:visible}body.in-game .mobile-hand-label{position:relative;z-index:2;padding:2px 10px 5px;font-size:10px}body.in-game .mobile-hand-cards,body.in-game.in-watten .mobile-hand-cards{display:block;position:relative;height:220px;width:100%;max-width:none;perspective:1000px}body.in-game .mobile-card,body.in-game.in-watten .mobile-card{position:absolute;left:calc(50% + var(--fan-offset)*var(--fan-step));top:8px;width:var(--fan-width);height:auto;transform:translate(-50%) translateY(var(--fan-y)) rotate(var(--fan-angle));transform-origin:50% 120%;transition:transform .18s,filter .18s;border-radius:10px;filter:drop-shadow(-5px 3px 5px #0007)}body.in-game .mobile-card img,body.in-game.in-watten .mobile-card img{width:100%;height:auto;aspect-ratio:300/450;object-fit:contain;border-radius:9px;filter:none!important}body.in-game .mobile-card:disabled img,body.in-game.in-watten .mobile-card:disabled img{filter:brightness(.93)!important}body.in-game .mobile-card span,body.in-game.in-watten .mobile-card span{display:none}body.in-game .mobile-card:not(:disabled){filter:drop-shadow(-4px 2px 4px #0006) drop-shadow(0 0 2px #d9e7ae)}body.in-game .mobile-card:hover,body.in-game .mobile-card:focus-visible{z-index:25;transform:translate(-50%) translateY(-32px) rotate(0) scale(1.08)}body.in-game .table-controls{padding-bottom:3px}body.in-game .actions{padding-top:6px;padding-bottom:6px}body.in-game .self-seat{display:none}@media(max-width:700px){body.in-game .mobile-hand,body.in-game.in-watten .mobile-hand{--fan-width:clamp(115px,34vw,155px);--fan-step:min(75px,calc((88vw - var(--fan-width))/max(1,var(--hand-count) - 1)));margin-top:-26px}body.in-game .mobile-hand-cards,body.in-game.in-watten .mobile-hand-cards{height:clamp(175px,27dvh,235px)}body.in-game .mobile-card img,body.in-game.in-watten .mobile-card img{height:auto;max-height:27dvh}body.in-game .game-shell{grid-template-rows:auto minmax(150px,1fr) auto auto auto}.seat-label{background:#102119cc;border:0;box-shadow:none;max-width:125px}.seat-label strong{font-size:11px}.seat-label span{font-size:9px}.played-label{font-size:10px;max-width:125px}.pile-label{font-size:10px}.pile-label strong{font-size:20px}}@media(max-height:600px){body.in-game .mobile-hand,body.in-game.in-watten .mobile-hand{--fan-width:95px;margin-top:-15px}body.in-game .mobile-hand-cards,body.in-game.in-watten .mobile-hand-cards{height:135px}body.in-game .mobile-card img,body.in-game.in-watten .mobile-card img{height:130px;max-height:none}body.in-game .mobile-hand-label{display:none}body.in-game .game-shell{grid-template-rows:auto minmax(90px,1fr) auto auto auto}}.match-score{display:grid;grid-template-columns:minmax(90px,160px) 70px minmax(90px,160px);gap:8px;max-width:410px;margin:auto;padding:5px 0}.match-score>.score-team{display:grid;grid-template-columns:1fr auto;gap:2px 9px;border-radius:8px;background:#21382c;padding:7px 11px;text-align:left;border:1px solid #5d755244}.match-score>.score-team.your-team{background:#2c4230;border-color:#a3b47966}.match-score .score-team:nth-child(2){grid-column:3;grid-row:1}.match-score .score-team-name{font-size:9px;letter-spacing:.07em;white-space:nowrap}.match-score .score-team strong{font-family:Arial,sans-serif;font-size:30px;font-weight:700;font-variant-numeric:tabular-nums;grid-column:1;line-height:1.1}.match-score strong small{font-size:12px;font-weight:400;color:#a4b397}.match-score .score-tricks{grid-column:2;grid-row:1/3;display:flex;gap:3px;align-self:center}.score-tricks i{width:7px;height:13px;border-radius:2px;border:1px solid #8b9a77;background:#102418;transform:rotate(-6deg)}.score-tricks i.won{background:#e3c784;border-color:#e3c784}.match-score>.score-stake{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:0;align-items:center;justify-content:center}.score-stake span{font-size:8px;letter-spacing:.06em}.match-score .score-stake strong{font:700 22px Arial,sans-serif;line-height:1.2}.score-stake small{font-size:9px;color:#aab89d}@media(max-width:350px){.match-score{grid-template-columns:1fr 46px 1fr;gap:4px}.match-score>.score-team{padding:5px 7px}.match-score .score-team strong{font-size:25px}.match-score .score-tricks{gap:2px}.score-tricks i{width:5px;height:10px}}@media(max-height:600px){.match-score{padding:0;max-width:360px}.match-score>.score-team{padding:3px 8px;display:flex;align-items:center}.match-score .score-team strong{font-size:22px}.match-score>.score-stake{flex-direction:row;gap:5px}.score-stake small{display:none}.match-score .score-team-name{font-size:8px}}body.in-game .trick-history{top:auto;bottom:8px;right:10px;max-width:calc(100% - 20px)}.mobile-hand:not(.announcing) .mobile-hand-label{visibility:hidden}.mobile-hand.announcing .mobile-hand-label{color:#ffe2a2;background:#152b20;border-radius:6px;width:max-content;max-width:100%;margin:auto}@media(hover:none){body.in-game .mobile-card:hover{transform:translate(-50%) translateY(var(--fan-y)) rotate(var(--fan-angle))}}.match-score .score-tricks{flex-direction:column;align-items:center;gap:5px}.score-tricks small{font-size:9px;letter-spacing:0;color:#c0ceb1}.trick-dots{display:flex;gap:3px}@media(max-width:700px){.played-label .played-by{display:block;font-size:8px;color:#d9dfc7}.played-label{font-size:10px;text-align:center;line-height:1.2;transform:translate(-50%,-2px)}}body.in-game .mobile-hand-cards,body.in-game.in-watten .mobile-hand-cards{height:248px}@media(max-width:700px){body.in-game .mobile-hand-cards,body.in-game.in-watten .mobile-hand-cards{height:calc(clamp(175px,27dvh,235px) + 24px)}body.in-game .mobile-hand,body.in-game.in-watten .mobile-hand{--fan-step:min(75px,calc((84vw - var(--fan-width))/max(1,var(--hand-count) - 1)))}}@media(max-height:600px){body.in-game .mobile-hand-cards,body.in-game.in-watten .mobile-hand-cards{height:150px}}.match-score:not(.watten-score){display:block;max-width:100%;font-size:11px;line-height:1.4;text-align:center}.match-score:not(.watten-score):empty{display:none}@media(max-width:700px)and (max-height:780px){.game-hud{padding-top:5px;padding-bottom:4px}.match-score{padding:2px 0}.match-score>.score-team{padding:4px 9px}.match-score .score-team strong{font-size:26px}.score-tricks small{font-size:8px}.score-tricks i{height:10px}body.in-game .table-info>div{padding:3px 7px}.announcement-card{width:17px;height:26px}body.in-game .table-info span{font-size:9px}body.in-game .mobile-hand,body.in-game.in-watten .mobile-hand{--fan-width:115px;margin-top:-10px}body.in-game .mobile-hand-cards,body.in-game.in-watten .mobile-hand-cards{height:190px}body.in-game .mobile-card img,body.in-game.in-watten .mobile-card img{height:170px;max-height:none}}@media(max-width:700px)and (max-height:600px){body.in-game .mobile-hand,body.in-game.in-watten .mobile-hand{--fan-width:95px}body.in-game .mobile-hand-cards,body.in-game.in-watten .mobile-hand-cards{height:145px}body.in-game .mobile-card img,body.in-game.in-watten .mobile-card img{height:130px}.match-score .score-team strong{font-size:22px}}.played-by:after{content:" · "}@media(max-width:700px){.played-by:after{content:none}}@media(max-width:700px){body.in-game .trick-history{left:10px;right:auto}}body.in-game .table-controls{height:88px;min-height:88px;display:grid;align-items:center;padding:0 10px;contain:layout}body.in-game .table-controls .action-panel{width:100%;background:none}body.in-game .actions{min-height:58px;padding:5px 0;font-size:12px;text-align:center}body.in-game .actions>p:only-child{display:block;margin:0;color:#c5d1bc}body.in-game .actions[data-phase=prepare]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}body.in-game .actions[data-phase=prepare] button{height:52px;padding:6px;font-size:11px;margin:0}body.in-game .table-footer{height:32px;min-height:32px;max-height:32px}body.in-game .mobile-card,body.in-game.in-watten .mobile-card,body.in-game .mobile-card:hover,body.in-game .mobile-card:focus-visible{--lift:0px;--tilt:var(--fan-angle);--zoom:1;left:50%;transform:translate3d(calc(-50% + var(--fan-offset)*var(--fan-step)),calc(var(--fan-y) + var(--lift)),0) rotate(var(--tilt)) scale(var(--zoom));transition:transform .14s ease;filter:none!important;box-shadow:-3px 4px 8px #0005;backface-visibility:hidden;touch-action:manipulation}body.in-game .mobile-card img,body.in-game .mobile-card:disabled img,body.in-game.in-watten .mobile-card:disabled img{filter:none!important}body.in-game .mobile-card:disabled img{opacity:.93}@media(hover:hover){body.in-game .mobile-card:not(:disabled):hover{--lift:-22px;--tilt:0deg;--zoom:1.04;z-index:25}}body.in-game .mobile-card:focus-visible,body.in-game .mobile-card.chosen{--lift:-18px;--tilt:0deg;z-index:25;outline:3px solid #edca79;outline-offset:2px}body.in-game .table-choice{width:min(100%,650px);padding:5px 9px;margin:0 auto;border:2px solid #edce85;border-radius:10px;background:#f2e8c9;color:#263527;box-shadow:0 0 0 3px #e5c77822}body.in-game .table-choice h2{font:700 15px DM Sans,sans-serif;color:#233326;margin:0}body.in-game .table-choice .text-button{color:#46513a;font-size:11px;padding:3px 0;min-height:22px}body.in-game .table-choice .wish-options{gap:6px;margin-top:4px}body.in-game .table-choice .wish-option{display:flex;flex-direction:row;justify-content:center;padding:6px 3px;gap:5px;min-height:43px;font-size:11px;background:#fffdf3;color:#253526;border:1px solid #b7a56f;border-radius:7px;touch-action:manipulation}body.in-game .table-choice .wish-option:hover,body.in-game .table-choice .wish-option:focus-visible{background:#e1edca;outline:2px solid #547644}body.in-game .table-choice .suit-symbol{width:25px;height:30px;flex-basis:25px}.ui-icon{display:block;width:20px;height:20px;flex:none}.icon-button{display:inline-flex;align-items:center;justify-content:center}body.in-game .icon-button{width:34px;height:34px;padding:7px;border-color:#879f6f44;border-radius:8px}.icon-button[aria-pressed=true]{background:#c2d4a4!important;color:#15291c}.arrow .ui-icon{width:20px;height:20px}.choice-check .ui-icon{width:15px;height:15px}.privacy-choice{position:relative;gap:10px;cursor:pointer}.privacy-choice input{position:absolute;left:0;width:22px;height:22px;opacity:0;padding:0;margin:0}.privacy-check{display:grid;place-items:center;width:22px;height:22px;flex:none;border:1px solid #8a9e75;border-radius:6px;background:#14261b}.privacy-check .ui-icon{opacity:0;width:17px;height:17px}.privacy-choice input:checked+.privacy-check{background:#c3d3a5;color:#182c1c}.privacy-choice input:checked+.privacy-check .ui-icon{opacity:1}.privacy-choice input:focus-visible+.privacy-check{outline:2px solid #e5d199;outline-offset:3px}@media(max-width:350px){body.in-game .table-choice .wish-option{font-size:10px;gap:3px}.table-choice .suit-symbol{width:20px!important;flex-basis:20px!important}.table-choice h2{font-size:13px!important}}@media(max-height:600px){body.in-game .table-controls{height:76px;min-height:76px}body.in-game .actions[data-phase=prepare] button{height:43px}}@media(prefers-reduced-motion:reduce){body.in-game .mobile-card{transition:none}}body.in-game .mobile-card:not(:disabled):hover{transform:translate3d(calc(-50% + var(--fan-offset)*var(--fan-step)),calc(var(--fan-y) + var(--lift)),0) rotate(var(--tilt)) scale(var(--zoom))}@media(max-width:700px){.played-label .played-value{display:none}.played-label .played-by{font-size:10px;color:#f1e8cc}}button,.privacy-choice,.game-choice,.mode-choice{-webkit-tap-highlight-color:transparent}.lobby-options .primary-btn .action-symbol{color:#17261c}.privacy-check{pointer-events:none}.privacy-choice input{z-index:1}@media(min-width:1100px)and (min-height:650px){body.in-game .game-shell{grid-template-rows:auto minmax(170px,1fr) 252px 32px}body.in-game #scene.scene,body.in-game.in-watten #scene{grid-column:1;grid-row:2/4;height:calc(100% - 90px)}.game-hud{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding:8px 24px}body.in-game .table-header{grid-column:1/-1;min-height:30px}.match-score{justify-self:end;margin:0;padding:0;width:410px}body.in-game .table-info{justify-self:start;align-self:center;padding:0}body.in-game .table-event{grid-column:2;grid-row:2;justify-self:start;margin:0}body.in-game:not(.in-watten) .table-info{grid-column:1;grid-row:2;justify-self:end}body.in-game:not(.in-watten) .match-score:not(:empty){grid-column:1/-1;grid-row:3;justify-self:center}body.in-game .mobile-hand,body.in-game.in-watten .mobile-hand{grid-column:1;grid-row:3;justify-self:center;width:min(650px,calc(100vw - 650px));margin-left:0;--fan-width:clamp(115px,15.85dvh,155px);--fan-step:min(112px,calc((min(600px,100vw - 700px) - var(--fan-width))/max(1,var(--hand-count) - 1)));margin-top:-18px;background:none;pointer-events:none}body.in-game .mobile-card{pointer-events:auto}body.in-game .mobile-hand,body.in-game.in-watten .mobile-hand{align-self:end}body.in-game .mobile-hand-cards,body.in-game.in-watten .mobile-hand-cards{height:calc(var(--fan-width)*1.5 + 20px)}body.in-game .table-controls{position:absolute;bottom:68px;right:24px;width:270px;height:180px;min-height:180px;padding:8px;background:#11251de8;border:1px solid #8b9c6c44;border-radius:12px}body.in-game .actions{flex-direction:column;gap:10px;min-height:58px}body.in-game .actions .action-button,body.in-game .actions .mau-toggle{width:100%;font-size:14px;min-height:42px}body.in-game .actions[data-phase=prepare]{grid-template-columns:1fr}body.in-game .actions[data-phase=prepare] button{height:38px;min-height:38px}body.in-game .table-choice .wish-options{grid-template-columns:repeat(2,minmax(0,1fr))}body.in-game .table-choice h2{font-size:14px}body.in-game .table-choice-heading{flex-wrap:wrap;gap:2px}body.in-game .table-footer{grid-row:4}body.in-game .trick-history{left:24px;right:auto;bottom:calc(clamp(190px,28dvh,280px) + 12px)}.seat-label{padding:7px 12px;max-width:190px}.seat-label strong{font-size:13px}.seat-label span{font-size:11px}.played-label{font-size:12px;padding:4px 7px}}@media(min-width:701px)and (max-width:1099px){body.in-game .trick-history{bottom:36px}}body.in-game .trick-history[open]{top:8px;bottom:auto;max-height:calc(100% - 16px);overflow:auto}.match-score.mau-score{display:grid;grid-template-columns:minmax(0,160px) 64px minmax(0,160px);gap:8px;width:100%;max-width:400px}.match-score.mau-score>.score-team{min-width:0;grid-template-columns:minmax(0,1fr)}.match-score.mau-score .score-team-name{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;font-size:10px}.match-score.mau-score .score-team strong{white-space:nowrap}.match-score.mau-score strong small{font-size:10px}.match-score.mau-score.multi-score{grid-template-columns:repeat(3,minmax(0,160px));max-width:496px}.match-score.mau-score.multi-score>.score-team{grid-column:auto;grid-row:auto}.match-score.mau-score.multi-score>.score-stake{grid-column:1/-1;grid-row:1;flex-direction:row;gap:7px}@media(min-width:1100px){.match-score.mau-score.multi-score{grid-template-columns:repeat(var(--score-players),minmax(0,160px));max-width:1000px}}@media(max-width:700px){.match-score.mau-score{gap:6px;padding:4px 0}.match-score.mau-score.multi-score{grid-template-columns:repeat(2,minmax(0,1fr));max-width:400px}.match-score.mau-score>.score-team{padding:5px 9px}.match-score.mau-score .score-team strong{font-size:26px}}@media(max-height:600px){.match-score.mau-score>.score-team{display:grid;padding:3px 7px}.match-score.mau-score .score-team strong{font-size:22px}}@media(max-width:1099px){html:has(body.in-game){overflow:hidden;overscroll-behavior:none}body.in-game,body.in-game #app{height:var(--game-height,100dvh);overflow:hidden;overscroll-behavior:none}body.in-game .layout{inset:0 0 auto;width:100%;height:var(--game-height,100dvh)}body.in-game .game-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto 88px 32px;min-height:0}body.in-game .game-shell>*{min-width:0}body.in-game #scene.scene{touch-action:none}body.in-game .table-controls{height:88px;min-height:0;padding:0 8px}body.in-game .mobile-hand,body.in-game.in-watten .mobile-hand{--hand-width:100vw;--fan-width:clamp(82px,calc(var(--game-height,100dvh)*.155),122px);--fan-step:min(72px,calc((var(--hand-width) - 58px - var(--fan-width))/max(1,var(--hand-count) - 1)));margin:0;padding:0 0 6px;overflow:visible}body.in-game .mobile-hand-cards,body.in-game.in-watten .mobile-hand-cards{height:calc(var(--fan-width)*1.54 + 26px);width:100%}body.in-game .mobile-card,body.in-game.in-watten .mobile-card{--tilt:clamp(-6deg,calc(var(--fan-offset)*2deg),6deg);top:5px;transform-origin:50% 80%;transform:translate3d(calc(-50% + var(--fan-offset)*var(--fan-step)),calc(min(var(--fan-y),12px) + var(--lift)),0) rotate(var(--tilt))}body.in-game .mobile-card img,body.in-game.in-watten .mobile-card img{height:auto;max-height:none;aspect-ratio:260/400;object-fit:contain}body.in-game .mobile-hand-label{height:18px;padding:1px 8px;font-size:9px!important;line-height:16px}body.in-game .mobile-card:not(:disabled):hover{transform:translate3d(calc(-50% + var(--fan-offset)*var(--fan-step)),calc(min(var(--fan-y),12px) + var(--lift)),0) rotate(var(--tilt))}body.in-game .mobile-card:active{--lift:-10px}body.in-game .table-footer{min-height:32px;height:32px;padding:3px 8px}}@media(max-width:700px){input,select,textarea,.modal input,.lobby-form input:not([type=radio]){font-size:16px}body.in-game .topbar{top:7px;right:8px;height:30px}body.in-game .top-actions{gap:3px}body.in-game .icon-button{width:30px;height:30px;min-height:30px;padding:5px}body.in-game .table-header{min-height:38px;padding:0 168px 3px 0}body.in-game .table-header h2{font-size:14px;max-width:none;white-space:normal;line-height:1.15;overflow-wrap:normal}body.in-game .game-hud{padding:6px 8px 4px}body.in-game .table-event{padding:3px 7px;margin:3px auto 0}body.in-game .table-event strong{font-size:11px}body.in-game .table-event span{font-size:9px}body.in-game .actions{padding:3px 0;gap:5px;min-height:0}body.in-game .actions .action-button,body.in-game .actions .mau-toggle{min-height:38px;font-size:12px}.match-score.mau-score.multi-score{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.match-score.mau-score.multi-score>.score-team{padding:3px 6px}.match-score.mau-score.multi-score .score-team-name{font-size:8px}.match-score.mau-score.multi-score .score-team strong{font-size:22px}.match-score.mau-score.multi-score strong small{font-size:8px}}@media(max-width:1099px)and (max-height:450px){body.in-game .game-shell{grid-template-columns:minmax(0,1fr) minmax(260px,42%);grid-template-rows:auto minmax(0,1fr) 76px 28px}body.in-game .game-hud{grid-column:1/-1}body.in-game #scene.scene{grid-column:1;grid-row:2/4}body.in-game .mobile-hand,body.in-game.in-watten .mobile-hand{grid-column:2;grid-row:2;align-self:center;--hand-width:42vw;--fan-width:clamp(70px,calc(var(--game-height,100dvh)*.23),100px)}body.in-game .table-controls{grid-column:2;grid-row:3;height:76px}body.in-game .table-footer{grid-column:1/-1;grid-row:4;height:28px;min-height:28px}}@media(max-width:700px){body.in-game .table-event span{display:none}body.in-game .table-event .penalty-amount{font-size:22px}}@media(max-width:700px){.pile-label{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:8px;line-height:1.2}.pile-label strong{font-size:14px;line-height:1.2}body.in-game:not(.in-watten) .played-label .played-value{display:block;font-size:11px;font-weight:700}body.in-game:not(.in-watten) .played-label .played-by{display:none}body.in-game .table-info>div{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;flex:1;padding:3px 6px}body.in-game .table-info strong{font-size:8px;line-height:1.1}body.in-game .table-info-value{gap:4px}body.in-game .table-info span{font-size:9px;line-height:1.15}body.in-game .table-info .announcement-card{width:16px;height:24px}body.in-game .table-info .suit-symbol{width:17px;height:22px;flex-basis:17px}body.in-game .mobile-hand:not(.announcing) .mobile-hand-label{display:none}body.in-game .mobile-hand-cards,body.in-game.in-watten .mobile-hand-cards{height:calc(var(--fan-width)*1.54 + 18px)}}@media(max-width:700px)and (max-height:600px){body.in-game .game-hud{padding:4px 8px}body.in-game .table-header{min-height:36px}body.in-game .table-header h2{font-size:12px!important}.match-score{gap:5px;padding:2px 0}.match-score>.score-team{display:grid;padding:3px 6px}.match-score .score-team strong{font-size:22px}.score-tricks small{display:none}}@media(max-width:700px){body.in-game.in-watten .game-shell{grid-template-rows:auto minmax(0,1fr) auto 76px 32px}body.in-game.in-watten .table-controls{height:76px}body.in-game:not(.in-watten) .game-hud{z-index:7}body.in-game:not(.in-watten) .table-event{position:fixed;top:calc(var(--game-height,100dvh) - 116px);bottom:auto;left:50%;transform:translate(-50%);margin:0;height:28px;padding:2px 7px;max-width:calc(100vw - 16px);white-space:nowrap}body.in-game:not(.in-watten) .table-event .suit-symbol{height:20px;width:18px;flex-basis:18px}body.in-game:not(.in-watten) .table-controls{align-items:end;padding-bottom:7px}body.in-game:not(.in-watten):has(#wishModal:not(.hidden)) .table-event{visibility:hidden}}