.card-art[data-v-9f13ec34]{position:relative;display:block;width:100%;aspect-ratio:238 / 479;overflow:hidden;border:3px solid #e8e4d8;border-radius:.5rem}.portrait[data-v-9f13ec34]{display:block;width:100%;height:100%}.number-banner[data-v-9f13ec34],.name-banner[data-v-9f13ec34]{position:absolute;z-index:1;height:auto;filter:drop-shadow(0 .15rem .2rem #000c);transition:transform .16s ease-out}.number-banner[data-v-9f13ec34]{top:0;left:0;width:33%;transform-origin:top left}.name-banner[data-v-9f13ec34]{right:5px;bottom:5px;left:5px;width:calc(100% - 10px);transform-origin:bottom center}.card-art:hover .number-banner[data-v-9f13ec34]{transform:scale(1.5)}:root{color-scheme:dark;font-family:Georgia,Times New Roman,serif;background:#160a06;color:#fff1d2}*{box-sizing:border-box}body{min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{width:100%;cursor:pointer;border:1px solid #f4bd62;border-radius:.25rem 1rem;padding:.8rem 1rem;background:linear-gradient(145deg,#d88a2d,#8b3d18);color:#210b05;box-shadow:inset 0 1px #ffe09a99,0 .25rem .7rem #0007;font-weight:800}button.secondary{border-color:#8b5b3c;background:linear-gradient(145deg,#4b2b24,#241310);color:#f4dfbd}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible{outline:3px solid #ffd787;outline-offset:3px}input{width:100%;border:1px solid #a45d32;border-radius:.25rem .8rem;padding:.8rem;background:#1c0d0bcc;color:inherit;box-shadow:inset 0 .15rem .5rem #0008}.session-code{text-transform:uppercase;letter-spacing:.15em}label,.label{display:block;margin-bottom:.4rem;color:#dfbd8d;font-size:.9rem}main{display:flex;width:min(34rem,100%);min-height:100dvh;flex-direction:column;justify-content:center;margin:auto;padding:3rem 1rem}main.wide{display:block;width:100%;padding:0}header{margin-bottom:1.5rem;text-align:center}.site-logo{display:block;width:min(24rem,90%);max-height:13rem;margin:0 auto 1rem;object-fit:contain}h1{margin:.2rem 0}h2{margin:1.5rem 0 .75rem;font-size:1rem}p{color:#b9c5d6}.eyebrow{margin:0;color:#f0a747;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.card{border:1px solid #a45d32;border-radius:.35rem 1.4rem;padding:1.25rem;background:linear-gradient(145deg,#351711ee,#170b09f2);box-shadow:0 1rem 3rem #0009,inset 0 0 1.5rem #7e351533}.card.game-view{border:0;border-radius:0;padding:0;background:transparent}.entry,.entry form{display:grid;gap:.75rem}.divider{display:flex;align-items:center;gap:.75rem;margin:1rem 0;color:#7f8ca0}.divider:before,.divider:after{content:"";flex:1;border-top:1px solid #2e3b50}.session-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.code{display:block;font-size:1.75rem;letter-spacing:.12em}.connection{border:1px solid #a06332;border-radius:.2rem .8rem;padding:.3rem .6rem;background:#4a2b16dd;color:#ffe0a3;font-size:.8rem}.connection.online{border-color:#84a94d;background:#31451fe8;color:#dff0a0}.players{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}.players li{display:flex;align-items:center;gap:.65rem;padding:.65rem;border:1px solid #6b382555;border-radius:.2rem .85rem;background:#1b0d0bdb}.avatar{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid #c57a34;border-radius:50%;background:radial-gradient(circle at 35% 30%,#c26a2d,#4a1d12);color:#ffe0a3;font-weight:700}small{color:#eac784}.message{border:1px solid currentColor;border-radius:.2rem 1rem;padding:.7rem 1rem;box-shadow:0 .4rem 1rem #0007}.error{background:#482022;color:#ffaaa5}.activity{background:#33451fdd;color:#e4f0ad}.winner{background:#57301677;color:#ffe5ad;text-align:center;font-size:1.3rem;font-weight:800}.end-screen{position:relative;z-index:1;margin:1rem 0;border:1px solid #d78a37;border-radius:.35rem 1.4rem;padding:1rem;background:#2c120c70;box-shadow:0 .6rem 1.5rem #0008;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.end-screen .players li{background:#1b0d0b66}.round-question{text-align:center}.end-session-code{display:block;color:#f1c47d;text-align:center;letter-spacing:.12em}.waiting{background:#4b3215dd;color:#ffe2a0;text-align:center}.countdown{background:#4b3215dd;color:#ffe2a0;text-align:center;font-size:1.2rem;font-weight:700}.ready-state{margin-left:auto;color:#aab4c4;font-size:.85rem}.ready-state.ready{color:#8cf0ce}.lobby-actions{position:sticky;z-index:2;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem;padding-top:.65rem;background:linear-gradient(transparent,#170b09f2 35%)}.global-actions{position:fixed;z-index:300;top:1rem;left:1rem;display:grid;width:min(13rem,42vw);gap:.5rem}.global-actions button{width:100%}.global-actions .leave-button{border:1px solid #a45d32;background:linear-gradient(145deg,#55251c,#24100d);color:#f7d9b1}.global-actions small{border-radius:.4rem;padding:.25rem .4rem;background:#10151fcc;text-align:center}.own-status{display:block;text-align:center}.screen-message{position:fixed;z-index:400;inset:0;display:grid;place-items:start center;padding:clamp(5rem,14vh,9rem) 1rem 1rem;pointer-events:none}.screen-message .message{width:min(30rem,100%);margin:0;box-shadow:0 .5rem 1.5rem #0009}.game-table{--table-plane-perspective: 70rem;--table-plane-tilt: 55deg;--table-plane-stretch: 1.15;--table-plane-offset-y: -3.5rem;position:relative;width:100%;height:100dvh;min-height:46rem;overflow:hidden;background:#160a06 url(/Drachensachen/assets/skybox-BuC03JEI.png) center / cover no-repeat}.table-ellipse{--table-card-width: clamp(2.65rem, 3.9vw, 4.9rem);--table-stack-height: clamp(6.55rem, 9.15vw, 11.45rem);--table-face-offset: clamp(.75rem, 1.3vw, 1.65rem);--table-forward-offset: clamp(.89rem, 1.31vw, 1.65rem);position:absolute;top:50%;left:50%;width:min(108vw,120rem);height:auto;aspect-ratio:1532 / 1036;transform:translate(-50%,-50%);background:url(/Drachensachen/assets/table-DR816oz9.png) center / contain no-repeat;filter:drop-shadow(0 1.5rem 2rem #000b)}.table-plane{position:absolute;inset:0;transform:translateY(calc(var(--table-plane-offset-y) + var(--table-forward-offset))) perspective(var(--table-plane-perspective)) rotateX(var(--table-plane-tilt)) scaleY(var(--table-plane-stretch));transform-origin:center;transform-style:preserve-3d}.center-piles{position:absolute;z-index:30;top:50%;left:50%;display:flex;align-items:center;gap:clamp(1rem,1.7vw,2rem);transform:translate(-50%,-50%)}.session-engraving{position:absolute;top:calc(100% + .75rem);left:50%;translate:-50%;opacity:.7;color:#913518;font-size:clamp(.8rem,1.2vw,1.25rem);font-weight:800;letter-spacing:.16em;text-shadow:0 1px #d58b4c35,0 -1px #000b;white-space:nowrap}.table-plane .pile{position:relative;display:grid;width:var(--table-card-width);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff1d2;place-items:center}.pile:disabled{opacity:1}.pile:disabled .pile-card{opacity:.32;filter:grayscale(1)}.pile-heading{position:absolute;bottom:calc(100% + .12rem);left:50%;width:max-content;translate:-50%;border:1px solid #a45d32;border-radius:.2rem .7rem;padding:.18rem .45rem;background:#24100de8;color:#ffe5b4;font-size:.72rem;white-space:nowrap}.pile-card{position:relative;display:grid;width:var(--table-card-width);aspect-ratio:238 / 479;place-items:center}.table-plane .draw-stack .draw-stack-card,.table-plane .discard-stack .discard-stack-card{position:absolute;inset:0;width:100%;transform:translate(var(--stack-x),calc(var(--stack-y) + var(--stack-layer-y))) rotate(var(--stack-rotation))}.table-plane .discard-stack .discard-stack-card{transition:transform .18s ease}.discard-button:hover .discard-stack-card.relevant{transform:translate(calc(var(--stack-x) * 1.12),calc(var(--stack-y) * 1.12 + var(--stack-layer-y))) rotate(calc(var(--stack-rotation) * 1.12))}.required .pile-card{outline:3px solid #ffd75e;outline-offset:.2rem}.discard-button{position:relative;display:grid;width:var(--table-card-width);padding:0;border:0;background:transparent;box-shadow:none;color:inherit;place-items:center}.discard-button:disabled{cursor:not-allowed;opacity:1}.pile-card>.playing-card,.pile-card>.empty-stack{position:relative;z-index:100}.seat-name{position:absolute;z-index:var(--seat-z);top:var(--seat-y);left:var(--seat-x);max-width:13rem;translate:-50% -50%;border:1px solid #a55c32;border-radius:.2rem .75rem;padding:.3rem .6rem;overflow:hidden;background:#24100de3;box-shadow:0 .3rem .8rem #0008,inset 0 0 .5rem #a54e1e22;color:#ffe2b2;text-overflow:ellipsis;white-space:nowrap}.seat-name.active{border-color:#ffd75e;box-shadow:0 0 1rem #ffd75e88}.seat-name.own{border-color:#efbd63}.table-plane .player-seat{position:absolute;z-index:var(--seat-z);top:var(--seat-y);left:var(--seat-x);width:clamp(12rem,17.9vw,22.4rem);text-align:center;transform:translate(-50%,-50%);transform-origin:center;transition:top .25s ease,left .25s ease,transform .25s ease}.offline{color:#ffaaa5}.table-plane .tableau{display:flex;justify-content:center;gap:clamp(.25rem,.4vw,.5rem);transform:rotate(var(--seat-angle));transform-origin:center}.table-plane .tableau .card-stack.has-card:nth-child(1){translate:-.1rem .08rem;rotate:-1.2deg}.table-plane .tableau .card-stack.has-card:nth-child(2){translate:.04rem -.08rem;rotate:.7deg}.table-plane .tableau .card-stack.has-card:nth-child(3){translate:.12rem .06rem;rotate:1.5deg}.player-seat.active .tableau{animation:active-tableau 1.15s ease-in-out infinite alternate}.player-seat.active .card-stack{outline:2px solid #ffc45f;outline-offset:.2rem;border-radius:.6rem}.table-plane .card-stack{position:relative;width:var(--table-card-width);height:var(--table-stack-height);padding:0;border:0;background:transparent;box-shadow:none}.card-stack:disabled{cursor:default;opacity:1}.card-stack.unavailable,.own-hand .playing-card.unavailable{opacity:.3;filter:grayscale(1)}.empty-stack{display:grid;width:100%;aspect-ratio:238 / 479;place-items:center;border:1px dashed #a45d32;border-radius:.5rem;background:#24100d66;color:#d2a675;font-weight:500}.table-plane .pile-card.empty-stack{width:var(--table-card-width);height:calc(var(--table-card-width) * 479 / 238)}.playing-card{display:grid;width:4.5rem;aspect-ratio:238 / 479;padding:0;place-items:center;overflow:hidden;border:0;border-radius:.5rem;font-weight:800}.table-plane .playing-card{width:var(--table-card-width)}.playing-card.back{position:absolute;top:0;background:#273449;color:#8290a5}.playing-card.face{position:relative;background:#e8edf4;color:#182130;box-shadow:0 .2rem .5rem #0005}.table-plane .card-stack .face{position:absolute;top:var(--table-face-offset)}.table-plane .tableau .card-stack:nth-child(1) .back{transform:translate(-.04rem,.03rem) rotate(-.7deg)}.table-plane .tableau .card-stack:nth-child(1) .face{transform:translate(.04rem,-.02rem) rotate(.5deg)}.table-plane .tableau .card-stack:nth-child(2) .back{transform:translate(.03rem,-.04rem) rotate(.6deg)}.table-plane .tableau .card-stack:nth-child(2) .face{transform:translate(-.05rem,.02rem) rotate(-.8deg)}.table-plane .tableau .card-stack:nth-child(3) .back{transform:translate(.05rem,.02rem) rotate(1deg)}.table-plane .tableau .card-stack:nth-child(3) .face{transform:translate(-.03rem,-.04rem) rotate(-.5deg)}.playing-card.face span{font-size:.7rem;font-weight:500}.gap-marker{position:absolute;z-index:110;display:grid;width:2.6rem;height:2.6rem;translate:-50% -50%;place-items:center;border:2px solid #ffd75e;border-radius:50%;background:#10151fee;color:#ffe58a;box-shadow:0 0 1rem #ffd75e66;font-weight:800}.gap-marker.bottom-left{top:78%;left:22%}.gap-marker.left-top{top:22%;left:22%}.gap-marker.top-right{top:22%;left:78%}.gap-marker.right-bottom{top:78%;left:78%}.player-sidebar{position:fixed;z-index:250;top:1rem;right:1rem;display:grid;width:min(14rem,42vw);gap:.5rem}.hidden-players{border:1px solid #a45d32;border-radius:.25rem 1rem;padding:.7rem;background:#24100de8;box-shadow:0 .5rem 1.5rem #0008}.hidden-players h2{margin:0 0 .5rem}.list-toggle{margin:0 0 .65rem;padding:.4rem .6rem;font-size:.76rem}.hidden-players ul{display:grid;gap:.35rem;margin:0;padding:0;list-style:none}.hidden-players li{display:flex;justify-content:space-between;gap:.5rem}.hidden-players small{white-space:nowrap}.listed-player-action{display:grid;justify-items:end;gap:.2rem}.recovery-button{width:auto;padding:.25rem .4rem;font-size:.68rem}.turn-status{border:1px solid #a45d32;border-radius:.2rem .85rem;padding:.6rem;background:#321710e8;box-shadow:0 .5rem 1.5rem #0008;text-align:center}.turn-status.own-turn{border-color:#a8c95a;background:#35471fe8;color:#e4f0ad}.own-hand{position:fixed;z-index:180;right:1rem;bottom:0;left:1rem;overflow-x:auto;overflow-y:hidden;padding:1.5rem 1rem .5rem}.own-hand.empty-hand{display:none}.own-hand .hand{display:flex;width:max-content;min-width:100%;justify-content:center;padding:0 3rem}.own-hand .playing-card{z-index:var(--hand-index);width:5.4rem;flex:0 0 auto;isolation:isolate;transition:transform .14s ease}.own-hand .playing-card+.playing-card{margin-left:-3.6rem}.own-hand .playing-card:disabled{cursor:default;opacity:1}.own-hand .playing-card.unavailable{opacity:.3}.own-hand .playing-card.selected{z-index:900!important;outline:3px solid #67d3ad;transform:translateY(-.7rem)}.spectator-card{position:relative;background:transparent}.tableau-hand{display:none;gap:.5rem;width:max-content;min-width:100%;justify-content:center}.tableau-hand .card-stack{position:relative;width:5.4rem;height:12.7rem;padding:0;border:0;background:transparent;box-shadow:none}.tableau-hand .playing-card{width:5.4rem}.tableau-hand .face{position:absolute;top:1.8rem}.mobile-game-list{display:none}.card-animation-layer{position:fixed;z-index:360;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:4rem 4vw 8rem;overflow:hidden;pointer-events:none;perspective:70rem}.animated-card-grid{display:flex;max-width:92vw;max-height:70vh;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem;transform-origin:center;animation:card-enter .28s ease-out both,card-exit .28s ease-in var(--animation-exit-delay) forwards}.animated-card{width:var(--animated-card-width);aspect-ratio:238 / 479;perspective:70rem}.animated-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:card-flip .5s cubic-bezier(.2,.75,.25,1) var(--flip-delay) forwards}.animated-card-side{position:absolute!important;inset:0;width:100%;backface-visibility:hidden}.animated-card-front{transform:rotateY(180deg)}.animation-messages{display:grid;width:min(38rem,92vw);gap:.35rem;text-align:center}.animation-messages p{margin:0;border:1px solid #e7a448;border-radius:.2rem 1rem;padding:.7rem 1rem;background:#2b120de8;color:#ffe4b1;box-shadow:0 .5rem 1.5rem #000a;animation:message-reveal .2s ease-out both}.flat-overlay{position:fixed;z-index:200;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.5rem;padding:clamp(5rem,14vh,9rem) 1rem 12rem;pointer-events:none}.flat-overlay>*{width:min(32rem,100%);margin:0;pointer-events:none}.flat-overlay .end-screen,.flat-overlay .combo-choice,.flat-overlay .recovery-request{pointer-events:auto}.flat-overlay .end-screen{position:fixed;top:50%;left:50%;max-height:calc(100dvh - 8rem);overflow-y:auto;transform:translate(-50%,-50%)}.combo-choice{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;border:1px solid #ffe58a;border-radius:.6rem;padding:.8rem;background:#182130f2;text-align:center}.combo-choice span{grid-column:1 / -1;color:#ffe58a}.recovery-request{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.5rem;border:1px solid #d78a37;border-radius:.25rem 1rem;padding:.7rem;background:#2e140eed}.recovery-request button{width:auto;padding:.45rem .6rem}@media(hover:hover)and (pointer:fine){.own-hand .playing-card:hover{z-index:1000!important;transform:translateY(-1rem)}.own-hand .playing-card:hover~.playing-card{transform:translate(3.6rem)}}@media(hover:none){.card-art:hover .number-banner{transform:none!important}}@keyframes active-tableau{0%{filter:drop-shadow(0 0 .25rem #ff9a32)}to{filter:drop-shadow(0 0 1rem #ffd06b)}}@keyframes card-enter{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes card-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes card-flip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes message-reveal{0%{opacity:0;translate:0 .6rem}to{opacity:1;translate:0}}@media(max-width:760px){body:has(.game-view){overflow:hidden}.game-table{min-height:100dvh}.table-ellipse,.player-sidebar,.global-actions{display:none}.mobile-game-list{position:fixed;z-index:120;inset:0;display:flex;min-height:0;flex-direction:column;padding:.5rem .5rem 0}.mobile-game-header{position:sticky;top:0;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding-bottom:.5rem;background:linear-gradient(#160a06f5,#160a06df)}.mobile-game-header>div{display:contents}.mobile-game-header button{width:auto;min-width:7rem;min-height:2.35rem;flex:1 1 0;border-radius:.65rem;padding:.45rem .6rem;font-size:.76rem}.mobile-game-header .connection.online{display:grid;min-width:7rem;min-height:2.35rem;flex:1 1 0;border-radius:.65rem;padding:.45rem .6rem;place-items:center;box-shadow:inset 0 1px #dff0a055,0 .25rem .7rem #0007;font-size:.76rem;font-weight:800}.mobile-game-header .leave-button{border-color:#8b5b3c;background:linear-gradient(145deg,#4b2b24,#241310);color:#f4dfbd}.mobile-game-header .connection.reconnect{border-color:#a06332;background:#4a2b16dd;color:#ffe0a3;box-shadow:none}.mobile-player-scroll{min-height:0;flex:1;overflow-y:auto;padding:.4rem .15rem 13rem}.mobile-player-row{display:grid;min-width:0;grid-template-columns:6.3rem minmax(3.8rem,1fr) minmax(5.5rem,1.25fr);align-items:center;min-height:5.4rem;column-gap:.65rem;margin-bottom:.45rem;border:1px solid #8e5130;border-radius:.25rem .8rem;padding:.35rem;background:#24100dd9;box-shadow:0 .2rem .6rem #0007}.mobile-player-row.active{border-color:#92c65d;background:#31451fe8}.mobile-player-row.own{border-color:#ffd75e;background:#5a421de8}.mobile-player-row.active.own{border-color:#9cdb65;background:linear-gradient(135deg,#5a421de8,#35471fe8);box-shadow:0 0 .8rem #8ed45d99}.mobile-player-row.offline{opacity:.55}.mobile-tableau,.mobile-hand-preview{display:flex;min-width:0;align-items:center}.mobile-tableau{overflow:hidden}.mobile-hand-preview{overflow:visible}.mobile-tableau-card{display:block;width:2rem;flex:0 0 2rem}.mobile-tableau-card+.mobile-tableau-card{margin-left:.15rem}.mobile-tableau-card .empty-stack{font-size:.5rem}.mobile-player-name{min-width:0;overflow:hidden;color:#ffe6bc;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.mobile-player-name small{font-size:.65rem}.mobile-player-identity{display:grid;min-width:0;gap:.25rem}.mobile-player-identity .recovery-button{justify-self:start}.mobile-hand-preview{justify-content:flex-end;gap:.2rem;padding-left:.2rem}.mobile-hand-count{color:#ffe6bc;font-size:.78rem;font-weight:800;white-space:nowrap}.mobile-pile-label{color:#ffe6bc;font-size:.72rem;font-weight:800;white-space:nowrap}.mobile-pile{position:relative;display:grid;width:2.35rem;aspect-ratio:238 / 479;padding:0;border:0;border-radius:.3rem;background:transparent;box-shadow:none;place-items:center}.mobile-pile.required{z-index:3;width:4.7rem;outline:2px solid #ffd75e;outline-offset:.15rem}.mobile-pile .card-art{width:100%}.mobile-discard-cards{position:absolute;right:0;display:flex;width:max-content;align-items:center}.mobile-pile .mobile-discard-cards .card-art{width:2.35rem;flex:0 0 2.35rem}.mobile-discard-cards .card-art+.card-art{margin-left:-1.57rem}.mobile-pile.required .mobile-discard-cards .card-art{width:4.7rem;flex-basis:4.7rem}.mobile-pile.required .mobile-discard-cards .card-art+.card-art{margin-left:-3.13rem}.mobile-pile .empty-stack{font-size:.5rem}.mobile-pile small{position:absolute;z-index:5;top:-.3rem;right:-.3rem;min-width:1.15rem;border:1px solid #9a6648;border-radius:50%;padding:.08rem;background:#fff8e8;color:#6b351d;font-size:.62rem}.mobile-tableau-card .number-banner,.mobile-tableau-card.card-art:hover .number-banner{transform:scale(1.5)!important}.own-hand,.own-hand.empty-hand{display:block;right:.5rem;bottom:0;left:.5rem;z-index:180;padding:1rem .5rem .35rem}.own-hand .hand{justify-content:flex-start;padding:0 1rem}.own-hand .playing-card{width:4.5rem}.own-hand .playing-card+.playing-card{margin-left:-2.25rem}.tableau-hand{display:flex;gap:.3rem;justify-content:center!important}.tableau-hand .card-stack,.tableau-hand .playing-card{width:4.5rem}.tableau-hand .card-stack{height:10.6rem}.tableau-hand .back,.tableau-hand .face{left:50%;margin:0;transform:translate(-50%)}.tableau-hand .face{top:1.5rem}.tableau-hand .card-stack{translate:0;rotate:0deg}.spectator-active-hand{display:none}}@media(max-width:760px)and (orientation:portrait){.game-table{background-image:url(/Drachensachen/assets/mobile-CyU-70mg.png)}}