:root{color-scheme:dark}.solitaire-body{margin:0;min-height:100vh;color:#f7fbf8;background:radial-gradient(circle at 50% -20%,#174b3a 0,transparent 38%),linear-gradient(155deg,#020906,#071a14 62%,#020b08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.solitaire-body *{box-sizing:border-box}.solitaire-header{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,54px);border-bottom:1px solid #dfbd7150;background:#020a07dd;backdrop-filter:blur(14px)}.solitaire-brand,.solitaire-back{color:#f7fff9;text-decoration:none}.solitaire-brand{font-size:22px;font-weight:900;letter-spacing:-.04em}.solitaire-brand span{color:#42e4a5}.solitaire-brand b{margin-left:10px;padding:4px 7px;border:1px solid #e3bd6f55;border-radius:6px;color:#e9c579;font-size:8px;letter-spacing:.16em;vertical-align:middle}.solitaire-back{color:#bad0c7;font-size:12px;font-weight:750}.solitaire-page{width:min(1280px,100%);margin:auto;padding:28px clamp(8px,3vw,36px) 45px}.solitaire-copy{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 4px 20px}.solitaire-copy p{margin:0 0 6px;color:#e8c477;font-size:10px;font-weight:900;letter-spacing:.23em}.solitaire-copy h1{margin:0;font-size:clamp(36px,5vw,62px);line-height:1;letter-spacing:-.055em}.solitaire-copy span{display:block;margin-top:8px;color:#acc2b9;font-size:13px}.solitaire-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.solitaire-actions button,.solitaire-overlay button{border:1px solid #d9b66d55;border-radius:11px;color:#fff;background:linear-gradient(145deg,#224437,#0c2119);font:inherit;font-size:11px;font-weight:850;padding:11px 14px;cursor:pointer;box-shadow:inset 0 1px #fff1}.solitaire-actions button:hover{border-color:#efcc7f;transform:translateY(-1px)}.solitaire-shell{padding:10px;border:1px solid #d7b36644;border-radius:24px;background:linear-gradient(145deg,#10291f,#06130e);box-shadow:0 34px 90px #000a,inset 0 1px #fff1}.solitaire-hud{height:40px;display:flex;align-items:center;justify-content:center;gap:clamp(28px,8vw,110px);color:#8ca49a;font-size:9px;font-weight:850;letter-spacing:.14em}.solitaire-hud b{margin-left:6px;color:#fff;font-size:15px;letter-spacing:0}.solitaire-stage{position:relative;overflow:hidden;border-radius:17px;background:radial-gradient(circle at 50% 10%,#16845f,#075139 70%,#043326);box-shadow:inset 0 0 55px #00180f,0 12px 35px #0008}.solitaire-board{--gap:clamp(5px,1.05vw,13px);--card-w:calc((100% - 6*var(--gap))/7);position:relative;min-height:clamp(470px,58vw,690px);padding:clamp(10px,2vw,24px);perspective:1200px;background:linear-gradient(135deg,#ffffff08,transparent 36%),radial-gradient(circle at 20% 30%,#21a57425,transparent 35%)}.solitaire-top,.solitaire-tableau{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--gap)}.solitaire-top{margin-bottom:clamp(18px,3vw,34px)}.solitaire-spacer{grid-column:3}.solitaire-slot,.solitaire-pile{position:relative;min-width:0}.solitaire-slot{aspect-ratio:.71;border:1.5px solid #f1d18a3f;border-radius:clamp(5px,1vw,12px);box-shadow:inset 0 0 0 2px #002b1c44}.solitaire-slot:after{position:absolute;inset:0;display:grid;place-items:center;color:#e6c57c55;font-size:clamp(18px,4vw,44px);font-weight:800}.solitaire-slot[data-suit="♥"]:after{content:"♥"}.solitaire-slot[data-suit="♦"]:after{content:"♦"}.solitaire-slot[data-suit="♣"]:after{content:"♣"}.solitaire-slot[data-suit="♠"]:after{content:"♠"}.solitaire-pile{min-height:clamp(310px,46vw,540px)}.playing-card{position:absolute;inset:0 0 auto;width:100%;aspect-ratio:.71;border-radius:clamp(5px,1vw,12px);cursor:pointer;user-select:none;transform-style:preserve-3d;transition:transform .18s ease,filter .18s ease,top .18s ease;box-shadow:0 5px 9px #00170e66,0 1px 1px #0008}.playing-card:hover{filter:brightness(1.05);transform:translateY(-2px) rotateX(1deg)}.playing-card.face-up{color:#121514;background:linear-gradient(145deg,#fffef8 0,#eee8d9 78%,#cfc8b8 100%);border:1px solid #fff;box-shadow:0 7px 13px #00180f88,2px 1px 0 #ada697}.playing-card.red{color:#c82431}.playing-card.face-down{background:repeating-linear-gradient(45deg,#102d59 0 5px,#d8ad56 5px 7px,#173d76 7px 12px);border:clamp(3px,.45vw,6px) solid #f1e7cc;box-shadow:inset 0 0 0 2px #d4aa54,0 7px 13px #00180f99}.playing-card.face-down:before{content:"S";position:absolute;inset:12%;display:grid;place-items:center;border:1px solid #e7bd6988;border-radius:50%;color:#e7bd69;background:#10264ee6;font-size:clamp(14px,3vw,38px);font-weight:950;text-shadow:0 2px 4px #000}.playing-card.selected{transform:translateY(-7px) rotateX(-4deg);filter:drop-shadow(0 0 8px #ffdc7b);outline:2px solid #ffdc7b;z-index:80!important}.card-corner{position:absolute;left:9%;top:6%;font-size:clamp(8px,1.8vw,22px);font-weight:900;line-height:.85;text-align:center}.card-corner i{display:block;margin-top:3px;font-size:1.05em;font-style:normal}.card-center{position:absolute;inset:0;display:grid;place-items:center;font-family:Georgia,serif;font-size:clamp(20px,4.7vw,58px);font-weight:700;text-shadow:0 1px #fff}.card-center:after{content:attr(data-rank);position:absolute;right:9%;bottom:6%;font-family:Inter,sans-serif;font-size:.34em;transform:rotate(180deg)}.solitaire-toast{position:absolute;left:50%;bottom:18px;z-index:200;max-width:calc(100% - 24px);padding:10px 16px;border:1px solid #e5c06c66;border-radius:999px;color:#fff;background:#07150fe8;box-shadow:0 10px 30px #0008;opacity:0;transform:translate(-50%,12px);transition:.2s;pointer-events:none;font-size:11px;font-weight:750}.solitaire-toast.show{opacity:1;transform:translate(-50%,0)}.solitaire-overlay{position:absolute;inset:0;z-index:300;display:grid;grid-template-columns:minmax(0,44%) 1fr;align-items:center;gap:clamp(18px,5vw,70px);padding:clamp(18px,5vw,65px);background:linear-gradient(90deg,#020a07f2,#05140ddd);backdrop-filter:blur(5px)}.solitaire-overlay[hidden]{display:none}.solitaire-overlay img{width:min(380px,100%);height:auto;aspect-ratio:1;object-fit:cover;border:1px solid #edc87455;border-radius:22px;box-shadow:0 25px 85px #000b}.solitaire-overlay strong{display:block;font-size:clamp(30px,5vw,66px);line-height:.95;letter-spacing:-.06em}.solitaire-overlay span{display:block;max-width:470px;margin:17px 0 22px;color:#bed1c8;font-size:clamp(11px,1.5vw,16px);line-height:1.6}.solitaire-overlay button{min-width:140px;color:#09130e;background:linear-gradient(135deg,#f5d58b,#c99a47);font-size:12px;letter-spacing:.08em}.solitaire-help{margin:12px 5px 2px;text-align:center;color:#809a90;font-size:10px;line-height:1.5}@media(max-width:720px){.solitaire-header{height:56px}.solitaire-page{padding:16px 4px 28px}.solitaire-copy{align-items:flex-start;margin:0 7px 14px}.solitaire-copy h1{font-size:32px}.solitaire-copy span{max-width:210px;font-size:10px}.solitaire-actions{max-width:145px;gap:5px}.solitaire-actions button{padding:7px 8px;font-size:8px}.solitaire-shell{padding:5px;border-radius:15px}.solitaire-hud{height:32px;gap:18px;font-size:7px}.solitaire-hud b{font-size:11px}.solitaire-stage{border-radius:10px}.solitaire-board{--gap:4px;min-height:500px;padding:7px}.solitaire-top{margin-bottom:18px}.solitaire-pile{min-height:370px}.playing-card{border-radius:5px}.card-corner{font-size:9px}.card-center{font-size:23px}.solitaire-overlay{grid-template-columns:38% 1fr;gap:13px;padding:13px}.solitaire-overlay img{border-radius:12px}.solitaire-overlay strong{font-size:24px}.solitaire-overlay span{margin:8px 0 11px;font-size:8.5px}.solitaire-overlay button{min-width:94px;padding:9px 10px;font-size:9px}.solitaire-help{padding:0 6px;font-size:9px}}