:root{--s141-bg:#060707;--s141-ink:#f7f3e9;--s141-muted:#b8aa8b;--s141-gold:#e6bd63;--s141-gold2:#8d5a18;--s141-line:#5f421d;--s141-felt:#07583e;--s141-felt2:#043b2b;--s141-panel:#0d1112;--s141-cyan:#75dbed;--s141-danger:#d8514d;--s141-good:#62dda5}
html,body{margin:0;min-height:100%;background:#040606;color:var(--s141-ink)}body.s141-ready{background:radial-gradient(circle at 50% -15%,#36220d 0,#0b0b08 28%,#030505 68%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#s141App{min-height:100dvh;padding:clamp(8px,1.2vw,18px);box-sizing:border-box;background:radial-gradient(circle at 50% 18%,rgba(184,111,24,.11),transparent 34%)}
#s141App *{box-sizing:border-box}.s141-topbar{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:center;max-width:1760px;margin:0 auto 10px;padding:10px 14px;border:1px solid #563b1d;border-radius:16px;background:linear-gradient(180deg,rgba(30,23,13,.97),rgba(7,9,9,.98));box-shadow:0 12px 30px #0008,inset 0 1px rgba(255,220,135,.12)}
.s141-brand{display:flex;align-items:center;gap:12px;min-width:0}.s141-logo{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#d7ad55 0 16%,#111 17% 48%,#d3a746 49% 56%,#050505 57%);box-shadow:0 0 22px #e0af4738}.s141-logo:after{content:"♠";color:#e8c567;font-size:24px}.s141-brand strong{display:block;font-family:Georgia,serif;font-size:clamp(20px,2.1vw,34px);letter-spacing:.08em;color:#f0cf82}.s141-brand small{display:block;color:#9e8d6e;letter-spacing:.18em;font-size:9px;margin-top:3px}
.s141-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.s141-chip{min-height:40px;padding:8px 12px;border:1px solid #4d3b24;border-radius:10px;background:#090e10;color:#f7f3e9;font-weight:800;white-space:nowrap}.s141-chip b{color:#ffd878}.s141-head-actions button{cursor:pointer}.s141-head-actions button:hover{border-color:#c18a32}
.s141-status{max-width:1760px;margin:0 auto 10px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid #503a21;border-radius:14px;overflow:hidden;background:#080d0f}.s141-stat{padding:9px 11px;border-right:1px solid #2f281d;min-width:0}.s141-stat:last-child{border-right:0}.s141-stat span{display:block;color:#928369;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.s141-stat b{display:block;margin-top:4px;font-size:clamp(14px,1.15vw,20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s141-stat.s141-chips b{color:#ffd66d}.s141-stat.s141-xp b{color:#76ddeb}.s141-stat.s141-pot b{color:#7de7ae}
.s141-layout{max-width:1760px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:10px;align-items:start}.s141-table-panel,.s141-side{border:1px solid #503a21;border-radius:18px;background:#070b0c;box-shadow:0 22px 55px #0008;overflow:hidden}.s141-table-panel{padding:10px}.s141-side{padding:10px;display:grid;gap:10px}
.s141-table-wrap{position:relative;width:100%;min-height:min(73dvh,790px);height:clamp(560px,70dvh,790px);perspective:1300px;overflow:hidden;border-radius:26px;background:radial-gradient(ellipse at 50% 45%,rgba(216,154,62,.13),transparent 42%),linear-gradient(#080808,#030505)}
.s141-wood{position:absolute;inset:3.5% 2%;border-radius:47% / 37%;background:radial-gradient(ellipse at 48% 5%,#9f5720 0,#633313 19%,#2e160a 55%,#160b06 83%),repeating-linear-gradient(92deg,rgba(255,205,112,.08) 0 2px,transparent 2px 15px);border:4px solid #a86a2e;box-shadow:inset 0 0 0 8px #25150b,inset 0 0 0 12px #b37a34,inset 0 0 32px #000,0 28px 55px #000c}
.s141-felt{position:absolute;inset:9% 6.2%;border-radius:45% / 35%;background:radial-gradient(ellipse at 50% 38%,#0d7656 0,#075b42 40%,#033a2c 76%,#02271f 100%);box-shadow:inset 0 0 80px #00160f,inset 0 0 0 2px #997132,inset 0 0 0 7px #173727;overflow:hidden;transform:rotateX(2deg);transform-origin:50% 55%}
.s141-felt:before{content:"";position:absolute;inset:3%;border-radius:44% / 34%;border:1px solid rgba(231,193,103,.38);background:radial-gradient(circle at 50% 50%,transparent 0 42%,rgba(255,255,255,.018) 42.5% 43%,transparent 43.5%);pointer-events:none}.s141-felt:after{content:"SCHNAPS\A PLAY · STRATEGY · TRADITION";white-space:pre;position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);text-align:center;color:rgba(222,184,94,.62);font-family:Georgia,serif;font-size:clamp(22px,3vw,48px);line-height:1.45;letter-spacing:.18em;text-shadow:0 2px 3px #001;pointer-events:none}
.s141-suit{position:absolute;font-size:clamp(26px,3vw,52px);opacity:.34;color:#d4b668;filter:drop-shadow(0 1px #000)}.s141-suit.h{left:13%;top:20%;color:#cc5a50}.s141-suit.l{right:13%;top:20%;color:#9cbb6a}.s141-suit.b{left:13%;bottom:20%;color:#d9af4e}.s141-suit.a{right:13%;bottom:20%;color:#bd8b55}
.s141-seat{position:absolute;z-index:8;display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid #795627;background:linear-gradient(#16150f,#080a0a);border-radius:12px;box-shadow:0 6px 18px #0009}.s141-seat .avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#1b2428;border:1px solid #c29645}.s141-seat b{display:block;font-size:14px}.s141-seat small{display:block;color:#a99d86;font-size:10px}.s141-seat.north{left:50%;top:4.5%;transform:translateX(-50%)}.s141-seat.south{left:50%;bottom:4.5%;transform:translateX(-50%)}
.s141-plaque{position:absolute;z-index:6;padding:5px 17px;border-radius:4px;background:linear-gradient(#4c2b12,#120b07);border:1px solid #d0a151;color:#efcf83;font:700 11px Georgia,serif;letter-spacing:.15em;box-shadow:0 4px 10px #0008}.s141-plaque.n{top:8%;left:50%;transform:translateX(-50%)}.s141-plaque.s{bottom:8%;left:50%;transform:translateX(-50%)}
.s141-message{position:absolute;left:50%;top:17%;transform:translateX(-50%);z-index:10;max-width:min(520px,76%);padding:8px 13px;border:1px solid #5f4729;border-radius:10px;background:#071113e8;color:#f8e7bc;text-align:center;font-weight:800;box-shadow:0 9px 22px #0008}.s141-message small{display:block;color:#77d6e7;margin-top:3px;font-size:9px;letter-spacing:.12em}.s141-trump{position:absolute;left:13%;top:42%;z-index:9;color:#d7c79f;font-size:12px;font-weight:800;letter-spacing:.1em}.s141-trump b{display:block;color:#fff;font-size:17px;margin-top:4px}
.s141-talon{position:absolute;right:13%;top:37%;z-index:9;width:clamp(72px,7vw,112px);aspect-ratio:2/3}.s141-talon:before,.s141-talon:after{content:"";position:absolute;inset:0;border-radius:8px;background:linear-gradient(135deg,#191205,#030303);border:2px solid #d0a550;box-shadow:0 7px 12px #0008}.s141-talon:before{transform:translate(-8px,5px) rotate(-2deg);opacity:.7}.s141-talon:after{transform:translate(-4px,2px) rotate(-1deg);opacity:.85}.s141-talon img{position:relative;z-index:3;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 12px #000b)}.s141-talon-count{position:absolute;left:100%;top:4px;margin-left:5px;background:#071219;border:1px solid #496474;border-radius:8px;padding:5px 8px;font-weight:900;color:#fff;z-index:5}
.s141-hand,.s141-opponent-hand,.s141-trick{position:absolute;z-index:12;left:50%;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}.s141-opponent-hand{top:12%;transform:translateX(-50%);gap:-4px}.s141-hand{bottom:11%;transform:translateX(-50%);min-width:44%;height:180px}.s141-trick{top:46%;transform:translate(-50%,-50%);width:300px;height:220px}.s141-card-shell{position:relative;width:clamp(82px,7.3vw,126px);aspect-ratio:2/3;margin:0 -9px;transform-origin:50% 92%;transition:transform .2s ease,filter .2s ease;filter:drop-shadow(0 12px 12px #0008);cursor:pointer}.s141-card-shell img{width:100%;height:100%;object-fit:contain;display:block}.s141-hand .s141-card-shell:nth-child(1){transform:rotate(-14deg) translateY(13px)}.s141-hand .s141-card-shell:nth-child(2){transform:rotate(-7deg) translateY(4px)}.s141-hand .s141-card-shell:nth-child(3){transform:rotate(0)}.s141-hand .s141-card-shell:nth-child(4){transform:rotate(7deg) translateY(4px)}.s141-hand .s141-card-shell:nth-child(5){transform:rotate(14deg) translateY(13px)}.s141-hand .s141-card-shell:hover{transform:translateY(-18px) scale(1.08);z-index:20;filter:drop-shadow(0 18px 16px #000c) drop-shadow(0 0 16px #e2b75480)}.s141-opponent-hand .s141-card-shell{width:clamp(55px,4.6vw,78px);margin:0 -12px;pointer-events:none}.s141-trick .s141-card-shell{position:absolute;width:clamp(90px,7vw,118px);margin:0}.s141-trick .s141-card-shell:first-child{transform:translate(-45px,5px) rotate(-7deg)}.s141-trick .s141-card-shell:nth-child(2){transform:translate(45px,-5px) rotate(7deg)}
.s141-actions{position:absolute;z-index:20;left:50%;bottom:1.2%;transform:translateX(-50%);display:flex;gap:7px;max-width:92%;flex-wrap:wrap;justify-content:center}.s141-action{min-height:40px;padding:8px 12px;border:1px solid #6c4d24;border-radius:10px;background:linear-gradient(#152126,#071013);color:#fff;font-weight:850;cursor:pointer;box-shadow:0 5px 12px #0007}.s141-action.primary{background:linear-gradient(#e0b44d,#9f6d19);color:#120d04;border-color:#f3d579}.s141-action:disabled{opacity:.38;cursor:not-allowed}.s141-action:hover:not(:disabled){border-color:#e0b355;filter:brightness(1.08)}
.s141-card-title{font-family:Georgia,serif;color:#f0cc7a;letter-spacing:.08em;font-size:17px;margin:0 0 8px}.s141-panel{border:1px solid #3d3324;border-radius:13px;background:linear-gradient(#101719,#080d0f);padding:11px}.s141-panel h3{margin:0 0 8px;font-size:16px}.s141-tier-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.s141-tier{border:1px solid #4a4335;border-radius:9px;background:#080d0e;color:#eee;padding:8px;font-weight:850;cursor:pointer}.s141-tier small{display:block;color:#9d927c;font-size:9px;margin-top:3px}.s141-tier.active{border-color:#d5a83e;color:#ffd56e;background:#211809}.s141-tier[data-tier=free].active{border-color:#4cd99d;color:#78eebd;background:#08251c}.s141-economy{font-size:11px;line-height:1.45;color:#b7a98d}.s141-economy strong{color:#f4d06c}.s141-economy .ok{color:#69e3a7}.s141-economy .warn{color:#f3c666}
.s141-lb-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.s141-lb-head select{background:#071014;color:#fff;border:1px solid #4d4433;border-radius:8px;padding:7px}.s141-lb{display:grid;gap:5px;margin-top:8px;max-height:260px;overflow:auto}.s141-lb-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;gap:6px;align-items:center;padding:7px 8px;border:1px solid #2f332d;border-radius:8px;background:#070d0e;font-size:11px}.s141-lb-row b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s141-lb-row .score{color:#ffd66c}.s141-lb-row .entries{color:#79ddec}.s141-lb-empty{color:#9f967f;padding:10px 2px;font-size:11px}
.s141-rules{display:grid;grid-template-columns:1fr 1fr;gap:6px}.s141-rule{padding:7px 8px;border-radius:8px;background:#090f10;border:1px solid #2c312c;color:#b8ad95;font-size:10px;line-height:1.35}.s141-rule b{color:#f4d174}.s141-footer{max-width:1760px;margin:10px auto 0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border:1px solid #3e3321;border-radius:12px;background:#080c0d;color:#8f8878;font-size:10px;letter-spacing:.07em}.s141-footer a{color:#d4bb7a;text-decoration:none}
#s141LegacyRuntime{position:fixed!important;left:-220vw!important;top:0!important;width:1600px!important;height:900px!important;overflow:hidden!important;opacity:.001!important;pointer-events:none!important;z-index:-999!important;contain:layout style paint!important}.s141-drawer{position:fixed;inset:0 0 0 auto;width:min(520px,94vw);z-index:1000000;background:#080d0f;border-left:1px solid #765222;box-shadow:-30px 0 70px #000b;padding:18px;transform:translateX(105%);transition:.22s;overflow:auto}.s141-drawer.open{transform:none}.s141-drawer .close{float:right;padding:8px 12px;border:1px solid #5f492e;border-radius:8px;background:#11191b;color:#fff;cursor:pointer}.s141-drawer h2{font-family:Georgia,serif;color:#efcb7b}.s141-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.s141-profile-cell{padding:10px;border:1px solid #37382f;border-radius:9px;background:#080f11}.s141-profile-cell small{display:block;color:#9a907b;letter-spacing:.1em}.s141-profile-cell b{display:block;margin-top:4px;font-size:20px}.s141-note{padding:9px;border:1px solid #5e4b28;border-radius:8px;background:#1c1609;color:#d9bd77;font-size:11px;line-height:1.45;margin-top:9px}
@media(max-width:1180px){.s141-layout{grid-template-columns:1fr}.s141-side{grid-template-columns:repeat(2,minmax(0,1fr))}.s141-status{grid-template-columns:repeat(4,minmax(0,1fr))}.s141-stat:nth-child(4){border-right:0}.s141-table-wrap{height:clamp(560px,67dvh,720px)}}
@media(max-width:760px){#s141App{padding:6px}.s141-topbar{grid-template-columns:1fr}.s141-head-actions{justify-content:flex-start}.s141-status{grid-template-columns:repeat(2,minmax(0,1fr))}.s141-stat:nth-child(even){border-right:0}.s141-side{grid-template-columns:1fr}.s141-table-wrap{height:clamp(600px,76dvh,760px);min-height:600px}.s141-wood{inset:2% .5%;border-radius:33% / 15%}.s141-felt{inset:7% 3%;border-radius:31% / 14%}.s141-seat.north{top:3%}.s141-seat.south{bottom:3%}.s141-plaque.n{top:7%}.s141-plaque.s{bottom:7%}.s141-message{top:15%;font-size:12px}.s141-opponent-hand{top:12%}.s141-hand{bottom:11%;height:165px;min-width:92%}.s141-card-shell{width:clamp(72px,21vw,104px);margin:0 -13px}.s141-talon{right:7%;top:39%;width:76px}.s141-trump{left:7%;top:39%}.s141-trick{top:49%}.s141-actions{bottom:.5%;width:96%}.s141-action{flex:1 1 42%;padding:7px 6px;font-size:11px}.s141-felt:after{font-size:22px;opacity:.55}.s141-rules{grid-template-columns:1fr}.s141-footer{align-items:flex-start;flex-direction:column}.s141-profile-grid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.s141-head-actions .s141-chip:nth-child(2){display:none}.s141-table-wrap{height:690px}.s141-seat{padding:6px 8px}.s141-seat .avatar{width:28px;height:28px}.s141-seat b{font-size:12px}.s141-card-shell{width:92px}.s141-hand .s141-card-shell{margin:0 -19px}.s141-opponent-hand .s141-card-shell{width:58px;margin:0 -17px}.s141-talon{width:65px}.s141-lb-row{grid-template-columns:24px minmax(0,1fr) auto}.s141-lb-row .entries{display:none}}
@media(prefers-reduced-motion:reduce){#s141App *{animation-duration:.001ms!important;transition-duration:.001ms!important}}