:root{--bg: #12181c;--panel: #1b2429;--line: #2c383f;--text: #e8eef1;--muted: #8fa3ad;--accent: #4a9c78;--gold: #e2b64f;--danger: #c2564c;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:60rem;margin:0 auto;padding:1rem}h1,h2,h3{font-weight:600;line-height:1.2}button{font:inherit;padding:.5rem .9rem;border:1px solid var(--line);border-radius:.4rem;background:var(--panel);color:var(--text);cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#0d1211;font-weight:600}input,select{font:inherit;width:100%;padding:.5rem;border:1px solid var(--line);border-radius:.4rem;background:#0e1417;color:var(--text)}label{display:block;margin-bottom:.75rem;color:var(--muted);font-size:.9rem}label input,label select{margin-top:.25rem;color:var(--text)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:.6rem;padding:1rem;margin-bottom:1rem}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.muted{color:var(--muted);font-size:.9rem}.error{color:var(--danger)}.hand{display:flex;flex-wrap:wrap;gap:.3rem}.card{min-width:3.2rem;padding:.9rem .5rem;text-align:left;font-size:1.25rem;font-weight:700;background:#f2f5f4;color:#10171b;border:1px solid #cbd5d1;border-radius:.35rem}.card.red{color:#b3231b}.card:disabled{opacity:.28}.card--image{min-width:0;padding:0;background:none;border:none;border-radius:.35rem;line-height:0}.card-img{display:block;width:3.6rem;height:auto;border-radius:.35rem}@media(min-width:40rem){.card-img{width:4.6rem}}.card--image:hover:not(:disabled){outline:2px solid var(--accent)}.card--image:disabled{opacity:.5;filter:saturate(.5)}.card.selected{outline:3px solid var(--accent)}.card.trump{box-shadow:inset 0 -.28rem 0 var(--accent)}.played{display:flex;flex-direction:column;gap:.25rem;align-items:center}.trick{display:flex;gap:.5rem;min-height:4.2rem;align-items:flex-end}.decks{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.6rem;margin-bottom:1rem}.deck{display:flex;flex-direction:column;gap:.35rem;align-items:flex-start;text-align:left;padding:.8rem;border-radius:.6rem}.deck.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.deck-preview{display:flex;gap:.3rem;align-items:center;margin-bottom:.25rem;min-height:3.4rem}.deck-preview .card{padding:.6rem .4rem;font-size:1.05rem}.deck-preview .card-img{width:2.6rem}.zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:.6rem;margin-bottom:.6rem}.zahl{display:flex;flex-direction:column;gap:.1rem}.zahl strong{font-size:1.5rem;font-variant-numeric:tabular-nums}.spielername{background:none;border:none;padding:0;color:var(--text);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:.2em;cursor:pointer}.spielername:hover:not(:disabled),.spielername:focus-visible{text-decoration-color:var(--accent);border-color:transparent}.seat{display:flex;justify-content:space-between;padding:.35rem 0;border-bottom:1px solid var(--line)}.seat.active{color:var(--accent);font-weight:600}.timer{height:.4rem;border-radius:.2rem;background:var(--line);overflow:hidden}.timer>div{height:100%;background:var(--accent);transition:width .2s linear}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.4rem .5rem;border-bottom:1px solid var(--line)}.doko{position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(120% 70% at 50% 38%,#1c3b2e,#14211d 55%,#0e1417);color:var(--text);padding:max(.5rem,env(safe-area-inset-top)) max(.5rem,env(safe-area-inset-right)) max(.5rem,env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left));gap:.4rem;--pc-ratio: 1.452;--hw: clamp(38px, 12.6vw, 56px);--tw: clamp(40px, 12vw, 58px);--bw: clamp(20px, 6.5vw, 30px)}.doko-top{display:flex;align-items:center;gap:.6rem;flex:0 0 auto}.doko-icon{width:2.2rem;height:2.2rem;padding:0;font-size:1.5rem;line-height:1;border-radius:50%;background:#ffffff0f;border:1px solid var(--line)}.doko-top-mid{display:flex;flex-direction:column;line-height:1.15;flex:1}.doko-top-mid strong{font-size:.98rem}.doko-top-mid .muted{font-size:.78rem}.doko-top-right{display:flex;gap:.35rem}.doko-badge{font-size:.72rem;padding:.15rem .5rem;border-radius:999px;background:#ffffff14;color:var(--muted);align-self:center}.doko-badge--bock{background:#e07b0038;color:#f0b060}.doko-felt{position:relative;flex:1 1 auto;min-height:0;border-radius:1.4rem;background:radial-gradient(80% 60% at 50% 45%,rgba(74,156,120,.18),transparent 70%);box-shadow:inset 0 0 60px #00000059}.doko-opp{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.2rem;max-width:34%}.doko-opp.at-top{top:.2rem;left:50%;transform:translate(-50%)}.doko-opp.at-top-left{top:.2rem;left:4%}.doko-opp.at-top-right{top:.2rem;right:4%}.doko-opp.at-left{left:.1rem;top:44%;transform:translateY(-50%)}.doko-opp.at-right{right:.1rem;top:44%;transform:translateY(-50%)}.doko-opp-name{display:flex;flex-direction:column;align-items:center;line-height:1.1;font-size:.76rem;text-align:center}.doko-opp-name>span{max-width:6.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doko-party{font-style:normal;font-size:.66rem;padding:0 .35rem;border-radius:999px}.doko-party--re{background:#4a9c7840;color:#7fd3ab}.doko-party--kontra{background:#c2564c40;color:#e59a92}.doko-tag{font-style:normal;font-size:.64rem;color:var(--muted);background:#ffffff0f;padding:0 .35rem;border-radius:999px}.doko-opp-score{font-size:.72rem;color:var(--muted);font-variant-numeric:tabular-nums}.doko-backs{position:relative;display:flex;padding:2px}.doko-backs .pc--back{margin-left:calc(var(--bw) * -.62)}.doko-backs.is-vertical{flex-direction:column}.doko-backs.is-vertical .pc--back{margin-left:0;margin-top:calc(var(--bw) * -1)}.doko-backs.is-vertical .pc--back:first-child{margin-top:0}.doko-count{position:absolute;right:-.5rem;bottom:-.35rem;font-size:.66rem;font-weight:700;min-width:1.1rem;height:1.1rem;display:grid;place-items:center;border-radius:999px;background:#0e1417;border:1px solid var(--line);color:var(--text)}.doko-avatar{width:2.75rem;height:2.75rem;border-radius:50%;padding:3px;display:grid;place-items:center;background:#ffffff14;transition:box-shadow .2s}.doko-avatar>span{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:700;color:#fff;letter-spacing:.02em}.doko-avatar.is-active{box-shadow:0 0 0 2px var(--accent),0 0 16px #4a9c7899;animation:doko-pulse 1.6s ease-in-out infinite}.doko-avatar.is-you{width:3rem;height:3rem}@keyframes doko-pulse{50%{box-shadow:0 0 0 2px var(--accent),0 0 26px #4a9c78e6}}.doko-trick{position:absolute;top:56%;left:50%;transform:translate(-50%,-50%);width:min(46vw,168px);height:min(46vw,168px)}.doko-trick-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--muted);font-size:.8rem;white-space:nowrap}.doko-trick-card{position:absolute}.doko-trick-card.at-bottom{bottom:0;left:50%;transform:translate(-50%) rotate(-5deg)}.doko-trick-card.at-top{top:0;left:50%;transform:translate(-50%) rotate(6deg)}.doko-trick-card.at-left{left:0;top:50%;transform:translateY(-50%) rotate(-7deg)}.doko-trick-card.at-right{right:0;top:50%;transform:translateY(-50%) rotate(7deg)}.doko-trick-card.at-top-left{top:6%;left:6%;transform:rotate(-6deg)}.doko-trick-card.at-top-right{top:6%;right:6%;transform:rotate(6deg)}.doko-last{position:absolute;bottom:.4rem;left:50%;transform:translate(-50%);font-size:.72rem;color:var(--muted);white-space:nowrap}.pc{border-radius:.32rem;overflow:hidden;background:#fff;box-shadow:0 2px 6px #0006;display:block}.pc-img{width:100%;height:100%;object-fit:contain;display:block}.pc-text{width:100%;height:100%;display:grid;place-items:center;font-weight:700;font-size:1.15rem;color:#10171b}.pc-text.pc-red{color:#b3231b}.pc-back{display:block;width:100%;height:100%;background:repeating-linear-gradient(45deg,#1f4e8c 0 6px,#2a63ad 6px 12px);border:2px solid #fff;border-radius:inherit}.pc--hand{width:var(--hw);height:calc(var(--hw) * var(--pc-ratio))}.pc--trick{width:var(--tw);height:calc(var(--tw) * var(--pc-ratio))}.pc--back{width:var(--bw);height:calc(var(--bw) * var(--pc-ratio))}.doko-me{flex:0 0 auto;display:flex;align-items:center;gap:.6rem;padding:.15rem .3rem}.doko-me-info{display:flex;flex-direction:column;line-height:1.15;flex:1}.doko-me-info strong{font-size:.92rem}.doko-me-info .muted{font-size:.76rem}.doko-turnclock{font-variant-numeric:tabular-nums;font-weight:700;color:var(--accent)}.doko-actions{flex:0 0 auto;display:flex;gap:.4rem;overflow-x:auto;padding:.15rem .2rem .35rem;scrollbar-width:none}.doko-actions::-webkit-scrollbar{display:none}.doko-action{flex:0 0 auto;padding:.55rem .9rem;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-weight:600;font-size:.85rem}.doko-action--call{background:#4a9c782e;border-color:var(--accent);color:#9fe0c1}.doko-hand{flex:0 0 auto;display:flex;justify-content:center;align-items:flex-end;min-height:calc(var(--hw) * var(--pc-ratio) + 18px);padding-top:18px}.doko-handcard{flex:0 0 auto;padding:0;border:none;background:none;transform-origin:bottom center;transition:transform .14s ease;margin-left:calc(var(--hw) * -.58)}.doko-handcard:first-child{margin-left:0}.doko-handcard:disabled{cursor:default}.doko-handcard:not(.is-playable) .pc{filter:brightness(.62) saturate(.7)}.doko-handcard.is-playable{cursor:pointer}.doko-handcard.is-playable .pc{outline:2px solid var(--accent)}.doko-handcard.is-selected .pc{outline:3px solid var(--accent)}@media(hover:hover){.doko-handcard.is-playable:hover{transform:translateY(-14px)!important;z-index:99!important}}.doko-error{position:absolute;bottom:calc(var(--hw) * var(--pc-ratio) + 3.4rem);left:50%;transform:translate(-50%);background:var(--danger);color:#fff;padding:.35rem .8rem;border-radius:999px;font-size:.82rem;z-index:50}.doko-sheet{position:fixed;inset:0;display:flex;align-items:flex-end;justify-content:center;background:#0000008c;z-index:100;padding:1rem}.doko-sheet-card{width:100%;max-width:30rem;background:var(--panel);border:1px solid var(--line);border-radius:1rem;padding:1.1rem;animation:doko-rise .2s ease}@keyframes doko-rise{0%{transform:translateY(16px);opacity:0}}.doko-sheet-card h2{margin:0 0 .5rem;font-size:1.05rem}.doko-sheet-row{display:flex;gap:.5rem;margin-top:.8rem}.doko-sheet-row .primary{flex:1}.doko-pick{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin:.6rem 0}.doko-pick .doko-handcard{margin-left:0;transform:none!important}.doko-sheet-card>.primary{width:100%}.doko--loading{align-items:center;justify-content:center;gap:.9rem}.doko-spinner{width:2.4rem;height:2.4rem;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:doko-spin .8s linear infinite}@keyframes doko-spin{to{transform:rotate(360deg)}}.doko--end{align-items:center;justify-content:center}.doko-end-card{width:100%;max-width:26rem;background:var(--panel);border:1px solid var(--line);border-radius:1.1rem;padding:1.4rem;text-align:center}.doko-end-card h1{margin:0 0 .2rem}.doko-standings{list-style:none;margin:1rem 0;padding:0;display:flex;flex-direction:column;gap:.4rem}.doko-standings li{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:.6rem;background:#ffffff0a}.doko-standings li.is-winner{background:#4a9c7829;border:1px solid rgba(74,156,120,.4)}.doko-place{font-size:1.1rem;min-width:1.8rem}.doko-standing-name{flex:1;text-align:left;display:flex;align-items:center;gap:.4rem}.doko-standing-points{font-weight:700;font-variant-numeric:tabular-nums}.doko-fineprint{font-size:.72rem;margin:.4rem 0 1rem}.doko-end-card .primary{width:100%}.doko-trump-bar{position:absolute;left:0;right:0;bottom:0;height:.28rem;background:var(--accent)}.pc--hand{position:relative}.doko--wait{gap:.8rem}.doko-wait{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:.7rem;max-width:24rem;width:100%;margin:0 auto}.doko-wait-seat{display:flex;align-items:center;gap:.7rem;padding:.6rem .8rem;border-radius:.7rem;background:#ffffff0d;font-weight:600}.doko-wait-seat.is-empty{color:var(--muted);font-weight:400;font-style:italic;opacity:.7}.doko-wait-hint{text-align:center;max-width:24rem;margin:0 auto}.doko-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.doko-backs .pc--back{margin-left:calc(var(--bw) * -.72)}.doko-backs .pc--back:first-child{margin-left:0}.doko-backs.is-vertical{flex-direction:column;align-items:center}.pc--back.side{width:calc(var(--bw) * var(--pc-ratio));height:var(--bw);position:relative;overflow:hidden;background:transparent;box-shadow:none;margin-left:0}.pc--back.side>*{position:absolute;top:50%;left:50%;width:var(--bw);height:calc(var(--bw) * var(--pc-ratio));transform:translate(-50%,-50%) rotate(90deg);border-radius:.3rem;box-shadow:0 1px 4px #0006}.doko-backs.is-vertical .pc--back.side{margin-top:calc(var(--bw) * -.55)}.doko-backs.is-vertical .pc--back.side:first-child{margin-top:0}.doko-tag--lead{background:#4a9c7847;color:#9fe0c1}.doko-trick-in{animation:tc-drop .3s cubic-bezier(.2,.7,.3,1) both}.at-bottom .doko-trick-in{--fx: 0px;--fy: 64px}.at-top .doko-trick-in{--fx: 0px;--fy: -64px}.at-left .doko-trick-in{--fx: -64px;--fy: 0px}.at-right .doko-trick-in{--fx: 64px;--fy: 0px}.at-top-left .doko-trick-in{--fx: -52px;--fy: -44px}.at-top-right .doko-trick-in{--fx: 52px;--fy: -44px}@keyframes tc-drop{0%{transform:translate(var(--fx, 0),var(--fy, 0)) scale(.85);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.doko-trick-in{animation:none}}.doko-wait-name{flex:1}.doko-seat-btn{padding:.35rem .75rem;border-radius:999px;font-size:.82rem;font-weight:600;background:#4a9c7829;border:1px solid var(--accent);color:#9fe0c1}.profile{display:flex;align-items:center;gap:1rem}.profile-pic{width:4.5rem;height:4.5rem;border-radius:50%;overflow:hidden;flex:0 0 auto;display:grid;place-items:center;background:#2d5e76;color:#fff;font-weight:700;font-size:1.4rem}.profile-pic img{width:100%;height:100%;object-fit:cover}.profile-actions{display:flex;flex-direction:column;gap:.15rem}.profile-btn{display:inline-block;padding:.5rem .9rem;border-radius:.4rem;border:1px solid var(--accent);background:#4a9c7829;color:#9fe0c1;font-weight:600;cursor:pointer;margin:0}.profile-btn.is-busy{opacity:.6;cursor:default}.front{position:fixed;inset:0;margin:0 auto;max-width:30rem;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(130% 55% at 50% 0%,#1c3b2e,#14211d 55%,#0e1417);padding-top:env(safe-area-inset-top)}@media(min-width:30rem){.front{box-shadow:0 0 0 1px var(--line),0 0 70px #0000008c}}.front-top{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem .35rem}.front-top .spielername{font-weight:600}.front-trophybadge{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .7rem;border-radius:999px;background:#00000047;border:1px solid rgba(226,182,79,.35);color:var(--gold);font-weight:700;font-variant-numeric:tabular-nums}.front-trophybadge svg{width:1rem;height:1rem}.front-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.4rem 1rem 1.2rem}.front-hero{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:1.1rem 0 1.3rem}.front-hero>svg{width:3.4rem;height:3.4rem;color:var(--gold);filter:drop-shadow(0 0 18px rgba(226,182,79,.35))}.front-hero-zahl{font-size:2.7rem;font-weight:800;line-height:1.1;color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 2px 0 rgba(0,0,0,.4)}.front-mode{background:radial-gradient(120% 120% at 50% 0%,rgba(74,156,120,.2),transparent 60%),var(--panel);border:1px solid var(--line);border-radius:1rem;padding:1.1rem;margin-bottom:1.2rem;text-align:center}.front-mode h2{margin:0 0 .15rem;font-size:1.35rem}.front-mode p{margin:0 0 .9rem}.front-play{display:block;width:100%;padding:.85rem;font-size:1.15rem;font-weight:700;letter-spacing:.02em;border-radius:.8rem;color:#0c1310;background:linear-gradient(180deg,#5cb98d,#3c8a67);border:1px solid #2c6a4e;box-shadow:0 4px #245442,0 6px 14px #00000059}.front-play:hover:not(:disabled){border-color:#2c6a4e;filter:brightness(1.06)}.front-play:active{transform:translateY(3px);box-shadow:0 1px #245442}.front-tabs{flex:0 0 auto;display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:.25rem;padding:.35rem .6rem calc(.4rem + env(safe-area-inset-bottom));background:#0c1114;border-top:1px solid var(--line)}.front-tab{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.12rem;padding:.4rem .2rem .3rem;background:none;border:none;border-radius:.6rem;color:var(--muted);font-size:.72rem;font-weight:600}.front-tab svg{width:1.5rem;height:1.5rem}.front-tab:hover:not(:disabled){border-color:transparent;color:var(--text)}.front-tab.is-active{color:var(--text);background:#ffffff0f}.front-tab--haupt svg{width:1.95rem;height:1.95rem}.front-tab--haupt.is-active{color:var(--accent);background:#4a9c781f}main.auth{max-width:24rem;padding-top:max(3rem,12vh)}main.auth h1{text-align:center;margin-bottom:.1rem;font-size:2rem}main.auth>.muted{text-align:center;margin-top:0;margin-bottom:1.3rem}