.pack-page{background:radial-gradient(ellipse at 25% 15%,#35394e,transparent 60%),var(--bg,#171027)}.pack-main{max-width:1280px;margin:auto;padding:12px 24px}.pack-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.pack-title h1{font-size:clamp(26px,4vw,40px);margin:8px 0}.pack-title p{margin:5px 0}.pack-stage{display:grid;grid-template-columns:280px minmax(0,850px);gap:24px;align-items:center;position:relative}.pack-host{height:450px;position:relative;transform:translateX(var(--host-x,0));filter:drop-shadow(0 8px 15px #08041270);mask-image:linear-gradient(transparent,#000 6%,#000 92%,transparent)}.pack-host img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;animation:pack-breathe 5s ease-in-out infinite}.pack-host .host-head{clip-path:inset(0 0 62%);transform-origin:50% 35%;animation:pack-head 7s ease-in-out infinite}.pack-host .host-body{clip-path:inset(38% 0 0)}.pack-host.cheer{animation:pack-cheer 1s ease-in-out 3}.pack-table{padding:18px;background:radial-gradient(ellipse,#304b42e8,#132922ee);border:2px solid #bc9956;border-radius:28px;box-shadow:inset 0 0 35px #0007,0 18px 40px #0005;min-width:0}.pack-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:13px;margin-bottom:14px}.pack-tableau{height:330px;position:relative}.pack-card{position:absolute;width:9.4%;aspect-ratio:5/7;min-height:0;height:auto;background:#fff5df;border:1px solid #c7b490;border-radius:7px;color:#272035;box-shadow:0 3px 5px #0007;padding:0}.pack-card.red{color:#b2274b}.pack-card .corner{position:absolute;left:5px;top:4px;font-weight:bold;font-size:clamp(11px,1.3vw,18px)}.pack-card .pip{position:absolute;left:50%;top:50%;transform:translate(-50%,-40%);font-size:30px}.pack-card .court{position:absolute;inset:26% 7% 5%;background:url('assets/klondike.webp') center/contain no-repeat}.pack-card.covered{filter:brightness(.75)}.pack-card.selected{box-shadow:0 0 0 3px #ffdb72,0 0 22px #ffdb7270;transform:translateY(-5px)}.pack-draw{display:flex;align-items:center;gap:20px;min-height:100px}.pack-waste{position:relative;width:70px;height:98px}.pack-waste .pack-card{width:70px}.pack-draw>button{min-height:70px;min-width:80px;border:2px solid #cba85f;background:repeating-linear-gradient(45deg,#332349,#332349 4px,#4d355f 5px,#4d355f 7px);color:#ffe2a2}.pack-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.pack-toolbar button{min-height:42px}.pack-status{font-size:14px;min-height:2.5em;margin:10px 0 0}.pack-settings{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:16px 0}.pack-reading{max-width:900px;margin:35px auto}.pack-reading p{line-height:1.65}.pack-page dialog{background:var(--panel,#251a36);color:var(--text,#fff2d9);border:2px solid #b99a60;border-radius:22px;max-width:min(90vw,480px);padding:28px}.pack-page dialog::backdrop{background:#080412b0}.scene-paused .pack-host *{animation-play-state:paused}@keyframes pack-breathe{50%{translate:0 -3px;scale:1.01}}@keyframes pack-head{50%{rotate:1deg}}@keyframes pack-cheer{50%{translate:0 -10px;rotate:-2deg}}@media(max-width:800px){.pack-main{padding:8px 10px}.pack-stage{display:block}.pack-host{position:absolute;right:8px;top:-76px;width:62px;height:76px;pointer-events:none}.pack-title{padding-right:64px}.pack-table{padding:10px;border-radius:18px}.pack-tableau{height:280px}.pack-card{border-radius:4px}.pack-card .corner{left:2px;top:3px;font-size:11px;white-space:nowrap}.pack-card .pip{font-size:19px}.pack-draw{min-height:75px;gap:18px}.pack-waste{width:48px;height:67px}.pack-waste .pack-card{width:48px}.pack-meta{font-size:11px;margin-bottom:8px}.pack-toolbar{gap:6px}.pack-toolbar button{flex:1;font-size:12px;padding:8px}.pack-status{font-size:12px}.pack-draw>button{min-height:58px}.pack-settings{font-size:12px;gap:12px}.pack-reading{padding:10px}.pack-title h1{font-size:27px}}@media(prefers-reduced-motion:reduce){.pack-host,.pack-host *{animation:none!important;transform:none!important}}

.pack-page[data-game=pyramid] .pack-tableau .pack-card,.pack-page[data-game=golf] .pack-tableau .pack-card{width:13.2%}.pack-page header .nav{min-height:54px}.pack-page .brand{font-size:25px}.living-static .pack-host *{animation:none!important}

.pack-card:disabled{opacity:1}.pack-card.covered{filter:brightness(.88)}