#salon-app{--card-w:86px;--card-h:124px;--step:31px}#salon-app h1{font-size:clamp(42px,6vw,76px);line-height:1.05;margin:12px 0}#salon-app h2{font-size:32px}.sc-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:35px 0}.sc-links{display:flex;gap:14px;flex-wrap:wrap;font-size:13px}.sc-links a{border-bottom:1px solid #b1ff6377}.sc-hubhero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:320px;border:1px solid #a085d447;border-radius:24px;background:radial-gradient(ellipse at 25% 80%,#462a68,#15121c 65%);padding:35px;overflow:hidden}.sc-fan{height:260px;position:relative;width:300px;margin:auto}.sc-fan>span{position:absolute;left:calc(35px + var(--i)*70px);top:calc(30px + var(--i)*8px);transform:rotate(calc((var(--i) - 1)*18deg));filter:drop-shadow(0 12px 15px #0007)}.sc-fan .sc-card{width:125px;height:185px}.sc-gamegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:35px 0}.sc-game{border:1px solid #665674;background:linear-gradient(140deg,#292131,#17151d);padding:18px;border-radius:18px;transition:transform .2s,border-color .2s}.sc-game:hover{transform:translateY(-5px);border-color:#c3ff61}.sc-game h2{font-size:30px!important}.sc-game p{font-size:13px;color:#c2baca;min-height:45px}.sc-game b{color:#c3ff61}.sc-game small{font-size:10px;color:#a696b6;letter-spacing:2px}.sc-mini{height:135px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#553375,#16111f);border-radius:12px;position:relative;margin-bottom:18px;overflow:hidden}.sc-mini>span{font-size:32px;font-weight:900;color:#c3ff61;z-index:1}.sc-mini img{position:absolute;width:110px;opacity:.2;transform:rotate(-15deg)}.sc-game-blackjack .sc-mini{background:radial-gradient(ellipse,#255448,#111f1d)}.sc-game-solitario .sc-mini{background:radial-gradient(ellipse,#544724,#211b13)}.sc-game-freecell .sc-mini{background:radial-gradient(ellipse,#2b4165,#121723)}.sc-facegrid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.sc-facegrid>div{text-align:center}.sc-facegrid .sc-card{margin:auto;width:110px;height:157px}.sc-facegrid p{font-size:12px}.sc-note{font-size:12px;color:#b8a9c6}.sc-card{display:inline-block;position:relative;width:var(--card-w);height:var(--card-h);background:linear-gradient(135deg,#fffdf4,#ede9dd);color:#202331;border:2px solid #e4d6b2;border-radius:9px;overflow:hidden;flex:none;box-shadow:0 3px 6px #0006;vertical-align:top}.sc-card.red{color:#ba224b}.sc-card.selected{outline:3px solid #cbff60;outline-offset:2px;box-shadow:0 0 20px #c3ff6160}.sc-corner{position:absolute;top:3px;left:5px;font:800 16px/1 Georgia,serif;text-align:center;z-index:2}.sc-corner i{display:block;font-size:15px;font-style:normal}.sc-corner.bottom{top:auto;left:auto;bottom:3px;right:5px;transform:rotate(180deg)}.sc-portrait{position:absolute;top:22%;left:21%;width:58%;height:57%;object-fit:contain;background:#211a2e;border:1px solid #b09047;border-radius:5px}.sc-name{position:absolute;bottom:7px;left:15px;right:15px;text-align:center;font:700 8px/1.1 Arial;color:#2c1c3f;overflow-wrap:anywhere}.sc-pips{position:absolute;inset:25px 16px;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;align-content:space-around;text-align:center}.sc-pips i{font:20px/.9 Georgia;font-style:normal}.sc-back{background:repeating-linear-gradient(45deg,#241639 0 6px,#362449 6px 8px);border-color:#ae8dce;display:inline-flex;align-items:center;justify-content:center}.sc-back img{width:70%;height:auto;filter:drop-shadow(0 0 7px #0008)}.sc-toolbar,.sc-playcontrols,.sc-online-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.sc-btn{background:#c3ff61;color:#172215;border:1px solid #c3ff61;padding:12px 19px;font-weight:750;border-radius:8px;min-height:44px;cursor:pointer}.sc-btn:hover{filter:brightness(1.1)}.sc-btn:disabled{opacity:.4;cursor:not-allowed}.sc-toolbar .sc-btn{background:#251c31;color:#e6dfef;border-color:#6f567e}.sc-toolbar details{flex:1;text-align:right}.sc-toolbar details[open]{flex-basis:100%;text-align:left;background:#241d2e;padding:15px;border-radius:12px}.sc-toolbar summary,.sc-online summary{cursor:pointer;min-height:40px}.sc-online{border:1px solid #73618e;border-radius:12px;padding:12px 18px;margin:20px 0;background:#21192b}.sc-online input,.sc-online select,.sc-playcontrols select{display:block;padding:10px;background:#120e1b;border:1px solid #6f567e;color:#fff;border-radius:5px;max-width:100%;font:inherit}.sc-online label{font-size:12px}.sc-online-controls>p{flex-basis:100%}.sc-online-controls>input{flex:1;min-width:180px}.sc-table-status{display:flex;justify-content:space-between;gap:20px;margin:25px 0 15px;background:#231e2b;border:1px solid #51445e;border-radius:10px;padding:14px 18px}.sc-table-status b{color:#ceff85}.sc-table{--card-w:64px;--card-h:91px;position:relative;min-height:710px;background:radial-gradient(ellipse,#18433c,#102923 65%,#1c1528 66%,#4a3263 69%,#160e23 72%);border:1px solid #67537b;border-radius:100px;box-shadow:inset 0 0 70px #0007;overflow:hidden}.sc-felt-brand{position:absolute;top:32%;left:50%;transform:translateX(-50%);opacity:.15;text-align:center;width:170px;pointer-events:none}.sc-felt-brand img{width:120px}.sc-felt-brand span{display:block;font-size:8px;letter-spacing:2px}.sc-seat{position:absolute;width:29%;text-align:center;padding:10px 4px;border:1px solid transparent;border-radius:16px}.sc-seat.active{border:2px solid #c3ff61;background:#c3ff6117;box-shadow:0 0 20px #b7ff2420}.sc-seat.mine .sc-seatname{color:#c3ff61}.seat-0{bottom:12px;left:35.5%}.seat-1{bottom:100px;left:3%}.seat-2{top:40px;left:3%}.seat-3{top:8px;left:35.5%}.seat-4{top:40px;right:3%}.seat-5{bottom:100px;right:3%}.sc-seatname{font-size:12px;font-weight:800;line-height:1.3;margin-bottom:7px;color:#e9e4f3}.sc-hand{display:flex;justify-content:center;flex-wrap:wrap;gap:3px}.sc-hand .sc-card{animation:sc-deal .25s ease-out}.sc-seatstats{font-size:11px;line-height:1.3;margin-top:7px;color:#dfd2bb}.sc-seat small{font-size:10px;color:#c9ff8b}.sc-seat.folded{opacity:.55}.sc-table .sc-name{font-size:6px;left:12px;right:12px;bottom:6px}.sc-table .sc-corner{font-size:13px}.sc-table .sc-corner i{font-size:12px}.sc-table .sc-pips{inset:22px 12px}.sc-table .sc-pips i{font-size:14px}.sc-center{position:absolute;top:45%;left:50%;transform:translate(-50%,-35%);text-align:center;max-width:90%;width:max-content}.sc-board{display:flex;justify-content:center;gap:5px;margin:12px 0}.sc-pot{font-size:16px;color:#d4d7c2}.sc-pot b{font-size:26px;color:#d0ff88}.sc-slot{width:var(--card-w);height:var(--card-h);border:1px dashed #d0e5c969;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:28px;color:#cad2b94a;background:#0002;flex:none}.sc-slot.red{color:#ef9fba88}.sc-playcontrols{justify-content:center;margin:22px 0;min-height:65px}.sc-playcontrols>p{flex-basis:100%;text-align:center;color:#d5ff9e;font-weight:700}.sc-waiting{text-align:center;padding:60px;background:#251d34;border-radius:20px}.sc-waiting img{width:120px}#sc-message{min-height:28px;color:#d9e7a8}.sc-patience{padding:22px;background:radial-gradient(ellipse at top,#234b3b,#12332e);border:8px solid #41314f;border-radius:20px;min-height:650px;overflow-x:auto}.sc-patience-scroll{min-width:670px}.sc-top-piles{display:flex;gap:12px;margin-bottom:26px;align-items:flex-start}.sc-pile-gap{flex:1}.sc-pile,.sc-stock,.sc-stacked{padding:0;background:transparent;border:0;color:inherit;cursor:pointer}.sc-pile small,.sc-stock small{display:block;color:#d9ddcb;font-size:10px;margin-top:6px}.sc-columns{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;min-height:350px}.sc-columns.eight{grid-template-columns:repeat(8,1fr)}.sc-column{position:relative;min-height:var(--card-h)}.sc-stacked{position:absolute;left:0;display:block}.sc-column>.sc-slot{position:absolute;top:0;left:0;cursor:pointer}.sc-victory{text-align:center;padding:25px;border-radius:15px;background:linear-gradient(90deg,#382246,#365333);border:2px solid #c3ff61}.sc-figures{margin-top:45px}#salon-app button:focus-visible,#salon-app a:focus-visible{outline:3px solid #e1ff99;outline-offset:4px}@keyframes sc-deal{from{transform:translateY(-12px);opacity:.3}to{transform:translateY(0);opacity:1}}@media(max-width:1050px){.sc-gamegrid{grid-template-columns:repeat(2,1fr)}#salon-app{--card-w:73px;--card-h:106px}.sc-patience-scroll{min-width:620px}.sc-top-piles{gap:7px}}@media(max-width:600px){.sc-heading{display:block}.sc-links{margin:20px 0}.sc-hubhero{grid-template-columns:1fr;padding:20px}.sc-fan{transform:scale(.86);height:230px}.sc-gamegrid{gap:10px}.sc-game{padding:12px}.sc-mini{height:95px}.sc-mini>span{font-size:24px}.sc-game h2{font-size:25px!important}.sc-facegrid{grid-template-columns:repeat(3,1fr);gap:10px}.sc-facegrid .sc-card{width:90px;height:134px}.sc-table{--card-w:45px;--card-h:66px;border-radius:35px;min-height:690px}.sc-seat{width:32%;padding:8px 2px}.seat-0{left:34%;bottom:12px}.seat-1{left:0;bottom:160px}.seat-2{left:0;top:65px}.seat-3{left:34%;top:8px}.seat-4{right:0;top:65px}.seat-5{right:0;bottom:160px}.sc-table .sc-corner{font-size:10px;left:2px;top:2px}.sc-table .sc-corner i{font-size:9px}.sc-table .sc-corner.bottom{left:auto;right:2px;bottom:2px;top:auto}.sc-table .sc-name{font-size:5px;left:8px;right:8px;bottom:4px}.sc-table .sc-pips{inset:16px 9px}.sc-table .sc-pips i{font-size:10px}.sc-center{top:45%}.sc-board{gap:3px}.sc-seatname{font-size:10px}.sc-seatstats{font-size:9px}.sc-seat small{font-size:9px}.sc-btn{padding:11px 13px;font-size:13px}.sc-playcontrols{gap:8px}.sc-table-status{padding:10px;font-size:12px}.sc-patience{padding:10px;border-width:4px}.sc-toolbar{gap:8px}.sc-toolbar details{flex:none}}@media(prefers-reduced-motion:reduce){.sc-hand .sc-card{animation:none}.sc-game{transition:none}}

@media(max-width:600px){body:has(#salon-app) main{padding-left:8px;padding-right:8px}#salon-app .sc-patience{--card-w:clamp(27px,calc((100vw - 66px)/8),64px);--card-h:calc(var(--card-w)*1.45);padding:6px;border-width:3px;min-height:510px}.sc-patience-scroll{min-width:0}.sc-top-piles{gap:3px;justify-content:space-between}.sc-columns{gap:3px}.sc-patience .sc-corner{font-size:12px;left:2px;top:2px}.sc-patience .sc-corner i{font-size:10px}.sc-patience .sc-corner.bottom{left:auto;top:auto;right:2px;bottom:2px}.sc-patience .sc-name{display:none}.sc-patience .sc-pips{inset:17px 6px}.sc-patience .sc-pips i{font-size:9px}.sc-patience .sc-slot{font-size:18px}.sc-table{min-height:560px}.sc-gamegrid{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-online-controls>input{min-width:0;width:100%}}