:root{--z-base: 1;--z-card-stack: 10;--z-controls: 100;--z-sticky: 500;--z-toolbar: 900;--z-toolbar-l2: 910;--z-ai-panel: 920;--z-card-hover: 950;--z-modal-backdrop: 1000;--z-modal: 1100;--z-toast: 1200;--z-edit-overlay: 1300;--z-edit-toolbar: 1400;--z-edit-drag: 1500;--z-keyboard-help: 2000;--card-width: clamp(70px, 18vw, 100px);--card-height: clamp(120px, 30vw, 171px);--card-gap: clamp(12px, 3vw, 24px);--slot-border-gap: 8px;--spread-top-offset: clamp(40px, 7vh, 100px);--spread-creation-padding: clamp(12px, 2vw, 24px);--controls-stack-gap: 12px;--cr-bg: linear-gradient(135deg, #1a1d2e 0%, #2d1b3d 100%);--cr-text: #fff;--cr-text-muted: rgba(255, 255, 255, .8);--cr-text-faint: rgba(255, 255, 255, .6);--cr-text-dimmed: rgba(255, 255, 255, .5);--cr-text-bright: rgba(255, 255, 255, .9);--cr-surface: rgba(0, 0, 0, .2);--cr-surface-heavy: rgba(0, 0, 0, .3);--cr-surface-subtle: rgba(0, 0, 0, .1);--cr-surface-intense: rgba(0, 0, 0, .85);--cr-surface-medium: rgba(0, 0, 0, .6);--cr-surface-card: #2a2d3a;--cr-modal-bg: rgba(26, 26, 46, .95);--cr-overlay: rgba(0, 0, 0, .7);--cr-neutral-bg: rgba(74, 85, 104, .3);--cr-neutral-bg-hover: rgba(74, 85, 104, .5);--cr-glass-faint: rgba(255, 255, 255, .05);--cr-glass-thin: rgba(255, 255, 255, .08);--cr-glass: rgba(255, 255, 255, .1);--cr-glass-medium: rgba(255, 255, 255, .15);--cr-glass-strong: rgba(255, 255, 255, .2);--cr-glass-hover: rgba(255, 255, 255, .2);--cr-border: rgba(255, 255, 255, .1);--cr-border-medium: rgba(255, 255, 255, .3);--cr-border-subtle: rgba(255, 255, 255, .35);--cr-border-dashed: rgba(255, 255, 255, .6);--cr-btn-muted-bg: rgba(255, 255, 255, .2);--cr-btn-muted-border: rgba(255, 255, 255, .3);--cr-btn-muted-text: #fff;--cr-btn-hide-bg: rgba(158, 158, 158, .3);--cr-btn-hide-border: rgba(158, 158, 158, .5);--cr-btn-hide-bg-hover: rgba(158, 158, 158, .5);--cr-btn-dark-bg: rgba(0, 0, 0, .45);--cr-btn-dark-bg-light: rgba(0, 0, 0, .35);--cr-reversals-bg: rgba(100, 100, 100, .4);--cr-reversals-border: rgba(150, 150, 150, .4);--cr-reversals-bg-hover: rgba(100, 100, 100, .6);--cr-reversals-border-hover: rgba(150, 150, 150, .6);--cr-ping-color: #fbbf24;--cr-ping-light: #fcd34d;--cr-scrollbar-track: rgba(255, 255, 255, .1);--cr-shadow: rgba(0, 0, 0, .3);--cr-shadow-heavy: rgba(0, 0, 0, .5);--cr-shadow-light: rgba(0, 0, 0, .2);--cr-shadow-deep: rgba(0, 0, 0, .35);--cr-text-shadow: 0 2px 4px rgba(0, 0, 0, .5);--slot-base-shadow: 0 2px 8px rgba(0, 0, 0, .25);--cr-cancel-bg: rgba(255, 255, 255, .1);--cr-cancel-bg-hover: rgba(255, 255, 255, .2);--cr-cancel-text: rgba(255, 255, 255, .8);--cr-accent: #d91b7a;--cr-accent-rgb: 217, 27, 122;--cr-danger: #f44336;--cr-danger-rgb: 244, 67, 54;--cr-warning: #ffc107;--cr-warning-rgb: 255, 193, 7;--cr-filled: #64b4e6;--cr-filled-rgb: 100, 180, 230;--cr-highlight-border: rgba(255, 215, 0, .9);--cr-highlight-bg: rgba(255, 215, 0, .15);--cr-highlight-shadow: rgba(255, 215, 0, .4);--cr-focus-outline: rgba(139, 92, 246, .8);--cr-btn-hover-accent: rgba(180, 160, 255, .5);--cr-btn-hover-glow: rgba(180, 160, 255, .15);--cr-reversals-active: rgba(147, 51, 234, .6);--cr-reversals-active-border: rgba(147, 51, 234, .8);--cr-saved-bg: rgba(76, 175, 80, .2);--cr-saved-border: rgba(76, 175, 80, .4);--cr-creating-border: rgba(255, 152, 0, .8);--cr-creating-shadow: rgba(255, 152, 0, .5);--cr-hint-blue: rgba(59, 130, 246, .35);--cr-hint-blue-border: rgba(59, 130, 246, .9);--cr-hint-cyan: rgba(14, 165, 233, .35);--cr-hint-cyan-border: rgba(14, 165, 233, .9);--cr-hint-amber: rgba(251, 191, 36, .35);--cr-hint-amber-border: rgba(251, 191, 36, .9);--cr-hint-green: rgba(16, 185, 129, .35);--cr-hint-green-border: rgba(16, 185, 129, .9);--cr-ai-crossref: #6ec6ff;--cr-ai-crossref-rgb: 110, 198, 255;--cr-ai-synthesis: #a78bfa;--cr-ai-synthesis-rgb: 167, 139, 250;--cr-ai-shadow: #f59e0b;--cr-ai-shadow-rgb: 245, 158, 11;--cr-ai-timing: #34d399;--cr-ai-timing-rgb: 52, 211, 153}.main-container[data-deck=lenormand]{--card-width: clamp(56px, 14.4vw, 80px);--card-height: clamp(87px, 22.5vw, 125px)}@media(max-width:768px){:root{--slot-border-gap: 6px}}[data-theme=light]{--cr-bg: linear-gradient(135deg, #f5f3ee 0%, #f7f6f3 50%, #f3f1ec 100%);--cr-text: #1a1a2e;--cr-text-muted: rgba(26, 26, 46, .75);--cr-text-faint: rgba(26, 26, 46, .55);--cr-text-dimmed: rgba(26, 26, 46, .45);--cr-text-bright: rgba(26, 26, 46, .85);--cr-surface: rgba(247, 245, 240, .8);--cr-surface-heavy: rgba(243, 240, 235, .9);--cr-surface-subtle: rgba(247, 245, 240, .55);--cr-surface-intense: rgba(243, 240, 235, .97);--cr-surface-medium: rgba(243, 240, 235, .9);--cr-surface-card: #eeebe5;--cr-modal-bg: rgba(243, 241, 238, .97);--cr-overlay: rgba(80, 70, 100, .4);--cr-neutral-bg: rgba(120, 100, 160, .15);--cr-neutral-bg-hover: rgba(120, 100, 160, .25);--cr-glass-faint: rgba(26, 26, 46, .04);--cr-glass-thin: rgba(26, 26, 46, .06);--cr-glass: rgba(26, 26, 46, .08);--cr-glass-medium: rgba(26, 26, 46, .12);--cr-glass-strong: rgba(26, 26, 46, .15);--cr-glass-hover: rgba(26, 26, 46, .12);--cr-border: rgba(26, 26, 46, .1);--cr-border-medium: rgba(26, 26, 46, .2);--cr-border-subtle: rgba(26, 26, 46, .15);--cr-border-dashed: rgba(26, 26, 46, .35);--cr-btn-muted-bg: rgba(26, 26, 46, .1);--cr-btn-muted-border: rgba(26, 26, 46, .2);--cr-btn-muted-text: #1a1a2e;--cr-btn-hide-bg: rgba(120, 120, 130, .15);--cr-btn-hide-border: rgba(120, 120, 130, .3);--cr-btn-hide-bg-hover: rgba(120, 120, 130, .25);--cr-btn-dark-bg: rgba(243, 241, 238, .8);--cr-btn-dark-bg-light: rgba(243, 241, 238, .65);--cr-reversals-bg: rgba(120, 120, 130, .2);--cr-reversals-border: rgba(120, 120, 130, .35);--cr-reversals-bg-hover: rgba(120, 120, 130, .3);--cr-reversals-border-hover: rgba(120, 120, 130, .45);--cr-scrollbar-track: rgba(26, 26, 46, .08);--cr-shadow: rgba(80, 60, 100, .15);--cr-shadow-heavy: rgba(80, 60, 100, .25);--cr-shadow-light: rgba(80, 60, 100, .1);--cr-shadow-deep: rgba(80, 60, 100, .2);--cr-text-shadow: 0 1px 3px rgba(80, 60, 100, .2);--slot-base-shadow: 0 2px 8px rgba(80, 60, 100, .18);--cr-cancel-bg: rgba(26, 26, 46, .08);--cr-cancel-bg-hover: rgba(26, 26, 46, .15);--cr-cancel-text: rgba(26, 26, 46, .7);--cr-ping-color: #d97706;--cr-ping-light: #f59e0b;--cr-accent: #8a77a8;--cr-accent-rgb: 138, 119, 168;--cr-danger: #dc2626;--cr-danger-rgb: 220, 38, 38;--cr-warning: #d97706;--cr-warning-rgb: 217, 119, 6;--cr-filled: #3b82f6;--cr-filled-rgb: 59, 130, 246;--cr-ai-crossref: #2563eb;--cr-ai-crossref-rgb: 37, 99, 235;--cr-ai-synthesis: #7c3aed;--cr-ai-synthesis-rgb: 124, 58, 237;--cr-ai-shadow: #d97706;--cr-ai-shadow-rgb: 217, 119, 6;--cr-ai-timing: #059669;--cr-ai-timing-rgb: 5, 150, 105}[data-theme=light] .spread-item-wrapper.active-wrapper,[data-theme=light] .deck-type-btn.active{box-shadow:0 0 8px rgba(var(--cr-accent-rgb),.2)}[data-theme=light] .spread-item-wrapper.active-wrapper,[data-theme=light] .deck-type-btn.active{background:rgba(var(--cr-accent-rgb),.15);color:var(--cr-text)}[data-theme=light] .customization-btn.apply{background:#6e588cd9}[data-theme=light] .customization-btn.apply:hover{background:#6e588c}[data-theme=light] .copyright-footer{background:#f0f0f5d9}[data-theme=light] .remaining-bar-num{background:linear-gradient(90deg,#555,#888,#5a6878,#7a5868,#8a7050,#587080,#685878,#888,#555);background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.copyright-footer{position:fixed;bottom:0;left:0;right:0;background:#000000b3;padding:8px;text-align:center;font-size:11px;color:var(--cr-text-faint);z-index:var(--z-sticky);border-top:1px solid rgba(var(--cr-accent-rgb),.3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Microsoft YaHei,sans-serif;background:var(--cr-bg);color:var(--cr-text);min-height:100vh;padding-top:52px;overflow-x:hidden;overflow-y:auto}.main-container{display:grid;grid-template-columns:100px 1fr;grid-template-rows:auto 1fr;height:calc(100vh - 52px);gap:0;transition:grid-template-columns .3s ease}.main-container.sidebar-collapsed{grid-template-columns:0 1fr}.spreads-toolbar{grid-column:1 / -1;grid-row:1;display:flex;flex-direction:row;align-items:center;gap:8px;padding:1px 12px;background:var(--cr-surface);border-bottom:1px solid rgba(var(--cr-accent-rgb),.3);border-right:none;overflow-x:auto;overflow-y:hidden;min-width:0;position:relative}.spreads-toolbar::-webkit-scrollbar{height:6px}.spreads-toolbar::-webkit-scrollbar-track{background:var(--cr-scrollbar-track);border-radius:3px}.spreads-toolbar::-webkit-scrollbar-thumb{background:rgba(var(--cr-accent-rgb),.5);border-radius:3px}.spreads-toolbar::-webkit-scrollbar-thumb:hover{background:rgba(var(--cr-accent-rgb),.7)}.spreads-row{display:flex;align-items:center;gap:4px;overflow:visible;flex:1 0 auto;min-width:0}.spread-cache-tray{display:inline-flex;align-items:center;gap:4px;min-width:auto;flex-shrink:0}.spread-cache-toggle{display:inline-flex;align-items:center;padding:3px 10px;border-radius:16px;border:1px dashed var(--cr-border-medium);background:var(--cr-glass-thin);color:var(--cr-text-muted);font-size:12px;cursor:pointer;flex-shrink:0;transition:all .2s ease;white-space:nowrap}.spread-cache-toggle:hover,.spread-cache-toggle.active{border-color:var(--cr-accent);color:var(--cr-accent)}.spread-cache-pill-wrapper{display:inline-flex;overflow:hidden;max-width:0;opacity:0;transition:max-width .25s ease-out,opacity .2s ease-out;will-change:max-width,opacity}.spread-cache-tray.expanded .spread-cache-pill-wrapper{max-width:200px;opacity:1}.spread-cache-pill-wrapper.collapsing{animation:pill-hide .2s ease-in forwards;overflow:hidden;pointer-events:none}.spread-cache-pill{padding:4px 12px;border-radius:999px;border:1px dashed var(--cr-border-medium);background:var(--cr-glass-thin);color:var(--cr-text);font-size:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap;opacity:.7}.spread-cache-pill:hover{border-color:var(--cr-accent);color:var(--cr-accent);opacity:1}.reset-spreads-btn{padding:6px 14px;border-radius:999px;border:1px solid var(--cr-border-medium);background:transparent;color:var(--cr-text);cursor:pointer;font-size:12px;transition:all .2s ease;white-space:nowrap}.reset-spreads-btn:hover{border-color:var(--cr-accent);color:var(--cr-accent);box-shadow:0 0 10px rgba(var(--cr-accent-rgb),.3)}.spread-item.dragging{opacity:.6}.spread-label{white-space:nowrap;color:var(--cr-text)}.spreads-empty-state{font-size:13px;color:var(--cr-text-faint)}.spread-item{display:inline-flex;align-items:center;background:none;border:none;padding:0;margin:0;cursor:inherit;font-size:inherit;color:inherit;user-select:none;-webkit-user-select:none;white-space:nowrap;line-height:1;position:relative}.spread-item-wrapper.dragging-wrapper{opacity:.5}.spread-item.drag-over{position:relative}.spread-item.drag-over:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--cr-accent);border-radius:2px;pointer-events:none;z-index:100;box-shadow:0 0 6px rgba(var(--cr-accent-rgb),.8);animation:indicator-pulse .8s infinite}.spread-item.drop-before:before{left:-6px}.spread-item.drop-after:before{right:-6px;left:auto}@keyframes indicator-pulse{0%,to{opacity:1;box-shadow:0 0 6px rgba(var(--cr-accent-rgb),.8)}50%{opacity:.7;box-shadow:0 0 10px rgba(var(--cr-accent-rgb),1)}}.spread-item-wrapper:hover{background:rgba(var(--cr-accent-rgb),.4);box-shadow:0 0 10px rgba(var(--cr-accent-rgb),.12)}.spread-item-wrapper.active-wrapper{background:rgba(var(--cr-accent-rgb),.6);border-color:var(--cr-accent);box-shadow:0 0 15px rgba(var(--cr-accent-rgb),.5)}.spread-item-wrapper.filled-wrapper{background:rgba(var(--cr-filled-rgb),.3);border-color:rgba(var(--cr-filled-rgb),.7)}.spread-item-wrapper.filled-wrapper.active-wrapper{background:rgba(var(--cr-filled-rgb),.5);border-color:var(--cr-filled);box-shadow:0 0 15px rgba(var(--cr-filled-rgb),.5)}.deck-selector-column{grid-column:1;grid-row:1 / -1;display:flex;flex-direction:column;gap:10px;padding:20px 8px;background:var(--cr-surface-heavy);border-right:1px solid rgba(var(--cr-accent-rgb),.3);overflow-y:auto;overflow-x:hidden;transition:transform .3s ease,opacity .3s ease;position:relative}@media(min-width:769px){.deck-selector-column.collapsed{transform:translate(-100px);opacity:0;pointer-events:none}}.column-collapse-handle{position:fixed;left:100px;top:50%;transform:translateY(-50%);width:20px;height:60px;background:rgba(var(--cr-accent-rgb),.3);border:1px solid rgba(var(--cr-accent-rgb),.5);border-left:none;border-radius:0 8px 8px 0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:left .3s ease,background .3s ease,width .3s ease;z-index:100}.deck-selector-column.collapsed+.column-collapse-handle{left:0}.column-collapse-handle:hover{background:rgba(var(--cr-accent-rgb),.5);width:24px}.collapse-icon{font-size:14px;color:var(--cr-text);transition:transform .3s ease;-webkit-user-select:none;user-select:none}.deck-selector-column.collapsed+.column-collapse-handle .collapse-icon{transform:rotate(180deg)}.deck-type-btn{padding:10px 12px;min-height:36px;line-height:1;background:var(--cr-neutral-bg);border:1px solid rgba(var(--cr-accent-rgb),.3);border-radius:6px;color:var(--cr-text);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;letter-spacing:.5px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;white-space:nowrap}.deck-type-btn:hover{background:rgba(var(--cr-accent-rgb),.3);transform:translateY(-2px)}.deck-type-btn.active{background:rgba(var(--cr-accent-rgb),.6);border-color:var(--cr-accent);box-shadow:0 0 15px rgba(var(--cr-accent-rgb),.5)}.card-design-link{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;margin-top:8px;background:var(--cr-neutral-bg);border:1px solid rgba(var(--cr-accent-rgb),.3);border-radius:6px;color:var(--cr-text);text-decoration:none;font-size:11px;font-weight:500;transition:all .3s ease;cursor:pointer}.card-design-link:hover{background:rgba(var(--cr-accent-rgb),.3);transform:translateY(-2px)}.card-design-link .design-icon{font-size:14px}.card-design-link .design-name{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-deck-section{margin-top:8px;padding-top:8px;border-top:1px solid rgba(var(--cr-accent-rgb),.2)}.custom-deck-btn{width:100%;padding:10px 12px;background:var(--cr-neutral-bg);border:1px solid rgba(var(--cr-accent-rgb),.3);border-radius:6px;color:var(--cr-text);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;letter-spacing:.5px}.custom-deck-btn:hover{background:rgba(var(--cr-accent-rgb),.3);transform:translateY(-2px)}.custom-deck-login-prompt{padding:8px 6px;text-align:center;flex-direction:column;align-items:center;gap:6px}.login-prompt-text{font-size:10px;color:var(--cr-text-muted);margin:0}.login-prompt-btn{font-size:10px;padding:4px 12px;border-radius:12px;border:1px solid var(--cr-accent);background:rgba(var(--cr-accent-rgb),.2);color:var(--cr-accent);cursor:pointer;transition:all .2s ease}.login-prompt-btn:hover{background:rgba(var(--cr-accent-rgb),.4)}.main-area{grid-column:2;grid-row:2;position:relative;background:var(--cr-surface-subtle);overflow:hidden}.deck-pile{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--card-width);height:var(--card-height);cursor:pointer;transition:transform .2s ease-out;z-index:10;-webkit-user-select:none;user-select:none}.deck-pile:hover{transform:translate(-50%,-50%) scale(1.05)}.deck-pile.shuffling .deck-card{animation:shuffleCardAnimation .8s ease-in-out}.deck-pile.shuffling .deck-card:nth-child(1){animation:shuffleCard1 .8s ease-in-out}.deck-pile.shuffling .deck-card:nth-child(2){animation:shuffleCard2 .8s ease-in-out}.deck-pile.shuffling .deck-card:nth-child(3){animation:shuffleCard3 .8s ease-in-out}.deck-pile.shuffling .deck-card:nth-child(4){animation:shuffleCard4 .8s ease-in-out}.deck-pile.shuffling .deck-card:nth-child(5){animation:shuffleCard5 .8s ease-in-out}.deck-pile.shuffling .deck-card:nth-child(6){animation:shuffleCard6 .8s ease-in-out}.deck-pile.shuffling .deck-card:nth-child(7){animation:shuffleCard7 .8s ease-in-out}.deck-pile.shuffling .deck-card:nth-child(8){animation:shuffleCard8 .8s ease-in-out}.deck-pile.shuffling .deck-card:nth-child(9){animation:shuffleCard9 .8s ease-in-out}.deck-pile.shuffling .deck-card:nth-child(10){animation:shuffleCard10 .8s ease-in-out}@keyframes shuffleCard1{0%{transform:translate(0) rotate(0)}25%{transform:translate(-65px) rotate(-10deg)}50%{transform:translate(-25px) rotate(-3deg)}75%{transform:translate(-50px) rotate(-7deg)}to{transform:translate(0) rotate(0)}}@keyframes shuffleCard2{0%{transform:translate(0) rotate(0)}25%{transform:translate(55px) rotate(9deg)}50%{transform:translate(20px) rotate(2deg)}75%{transform:translate(45px) rotate(6deg)}to{transform:translate(0) rotate(0)}}@keyframes shuffleCard3{0%{transform:translate(0) rotate(0)}25%{transform:translate(-70px) rotate(-11deg)}50%{transform:translate(-30px) rotate(-4deg)}75%{transform:translate(-55px) rotate(-8deg)}to{transform:translate(0) rotate(0)}}@keyframes shuffleCard4{0%{transform:translate(0) rotate(0)}25%{transform:translate(60px) rotate(10deg)}50%{transform:translate(25px) rotate(3deg)}75%{transform:translate(50px) rotate(7deg)}to{transform:translate(0) rotate(0)}}@keyframes shuffleCard5{0%{transform:translate(0) rotate(0)}25%{transform:translate(-58px) rotate(-9deg)}50%{transform:translate(-22px) rotate(-2deg)}75%{transform:translate(-48px) rotate(-6deg)}to{transform:translate(0) rotate(0)}}@keyframes shuffleCard6{0%{transform:translate(0) rotate(0)}25%{transform:translate(52px) rotate(8deg)}50%{transform:translate(18px) rotate(2deg)}75%{transform:translate(42px) rotate(5deg)}to{transform:translate(0) rotate(0)}}@keyframes shuffleCard7{0%{transform:translate(0) rotate(0)}25%{transform:translate(-62px) rotate(-10deg)}50%{transform:translate(-28px) rotate(-3deg)}75%{transform:translate(-52px) rotate(-7deg)}to{transform:translate(0) rotate(0)}}@keyframes shuffleCard8{0%{transform:translate(0) rotate(0)}25%{transform:translate(57px) rotate(9deg)}50%{transform:translate(23px) rotate(3deg)}75%{transform:translate(47px) rotate(6deg)}to{transform:translate(0) rotate(0)}}@keyframes shuffleCard9{0%{transform:translate(0) rotate(0)}25%{transform:translate(-68px) rotate(-11deg)}50%{transform:translate(-32px) rotate(-4deg)}75%{transform:translate(-58px) rotate(-8deg)}to{transform:translate(0) rotate(0)}}@keyframes shuffleCard10{0%{transform:translate(0) rotate(0)}25%{transform:translate(63px) rotate(10deg)}50%{transform:translate(27px) rotate(3deg)}75%{transform:translate(53px) rotate(7deg)}to{transform:translate(0) rotate(0)}}@keyframes shuffleCardAnimation{0%{transform:translate(0) rotate(0)}20%{transform:translate(-50px) rotate(-5deg)}40%{transform:translate(60px) rotate(5deg)}60%{transform:translate(-45px) rotate(-3deg)}80%{transform:translate(40px) rotate(3deg)}to{transform:translate(0) rotate(0)}}.deck-card.entering{animation:cardEnterAnimation .5s ease-out forwards}@keyframes cardEnterAnimation{0%{transform:translateY(-300px) rotate(0) scale(.8);opacity:0}50%{transform:translateY(-50px) rotate(0) scale(1.02);opacity:.8}80%{transform:translateY(5px) rotate(0) scale(1);opacity:1}to{transform:translate(0) rotate(0) scale(1);opacity:1}}.deck-card{position:absolute;width:var(--card-width);height:var(--card-height);border-radius:6px;background:var(--cr-surface-card);background-image:url("data:image/svg+xml,%3Csvg width='18' height='31' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='tinydots' width='0.8' height='0.8' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='0.4' cy='0.4' r='0.15' fill='%23ffffff' opacity='0.3'/%3E%3C/pattern%3E%3Cpattern id='crosshatch' width='1' height='1' patternUnits='userSpaceOnUse'%3E%3Cpath d='M0 0 L1 1 M1 0 L0 1' stroke='%23ffffff' stroke-width='0.08' opacity='0.15'/%3E%3C/pattern%3E%3C/defs%3E%3Cg%3E%3Cpath d='M9 0 L18 15.5 L9 31 L0 15.5 Z' fill='url(%23crosshatch)'/%3E%3Cpath d='M9 0 L18 15.5 L9 31 L0 15.5 Z' fill='url(%23tinydots)'/%3E%3Cpath d='M9 0 L18 15.5 L9 31 L0 15.5 Z' fill='none' stroke='%23ffffff' stroke-width='0.3' opacity='0.4'/%3E%3Cpath d='M9 0 L18 15.5 L9 31 L0 15.5 Z' fill='none' stroke='%23d91b7a' stroke-width='0.6'/%3E%3C/g%3E%3C/svg%3E");background-size:15px 26px;border:2px solid var(--cr-accent);box-shadow:0 3px 6px var(--cr-shadow);pointer-events:none}.deck-card:nth-child(1){transform:translate(0);z-index:10}.deck-card:nth-child(2){transform:translate(1px,1px);z-index:9}.deck-card:nth-child(3){transform:translate(2px,2px);z-index:8}.deck-card:nth-child(4){transform:translate(3px,3px);z-index:7}.deck-card:nth-child(5){transform:translate(4px,4px);z-index:6}.deck-card:nth-child(6){transform:translate(5px,5px);z-index:5}.deck-card:nth-child(7){transform:translate(6px,6px);z-index:4}.deck-card:nth-child(8){transform:translate(7px,7px);z-index:3}.deck-card:nth-child(9){transform:translate(8px,8px);z-index:2}.deck-card:nth-child(10){transform:translate(9px,9px);z-index:1}.deck-base-hit{position:absolute;bottom:-15px;left:-5px;width:calc(100% + 10px);height:30px;cursor:grab;pointer-events:auto}.deck-right-hit{position:absolute;top:0;right:-10px;width:15px;height:100%;cursor:grab;pointer-events:auto;z-index:11}.deck-pile-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--cr-text-bright);font-size:16px;font-weight:700;text-align:center;z-index:10;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;text-shadow:var(--cr-text-shadow)}.card{width:var(--card-width);height:var(--card-height);border-radius:6px;position:absolute;cursor:grab;box-shadow:0 8px 20px var(--cr-shadow-heavy);transform-style:preserve-3d;will-change:transform,left,top;-webkit-user-select:none;user-select:none}.card,.deck-pile,.slot-drag-handle{touch-action:none}.card.in-slot{position:absolute;right:0;bottom:0;margin:auto;left:auto;top:auto;pointer-events:auto}.card:active{cursor:grabbing}.card.revealed .card-front{transform:rotateY(0)}.card.revealed .card-back{transform:rotateY(180deg)}.card:not(.revealed) .card-front{transform:rotateY(180deg)}.card:not(.revealed) .card-back{transform:rotateY(0)}.card-front,.card-back{width:100%;height:100%;position:absolute;backface-visibility:hidden;border-radius:8px;transition:transform .6s}.card-front{background:#fff;display:flex;align-items:center;justify-content:center;border:3px solid var(--cr-accent);overflow:hidden;transform:rotateY(180deg)}.card-front img{width:104%;height:104%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;-webkit-user-drag:none;user-drag:none}.card-back{transform:rotateY(0);background:var(--cr-surface-card);background-image:url("data:image/svg+xml,%3Csvg width='18' height='31' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='tinydots' width='0.8' height='0.8' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='0.4' cy='0.4' r='0.15' fill='%23ffffff' opacity='0.3'/%3E%3C/pattern%3E%3Cpattern id='crosshatch' width='1' height='1' patternUnits='userSpaceOnUse'%3E%3Cpath d='M0 0 L1 1 M1 0 L0 1' stroke='%23ffffff' stroke-width='0.08' opacity='0.15'/%3E%3C/pattern%3E%3C/defs%3E%3Cg%3E%3Cpath d='M9 0 L18 15.5 L9 31 L0 15.5 Z' fill='url(%23crosshatch)'/%3E%3Cpath d='M9 0 L18 15.5 L9 31 L0 15.5 Z' fill='url(%23tinydots)'/%3E%3Cpath d='M9 0 L18 15.5 L9 31 L0 15.5 Z' fill='none' stroke='%23ffffff' stroke-width='0.3' opacity='0.4'/%3E%3Cpath d='M9 0 L18 15.5 L9 31 L0 15.5 Z' fill='none' stroke='%23d91b7a' stroke-width='0.6'/%3E%3C/g%3E%3C/svg%3E");background-size:18px 31px;border:2px solid var(--cr-accent)}.spread-slots{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.spread-slots.active{display:block}.spread-slots.optimized-layout{display:flex;justify-content:center;align-items:center}.spread-slots.optimized-layout,.spread-slots.celtic-layout{padding-top:var(--spread-top-offset);padding-bottom:calc(var(--spread-top-offset) + 20px);box-sizing:border-box}.card.over-deck,.card.over-deck:hover{opacity:.7;--card-scale: 1.1}.spread-slots.single-layout{display:flex;justify-content:center;align-items:center}.spread-slots.horizontal-layout{display:flex;justify-content:center;align-items:center;gap:var(--card-gap)}.spread-slots.pyramid-layout{display:grid;grid-template-columns:repeat(3,calc(var(--card-width) + var(--slot-border-gap)));grid-template-rows:repeat(2,calc(var(--card-height) + var(--slot-border-gap)));gap:var(--card-gap);justify-content:center;align-content:center}.spread-slots.cross-layout{display:grid;grid-template-columns:repeat(3,calc(var(--card-width) + var(--slot-border-gap)));grid-template-rows:repeat(3,calc(var(--card-height) + var(--slot-border-gap)));gap:var(--card-gap);justify-content:center;align-content:center}.spread-slots.spirit-layout{display:grid;grid-template-columns:repeat(3,calc(var(--card-width) + var(--slot-border-gap)));grid-template-rows:repeat(2,calc(var(--card-height) + var(--slot-border-gap)));gap:var(--card-gap);justify-content:center;align-content:center}.spread-slots.tree-layout,.spread-slots.nine-grid-layout{display:grid;grid-template-columns:repeat(3,calc(var(--card-width) + var(--slot-border-gap)));grid-template-rows:repeat(3,calc(var(--card-height) + var(--slot-border-gap)));gap:var(--card-gap);justify-content:center;align-content:center}.spread-slots.celtic-layout{display:flex;justify-content:center;align-items:center;--cross-to-staff-gap: 48px;--rotated-card-width: 140px;--rotated-card-height: 100px}.celtic-cross-section{display:grid;grid-template-columns:var(--card-width) var(--card-width) var(--card-width);grid-template-rows:var(--card-height) var(--card-height) var(--card-height);gap:var(--card-gap);position:relative;align-items:center;justify-items:center}.celtic-staff-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--card-gap);margin-left:var(--cross-to-staff-gap)}.celtic-slot{position:relative;width:var(--card-width);height:var(--card-height)}.celtic-slot.rotated{width:var(--rotated-card-width);height:var(--rotated-card-height)}.celtic-slot[data-position="1"]{grid-column:2;grid-row:2;z-index:2}.celtic-slot[data-position="2"]{grid-column:2;grid-row:2;width:var(--rotated-card-width);height:var(--rotated-card-height);z-index:1}.celtic-slot[data-position="3"]{grid-column:2;grid-row:1}.celtic-slot[data-position="4"]{grid-column:2;grid-row:3}.celtic-slot[data-position="5"]{grid-column:3;grid-row:2}.celtic-slot[data-position="6"]{grid-column:1;grid-row:2}.optimized-layout .slot,.single-layout .slot,.horizontal-layout .slot,.pyramid-layout .slot,.cross-layout .slot,.spirit-layout .slot,.tree-layout .slot,.nine-grid-layout .slot,.celtic-layout .slot{position:relative;left:auto;top:auto}.pyramid-slot[data-position="1"]{grid-column:1;grid-row:2}.pyramid-slot[data-position="2"]{grid-column:2;grid-row:2}.pyramid-slot[data-position="3"]{grid-column:3;grid-row:2}.pyramid-slot[data-position="4"]{grid-column:2;grid-row:1}.cross-slot[data-position="1"]{grid-column:2;grid-row:2}.cross-slot[data-position="2"]{grid-column:1;grid-row:2}.cross-slot[data-position="3"]{grid-column:3;grid-row:2}.cross-slot[data-position="4"]{grid-column:2;grid-row:1}.cross-slot[data-position="5"]{grid-column:2;grid-row:3}.spirit-slot[data-position="1"]{grid-column:1;grid-row:1}.spirit-slot[data-position="2"]{grid-column:3;grid-row:1}.spirit-slot[data-position="3"]{grid-column:1;grid-row:2}.spirit-slot[data-position="4"]{grid-column:3;grid-row:2}.spirit-slot[data-position="5"]{grid-column:2;grid-row:1}.spirit-slot[data-position="6"]{grid-column:2;grid-row:2}.tree-slot[data-position="1"]{grid-column:1;grid-row:1}.tree-slot[data-position="2"]{grid-column:1;grid-row:2}.tree-slot[data-position="3"]{grid-column:3;grid-row:1}.tree-slot[data-position="4"]{grid-column:3;grid-row:2}.tree-slot[data-position="5"]{grid-column:2;grid-row:2}.tree-slot[data-position="6"]{grid-column:2;grid-row:1}.tree-slot[data-position="7"]{grid-column:2;grid-row:3}@media(max-width:1200px){.spread-slots.optimized-layout,.spread-slots.celtic-layout{--card-gap: 20px}.spread-slots.celtic-layout{--cross-to-staff-gap: 36px}}@media(max-width:900px){.spread-slots.optimized-layout,.spread-slots.celtic-layout{--card-gap: 16px;--card-width: 85px;--card-height: 145px}.spread-slots.celtic-layout{--cross-to-staff-gap: 28px;--rotated-card-width: 126px;--rotated-card-height: 90px}.main-container[data-deck=lenormand] .spread-slots.optimized-layout,.main-container[data-deck=lenormand] .spread-slots.celtic-layout{--card-width: 68px;--card-height: 106px}}@media(min-width:769px){.spreads-toolbar{position:relative;grid-column:2;grid-row:1;left:auto;top:auto;width:auto;height:auto;display:flex;flex-direction:row}.control-btn,.create-spread-btn,.save-spread-btn,.finish-create-btn,.customize-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;min-width:48px;height:auto;background:linear-gradient(180deg,rgba(var(--cr-accent-rgb),.3),rgba(var(--cr-accent-rgb),.2));border:1px solid rgba(var(--cr-accent-rgb),.25);color:var(--cr-text);border-radius:10px;cursor:pointer;font-size:11px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 0 8px var(--cr-shadow-light)}.btn-text{font-size:11px;font-weight:600;line-height:1;display:block}}.spreads-toolbar{scroll-padding-left:16px}.spread-cache-tray{min-height:32px}.spread-cache-pill{font-size:12px}.ping-layer{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:var(--z-modal)}.ping-marker{position:absolute;width:64px;height:64px;border-radius:999px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--cr-text);opacity:0;animation:pingPulse 2.5s ease-out forwards}.ping-marker__label{position:absolute;top:70px;left:50%;transform:translate(-50%);font-size:12px;font-weight:600;text-shadow:var(--cr-text-shadow);white-space:nowrap}.ping-marker--default{background:var(--cr-hint-blue);border:2px solid var(--cr-hint-blue-border)}.ping-marker--info{background:var(--cr-hint-cyan);border:2px solid var(--cr-hint-cyan-border)}.ping-marker--warning{background:var(--cr-hint-amber);border:2px solid var(--cr-hint-amber-border)}.ping-marker--success{background:var(--cr-hint-green);border:2px solid var(--cr-hint-green-border)}.ping-marker--fade{opacity:0}@keyframes pingPulse{0%{opacity:.9;transform:translate(-50%,-50%) scale(.6)}60%{opacity:.8;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(.8);opacity:.8}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@keyframes ping{75%,to{transform:translate(-50%,-50%) scale(2);opacity:0}}.spread-slots.optimized-layout,.spread-slots.celtic-layout{padding-top:var(--spread-top-offset);padding-bottom:calc(var(--spread-top-offset) + 20px)}@media(max-width:768px){.spread-slots.optimized-layout,.spread-slots.celtic-layout{padding-top:calc(var(--spread-top-offset) * .5);padding-bottom:calc(var(--spread-top-offset) * .7)}:root{--card-width: clamp(50px, 22vw, 75px);--card-height: clamp(86px, 37vw, 128px);--card-gap: clamp(8px, 2vw, 16px);--slot-border-gap: 4px}.main-container[data-deck=lenormand]{--card-width: clamp(40px, 17.6vw, 60px);--card-height: clamp(62px, 27.5vw, 94px);--slot-border-gap: 4px}body{padding-top:52px}.main-container{display:flex;flex-direction:column;height:calc(100vh - 52px);gap:0}.deck-pile-label{font-size:12px;line-height:1.2}.deck-hint{font-size:6px;margin-top:3px;line-height:1.1;opacity:.8}.card-design-link{padding:6px 10px;font-size:10px;margin-top:4px}.custom-deck-section{margin-top:4px;padding-top:4px}.login-prompt-text{font-size:9px}.login-prompt-btn{font-size:9px;padding:3px 10px}.spreads-toolbar{position:fixed;top:52px;left:0;right:0;display:flex;flex-direction:row;align-items:center;overflow-x:auto;overflow-y:hidden;padding:3px 8px;gap:6px;background:var(--cr-surface-medium);border-bottom:1px solid rgba(var(--cr-accent-rgb),.3);min-height:32px;-webkit-overflow-scrolling:touch;z-index:var(--z-controls);touch-action:pan-x;scrollbar-width:thin;scrollbar-color:rgba(var(--cr-accent-rgb),.3) transparent}.spreads-toolbar::-webkit-scrollbar{height:3px}.spreads-toolbar::-webkit-scrollbar-track{background:transparent}.spreads-toolbar::-webkit-scrollbar-thumb{background:rgba(var(--cr-accent-rgb),.3);border-radius:3px}.spreads-toolbar .spread-item,.spreads-toolbar .spread-item-wrapper{touch-action:pan-x}.spreads-toolbar .spread-item-wrapper{padding:2px 10px;font-size:12px;border-radius:999px;border-color:rgba(var(--cr-accent-rgb),.25)}.spreads-toolbar .spread-item-wrapper.has-hide-btn{padding-right:10px}.spreads-toolbar .spreads-row{display:flex;flex-direction:row;gap:6px;flex-wrap:nowrap;align-items:center}.spreads-toolbar .reset-spreads-btn{flex-shrink:0;white-space:nowrap;padding:4px 10px;font-size:11px}.spreads-toolbar .spread-hide-btn{display:none}.spreads-row{flex:1 0 auto;min-width:50px}.spread-cache-tray{flex-shrink:0;justify-content:flex-start}.main-area{flex:1;min-height:60vh;margin-top:36px}.spread-item-wrapper{padding:5px 12px;font-size:12px}.arcana-toggle{height:32px;border-radius:8px}.arcana-half{padding:4px 8px;font-size:10px}}@media(max-width:480px){:root{--card-width: clamp(45px, 20vw, 65px);--card-height: clamp(77px, 34vw, 111px);--spread-top-offset: clamp(32px, 6vh, 80px)}.main-container[data-deck=lenormand]{--card-width: clamp(36px, 16vw, 52px);--card-height: clamp(56px, 25vw, 81px)}.card-design-link{padding:4px 8px;font-size:9px;margin-top:2px}.custom-deck-section{margin-top:2px;padding-top:2px}.login-prompt-text{font-size:8px}.login-prompt-btn{font-size:8px;padding:2px 8px}.spread-cache-pill{font-size:10px;padding:3px 8px}.spreads-toolbar{min-height:38px;padding:5px 8px;gap:6px}.main-area{margin-top:38px}.spread-item-wrapper{padding:4px 10px;font-size:12px;border-radius:999px}.deck-pile-label{font-size:10px}.arcana-toggle{height:28px;border-radius:6px}.arcana-half{padding:3px 6px;font-size:9px}}@media(max-width:360px){:root{--card-width: clamp(40px, 18vw, 55px);--card-height: clamp(68px, 31vw, 94px);--card-gap: clamp(6px, 2vw, 12px)}.main-container[data-deck=lenormand]{--card-width: clamp(32px, 14.4vw, 44px);--card-height: clamp(50px, 22.5vw, 69px)}.card-design-link{font-size:8px;padding:3px 6px}.login-prompt-text{font-size:7px}.login-prompt-btn{font-size:7px;padding:2px 6px}.spreads-toolbar{min-height:34px;padding:4px 6px;gap:5px}.main-area{margin-top:34px}.spread-item-wrapper{padding:3px 8px;font-size:11px;border-radius:999px}.spread-cache-pill{font-size:9px;padding:2px 6px}.reset-spreads-btn{font-size:9px;padding:3px 8px}.deck-pile-label{font-size:9px}.arcana-half{padding:2px 5px;font-size:8px}}.slot{position:absolute;width:calc(var(--card-width) + var(--slot-border-gap));height:calc(var(--card-height) + var(--slot-border-gap));border:2px dashed rgba(var(--cr-accent-rgb),.4);border-radius:8px;background:rgba(var(--cr-accent-rgb),.1);display:flex;align-items:center;justify-content:center;pointer-events:none;transition:all .3s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.slot[data-angle="90"]{width:calc(var(--card-height) + var(--slot-border-gap));height:calc(var(--card-width) + var(--slot-border-gap))}.slot.filled{border-color:rgba(var(--cr-accent-rgb),.8);background:rgba(var(--cr-accent-rgb),.2)}.slot.highlight{border-color:var(--cr-highlight-border);background:var(--cr-highlight-bg);box-shadow:0 0 12px var(--cr-highlight-shadow)}.slot-label{color:var(--cr-text-muted);font-size:14px;font-weight:700;text-align:center;padding:5px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.slot.creating .slot-label{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);white-space:nowrap;background:rgba(var(--cr-accent-rgb),.6);padding:2px 8px;border-radius:10px;font-size:12px;pointer-events:auto;cursor:text;min-width:24px;outline:none}.slot.creating .slot-label:focus{background:rgba(var(--cr-accent-rgb),.85);box-shadow:0 0 6px rgba(var(--cr-accent-rgb),.5)}.slot.creating .slot-label:focus-visible{outline:2px solid var(--cr-focus-outline);outline-offset:2px}.remaining-bar-wrap{position:absolute;bottom:45px;left:16px;right:16px;z-index:var(--z-controls);pointer-events:none}.controls{position:fixed;bottom:40px;left:6px;width:88px;display:flex;flex-direction:column;gap:6px;z-index:var(--z-controls);padding:0;pointer-events:auto}.controls>*{pointer-events:auto}.control-btn,.create-spread-btn,.save-spread-btn,.finish-create-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px 10px;min-width:48px;background:linear-gradient(180deg,rgba(var(--cr-accent-rgb),.3),rgba(var(--cr-accent-rgb),.2));border:1px solid rgba(var(--cr-accent-rgb),.25);color:var(--cr-text);border-radius:10px;cursor:pointer;font-size:11px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;box-shadow:0 0 8px var(--cr-shadow-light)}.btn-text{font-size:11px;font-weight:500;line-height:1;white-space:nowrap}.control-btn:hover,.create-spread-btn:hover,.save-spread-btn:hover,.finish-create-btn:hover{border-color:var(--cr-btn-hover-accent);box-shadow:0 0 12px var(--cr-btn-hover-glow),inset 0 0 12px #b4a0ff08;transform:translateY(-1px)}.control-btn:active,.create-spread-btn:active,.save-spread-btn:active,.finish-create-btn:active{transform:translateY(0) scale(.98)}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-btn:focus-visible,.create-spread-btn:focus-visible,.save-spread-btn:focus-visible,.finish-create-btn:focus-visible{outline:2px solid var(--cr-focus-outline);outline-offset:2px}.controls .control-btn.reversals-toggle{background:var(--cr-reversals-bg);border-color:var(--cr-reversals-border)}.controls .control-btn.reversals-toggle.active{background:var(--cr-reversals-active);border-color:var(--cr-reversals-active-border)}.controls .control-btn.reversals-toggle.active:hover{background:#9333eacc;box-shadow:0 0 12px #9333ea4d,inset 0 0 12px #9333ea0d}.controls .control-btn.reversals-toggle:hover:not(.active){background:var(--cr-reversals-bg-hover);border-color:var(--cr-reversals-border-hover);box-shadow:0 0 12px #9696961a,inset 0 0 12px #96969608}@media(prefers-reduced-motion:reduce){.control-btn,.create-spread-btn,.save-spread-btn,.finish-create-btn,.customize-btn,.arcana-half{transition-duration:.01ms!important}}.arcana-toggle{display:none;border-radius:10px;overflow:hidden;border:1px solid rgba(var(--cr-accent-rgb),.25);background:linear-gradient(180deg,rgba(var(--cr-accent-rgb),.3),rgba(var(--cr-accent-rgb),.2));position:relative;box-shadow:0 0 8px var(--cr-shadow-light)}[data-deck=tarot]~.main-area .arcana-toggle,.arcana-toggle.visible{display:flex}.arcana-half{padding:6px 10px;border:none;background:transparent;color:var(--cr-text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:background .25s ease,color .2s ease,opacity .2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;opacity:.5;position:relative;z-index:1}.arcana-half+.arcana-half{border-left:1px solid var(--cr-border)}.arcana-half:focus-visible{outline:2px solid var(--cr-focus-outline);outline-offset:2px}.arcana-half.active{color:#fff;opacity:1}.arcana-half:hover:not(.active){opacity:.7;background:rgba(var(--cr-accent-rgb),.1)}[data-theme=light] .arcana-half.active{color:var(--cr-text)}.deck-pile.deck-empty{opacity:.4;border-style:dashed}.deck-pile.deck-empty .deck-card{opacity:.3}.filter-warning-modal{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:var(--z-modal-backdrop);align-items:center;justify-content:center}.filter-warning-modal.show{display:flex}.filter-warning-content{background:var(--cr-surface);border:1px solid rgba(var(--cr-accent-rgb),.4);border-radius:12px;padding:20px;max-width:300px;text-align:center;color:var(--cr-text);font-size:13px}.filter-warning-dismiss{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px 0;font-size:12px;color:var(--cr-text-muted);cursor:pointer}.filter-warning-ok{padding:6px 24px;border-radius:8px;border:1px solid var(--cr-accent);background:rgba(var(--cr-accent-rgb),.3);color:var(--cr-text);cursor:pointer;font-size:12px;transition:background .2s}.filter-warning-ok:hover{background:rgba(var(--cr-accent-rgb),.5)}.card.reversed.revealed .card-front{transform:rotateY(0) rotate(180deg)}.card.reversed:not(.revealed) .card-front{transform:rotateY(180deg) rotate(180deg)}.spread-info-box{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(var(--cr-accent-rgb),.15);border:2px solid rgba(var(--cr-accent-rgb),.6);border-radius:16px;padding:30px 40px;color:rgba(var(--cr-accent-rgb),.9);text-align:center;font-size:16px;font-weight:500;z-index:var(--z-sticky);max-width:90%;box-shadow:0 8px 32px rgba(var(--cr-accent-rgb),.3);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.spread-info-box.show{display:block}@media(max-width:1200px){.spread-info-box{font-size:14px;padding:25px 35px}}.customization-box{position:absolute;bottom:80px;left:50%;transform:translate(-50%);background:var(--cr-modal-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(var(--cr-accent-rgb),.6);border-radius:12px;padding:20px 30px;display:none;flex-direction:column;gap:15px;z-index:var(--z-modal);min-width:400px;max-width:90%;max-height:80vh;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 8px 32px rgba(var(--cr-accent-rgb),.3)}.customization-box.show{display:flex}.customization-title{color:rgba(var(--cr-accent-rgb),.9);font-size:16px;font-weight:600;text-align:center;margin-bottom:5px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media(max-width:768px){.customization-box{position:fixed;top:50%;bottom:auto;transform:translate(-50%,-50%);width:calc(100% - 32px);min-width:unset;padding:18px 20px}}.customization-input-group{display:flex;flex-direction:column;gap:8px}.customization-label{color:var(--cr-text-muted);font-size:13px;margin-bottom:4px}.customization-input{background:var(--cr-glass);border:1px solid rgba(var(--cr-accent-rgb),.4);border-radius:8px;padding:10px 15px;color:var(--cr-text);font-size:14px;transition:all .3s ease}.customization-input:focus{outline:none;border-color:rgba(var(--cr-accent-rgb),.8);background:var(--cr-glass-medium)}.customization-input:focus-visible{outline:2px solid var(--cr-focus-outline);outline-offset:2px}.customization-buttons{display:flex;gap:10px;justify-content:center;margin-top:5px}.customization-btn{padding:8px 20px;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.customization-btn.apply{background:rgba(var(--cr-accent-rgb),.8);color:#fff}.customization-btn.apply:hover{background:rgba(var(--cr-accent-rgb),1)}.customization-btn.cancel{background:var(--cr-cancel-bg);color:var(--cr-cancel-text)}.customization-btn.cancel:hover{background:var(--cr-cancel-bg-hover)}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--cr-accent);font-size:20px;z-index:var(--z-modal);display:none}.loading:after{content:"";display:inline-block;width:20px;height:20px;border:3px solid rgba(var(--cr-accent-rgb),.3);border-top-color:var(--cr-accent);border-radius:50%;animation:spin .8s linear infinite;margin-left:10px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.spread-item-wrapper.saved-wrapper{background:var(--cr-saved-bg);border-color:var(--cr-saved-border)}.spread-item-wrapper.saved-wrapper:hover{background:#4caf5066}.spread-item-wrapper{display:inline-flex;align-items:center;gap:0;position:relative;flex-shrink:0;padding:3px 10px;background:rgba(var(--cr-accent-rgb),.2);border:1px solid rgba(var(--cr-accent-rgb),.4);border-radius:16px;cursor:pointer;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;white-space:nowrap;scroll-snap-align:start;font-size:13px;color:var(--cr-text);user-select:none;-webkit-user-select:none}.spread-item-wrapper.has-hide-btn{padding-right:22px}.spread-item-wrapper.hiding{animation:pill-hide .25s ease-in forwards;overflow:hidden;pointer-events:none;will-change:max-width,opacity}@keyframes pill-hide{0%{max-width:var(--pill-width);opacity:1}to{max-width:0;opacity:0;padding-left:0;padding-right:0;border-width:0}}.spread-item-wrapper.entering{animation:pill-enter .25s ease-out forwards;overflow:hidden;will-change:max-width,opacity}@keyframes pill-enter{0%{max-width:0;opacity:0;padding-left:0;padding-right:0}to{max-width:200px;opacity:1}}.spread-hide-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;background:transparent;border:none;color:var(--cr-btn-muted-text);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease,background .15s ease;padding:0;line-height:1;opacity:0;pointer-events:none;z-index:2}@media(hover:hover){.spread-item-wrapper:hover .spread-hide-btn{opacity:.6;pointer-events:auto}.spread-hide-btn:hover{opacity:1;background:rgba(var(--cr-accent-rgb),.25)}}.save-spread-btn:disabled{opacity:.5;cursor:not-allowed}.create-spread-btn.active{background:rgba(var(--cr-accent-rgb),.9);box-shadow:0 0 10px rgba(var(--cr-accent-rgb),.5)}.main-area.creating-spread{cursor:crosshair;position:relative}.main-area.creating-spread:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:1;pointer-events:none;border-radius:inherit}.main-area.creating-spread .controls{z-index:3}.main-area.creating-spread .deck-pile{pointer-events:none;opacity:.5}.main-area.creating-spread .card{opacity:.1;pointer-events:none;transition:opacity .3s ease}.slot.creating{border-color:var(--cr-creating-border);box-shadow:0 0 10px var(--cr-creating-shadow);position:absolute;pointer-events:auto;transition:none;z-index:2}.slot.creating:hover{border-color:#ff9800;box-shadow:0 0 15px #ff9800b3}.slot-delete-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:var(--cr-btn-dark-bg);border:1px solid rgba(var(--cr-accent-rgb),.5);color:var(--cr-text);font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;padding:0;line-height:1;box-shadow:0 0 6px var(--cr-shadow-deep)}.slot-delete-btn:hover{background:rgba(var(--cr-accent-rgb),.85);border-color:rgba(var(--cr-accent-rgb),.9);transform:scale(1.08)}.slot-delete-btn:focus-visible{outline:2px solid var(--cr-focus-outline);outline-offset:2px}.slot-drag-handle{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:40px;height:20px;border-radius:8px;background:var(--cr-btn-dark-bg-light);border:1px solid var(--cr-border-subtle);color:var(--cr-text-muted);font-size:9px;cursor:grab;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;-webkit-user-select:none;user-select:none;line-height:1}.slot-drag-handle:active{cursor:grabbing;background:rgba(var(--cr-accent-rgb),.6)}.slot-drag-handle:hover{background:rgba(var(--cr-accent-rgb),.4);border-color:rgba(var(--cr-accent-rgb),.6)}.spread-item.keyboard-focus{outline:2px solid rgba(var(--cr-accent-rgb),.8);outline-offset:2px}.cr-keyboard-help{position:fixed;bottom:80px;right:20px;z-index:var(--z-keyboard-help);background:var(--cr-modal-bg);border:1px solid var(--cr-border-medium);border-radius:12px;padding:16px 20px;color:var(--cr-text);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px var(--cr-shadow-heavy);max-width:280px}.cr-keyboard-help-title{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--cr-text-bright)}.cr-keyboard-help-list{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:13px}.cr-keyboard-help-list dt{font-family:SF Mono,Menlo,monospace;font-size:11px;background:var(--cr-glass-medium);padding:3px 8px;border-radius:4px;text-align:center;font-weight:600;white-space:nowrap}.cr-keyboard-help-list dd{margin:0;color:var(--cr-text-muted);line-height:1.8}.cr-keyboard-help-toggle{margin-top:12px;padding-top:10px;border-top:1px solid var(--cr-border);font-size:12px}.cr-reveal-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--cr-text-muted)}.cr-reveal-toggle input[type=checkbox]{accent-color:rgba(var(--cr-accent-rgb),.8)}.control-btn--ai{background:rgba(var(--cr-accent-rgb),.15);border:1px solid rgba(var(--cr-accent-rgb),.3);border-radius:12px;color:var(--cr-text-bright)}.control-btn--ai:hover{background:rgba(var(--cr-accent-rgb),.25);border-color:rgba(var(--cr-accent-rgb),.5);box-shadow:0 0 12px rgba(var(--cr-accent-rgb),.15)}.customize-btn{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;background:transparent;border:none;color:var(--cr-text);border-radius:10px;cursor:pointer;font-size:12px;opacity:.6;transition:opacity .2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.customize-btn:hover{opacity:.9;text-decoration:underline}.manage-spreads-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--cr-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);align-items:center;justify-content:center}.manage-spreads-modal.show{display:flex}.manage-spreads-content{background:var(--cr-modal-bg);border:1px solid rgba(var(--cr-accent-rgb),.3);border-radius:12px;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.manage-spreads-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--cr-border)}.manage-spreads-header h3{margin:0;font-size:18px;color:var(--cr-text)}.manage-spreads-close{background:none;border:none;color:var(--cr-text);font-size:28px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.manage-spreads-close:hover{color:var(--primary-color)}.manage-spreads-tabs{display:flex;gap:10px;padding:15px 20px;border-bottom:1px solid var(--cr-border)}.manage-tab{padding:8px 16px;background:var(--cr-neutral-bg);border:1px solid rgba(var(--cr-accent-rgb),.3);border-radius:8px;color:var(--cr-text);cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease}.manage-tab:hover{background:var(--cr-neutral-bg-hover)}.manage-tab.active{background:rgba(var(--cr-accent-rgb),.4);border-color:rgba(var(--cr-accent-rgb),.6)}.manage-spreads-body{padding:20px;overflow-y:auto;flex:1}.manage-spread-item{display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:10px;background:var(--cr-glass-faint);border:1px solid var(--cr-border);border-radius:8px;transition:all .3s ease}.manage-spread-item:hover{background:var(--cr-glass);border-color:rgba(var(--cr-accent-rgb),.3)}.mobile-edit-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--cr-overlay);z-index:var(--z-edit-overlay);pointer-events:auto}.mobile-edit-overlay.active{display:block}body.spread-edit-mode .spreads-toolbar{z-index:var(--z-edit-toolbar);position:relative}.mobile-trash-zone{display:none;position:fixed;bottom:calc(var(--cr-mobile-toolbar-h, 48px) + 12px);left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:300px;height:80px;border:3px dashed var(--cr-border-dashed);border-radius:16px;background:rgba(var(--cr-danger-rgb),.15);z-index:calc(var(--z-edit-toolbar) + 1);align-items:center;justify-content:center;transition:all .2s ease}.mobile-trash-zone.active{display:flex}.mobile-trash-zone.drag-over{background:rgba(var(--cr-danger-rgb),.4);border-color:var(--cr-danger);transform:translate(-50%) scale(1.05)}.mobile-trash-icon{font-size:36px;opacity:.8;transition:transform .2s ease}.mobile-trash-zone.drag-over .mobile-trash-icon{transform:scale(1.2)}body.spread-edit-mode .spread-item-wrapper{cursor:grab;animation:wiggle .3s ease-in-out infinite}body.spread-edit-mode .spread-item-wrapper.dragging-wrapper{cursor:grabbing;animation:none;opacity:.8;transform:scale(1.05);z-index:var(--z-edit-drag)}@keyframes wiggle{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}body.spread-edit-mode .spread-item.drop-before:before,body.spread-edit-mode .spread-item.drop-after:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:4px;height:28px;background:var(--cr-accent);border-radius:2px;z-index:100;box-shadow:0 0 8px rgba(var(--cr-accent-rgb),.9)}body.spread-edit-mode .spread-item.drop-before:before{left:-8px}body.spread-edit-mode .spread-item.drop-after:before{right:-8px;left:auto}.voice-memo-section{margin-top:16px;padding:16px;border-radius:8px;background:var(--cr-surface);border:1px solid var(--cr-border)}.voice-memo-title{font-size:14px;font-weight:600;color:var(--cr-text);margin-bottom:12px}.voice-btn{padding:8px 16px;border-radius:8px;border:1px solid var(--cr-border);background:transparent;color:var(--cr-text-secondary);cursor:pointer;font-size:14px;font-family:inherit;transition:background .2s,color .2s}.voice-btn:hover{background:var(--cr-panel);color:var(--cr-text)}.voice-btn .voice-icon{margin-right:6px}.voice-delete{color:var(--cr-danger);border-color:var(--cr-danger);margin-left:8px}.voice-delete:hover{background:rgba(var(--cr-danger-rgb),.1)}.voice-recording-indicator{color:var(--cr-danger);font-weight:600;animation:pulse 1s ease-in-out infinite;margin-right:12px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.voice-memo-section audio{width:100%;max-width:300px;margin-bottom:8px}.spread-comparison-body{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px}.spread-comparison-column{background:var(--cr-panel);border-radius:8px;padding:16px}.spread-comparison-date{font-size:12px;color:var(--cr-text-muted);margin-bottom:12px}.spread-comparison-cards{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.spread-comparison-card{background:var(--cr-surface);border:1px solid var(--cr-border);border-radius:6px;padding:8px 12px;font-size:13px}.spread-comparison-card-position{font-size:10px;color:var(--cr-text-muted);text-transform:uppercase;letter-spacing:.05em}.spread-comparison-card-name{font-weight:600;color:var(--cr-text);margin-top:2px}.spread-comparison-notes{font-size:13px;color:var(--cr-text-secondary);line-height:1.5;border-top:1px solid var(--cr-border);padding-top:12px}@media(max-width:600px){.spread-comparison-body{grid-template-columns:1fr}}.reading-history-list{list-style:none;padding:0;margin:0}.reading-history-item{padding:12px;margin-bottom:4px;border-bottom:1px solid var(--cr-border);cursor:pointer;border-radius:6px;transition:background .2s ease}.reading-history-item:hover{background:var(--cr-glass-faint)}.reading-history-item.active-session{border-left:3px solid rgba(var(--cr-accent-rgb),.6)}.reading-item-main{display:flex;justify-content:space-between;align-items:center;gap:12px}.reading-item-info strong{color:var(--cr-text);font-size:14px}.reading-item-info small{color:var(--cr-text-dimmed);font-size:12px}.reading-item-meta{flex-shrink:0}.reading-time{color:var(--cr-text-dimmed);font-size:12px}.reading-item-notes{margin-top:6px;padding:6px 8px;background:var(--cr-glass-faint);border-radius:4px;color:var(--cr-text-faint);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reading-item-actions{display:flex;gap:6px}.session-restore-btn{padding:4px 12px;background:rgba(var(--cr-accent-rgb),.7);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px}.session-restore-btn:hover{background:rgba(var(--cr-accent-rgb),.9)}.history-empty-state,.history-loading{padding:30px 20px;text-align:center;color:var(--cr-text-dimmed);font-size:14px}.history-load-more{display:block;width:100%;padding:10px;margin-top:8px;background:var(--cr-glass-faint);border:1px solid var(--cr-border);border-radius:6px;color:var(--cr-text-muted);cursor:pointer;font-size:13px}.history-load-more:hover{background:var(--cr-glass)}.reading-detail{padding:4px}.reading-detail-back{background:none;border:none;color:rgba(var(--cr-accent-rgb),.8);cursor:pointer;font-size:13px;padding:4px 0;margin-bottom:12px}.reading-detail-back:hover{color:rgba(var(--cr-accent-rgb),1)}.reading-detail h4{color:var(--cr-text);margin-bottom:4px}.reading-detail-meta{color:var(--cr-text-dimmed);font-size:13px;margin-bottom:16px}.reading-detail-cards{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.reading-card-item{display:flex;justify-content:space-between;padding:8px 10px;background:var(--cr-glass-faint);border-radius:6px;font-size:13px}.reading-card-item.reversed{border-left:2px solid rgba(255,152,0,.6)}.reading-card-position{color:var(--cr-text-dimmed)}.reading-card-name{color:var(--cr-text);font-weight:500}.reading-notes-input{width:100%;min-height:80px;padding:10px;background:var(--cr-glass-faint);border:1px solid var(--cr-border);border-radius:6px;color:var(--cr-text);font-size:13px;resize:vertical;font-family:inherit;box-sizing:border-box}.reading-notes-save{margin-top:8px;padding:6px 16px;background:rgba(var(--cr-accent-rgb),.7);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px}.reading-notes-save:hover{background:rgba(var(--cr-accent-rgb),.9)}.save-reading-btn{animation:saveReadingPulse 2s ease-in-out}.save-reading-btn.saved{opacity:.7}@keyframes saveReadingPulse{0%,to{box-shadow:none}50%{box-shadow:0 0 12px rgba(var(--cr-accent-rgb),.5)}}.manage-spreads-stats{display:flex;gap:16px;padding:12px 20px;border-bottom:1px solid var(--cr-border)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-value{font-size:20px;font-weight:600;color:rgba(var(--cr-accent-rgb),.9)}.stat-label{font-size:11px;color:var(--cr-text-dimmed);text-transform:uppercase;letter-spacing:.5px}.manage-spread-meta{display:flex;gap:8px;margin-top:4px;font-size:11px;color:var(--cr-text-dimmed)}.manage-spread-meta span{display:flex;align-items:center;gap:3px}.manage-spreads-toolbar{display:flex;gap:8px;padding:8px 20px;border-bottom:1px solid var(--cr-border);align-items:center;flex-wrap:wrap}.manage-spreads-toolbar select,.manage-spreads-toolbar input{padding:4px 8px;background:var(--cr-glass-thin);border:1px solid var(--cr-border);border-radius:4px;color:var(--cr-text);font-size:12px}.manage-spreads-toolbar select{cursor:pointer}.manage-spreads-toolbar input::placeholder{color:var(--cr-text-dimmed)}.manage-spread-fav-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:2px 4px;opacity:.4;transition:opacity .2s}.manage-spread-fav-btn:hover,.manage-spread-fav-btn.active{opacity:1}.publish-spread-btn{background:transparent;border:1px solid rgba(217,27,122,.5);color:#d91b7a;padding:4px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:background .2s,border-color .2s}.publish-spread-btn:hover:not(:disabled){background:#d91b7a1a;border-color:#d91b7acc}.publish-spread-btn:disabled{opacity:.5;cursor:not-allowed;border-color:#d91b7a4d}@media(max-width:768px){.control-btn,.save-spread-btn,.finish-create-btn,.customize-btn,.create-spread-btn{position:relative}.control-btn:after,.save-spread-btn:after,.finish-create-btn:after,.customize-btn:after,.create-spread-btn:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:-1}.arcana-half{position:relative}.arcana-half:after{content:"";position:absolute;top:-6px;right:-2px;bottom:-6px;left:-2px;z-index:-1}.deck-type-btn{min-height:44px}.spread-item-wrapper{min-height:36px;border-radius:999px;position:relative}.spread-item-wrapper:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:-1}.spread-item{min-height:auto}.reset-spreads-btn,.card-design-link{min-height:44px}.spread-cache-pill-wrapper{position:relative}.spread-cache-pill-wrapper:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:-1}.spread-cache-pill{min-height:44px}.manage-spread-fav-btn{position:relative;min-width:44px;min-height:44px}.manage-spread-fav-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}}@media(max-width:480px){.control-btn:after,.save-spread-btn:after,.finish-create-btn:after,.customize-btn:after,.create-spread-btn:after{top:-6px;right:-6px;bottom:-6px;left:-6px}}@media(max-width:360px){.control-btn:after,.save-spread-btn:after,.finish-create-btn:after,.customize-btn:after,.create-spread-btn:after{top:-8px;right:-8px;bottom:-8px;left:-8px}}.spread-manage-list{list-style:none;padding:0;margin:0}.spread-manage-info{flex:1}.spread-manage-name{color:var(--cr-text-bright)}.spread-manage-detail{color:var(--cr-text-faint)}.spread-manage-actions{display:flex;gap:6px;align-items:center}.spread-manage-delete-btn{padding:4px 12px;background:rgba(var(--cr-danger-rgb),.3);border:none;border-radius:4px;color:var(--cr-danger);cursor:pointer;font-size:12px}.spread-manage-delete-btn:hover{background:rgba(var(--cr-danger-rgb),.5)}.spread-manage-empty-msg{padding:20px;color:var(--cr-text-faint)}.spread-manage-empty-msg.centered{text-align:center}.publish-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#d91b7af2;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;z-index:var(--z-toast);opacity:0;transition:opacity .3s}.publish-toast.visible{opacity:1}.card-img-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:10px;text-align:center;font-size:12px;font-weight:700}.card-img-fallback-simple{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:10px}.card-fallback-number{font-size:32px;font-weight:700}.card-fallback-symbol{font-size:14px;margin-top:10px}.card-fallback-name{font-size:12px;margin-top:5px}#ping-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--z-sticky)}.ping-element{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:var(--z-sticky)}.ping-enemy-missing{position:relative;width:150px;height:150px}.ping-enemy-missing .ripple-outer{position:absolute;left:50%;top:50%;width:120px;height:120px;border:3px solid rgba(251,191,36,.6);border-radius:50%;transform:translate(-50%,-50%);animation:ripple 1.5s ease-out infinite}.ping-enemy-missing .ripple-inner{position:absolute;left:50%;top:50%;width:140px;height:140px;border:3px solid rgba(251,191,36,.4);border-radius:50%;transform:translate(-50%,-50%);animation:ripple 1.5s ease-out infinite .3s}.ping-enemy-missing .svg-container{position:absolute;left:50%;top:70%;transform:translate(-50%,-50%)}.ping-enemy-missing .question-container{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);filter:drop-shadow(0 4px 12px rgba(251,191,36,.8))}.ping-enemy-missing .question-shadow{position:absolute;left:2px;top:2px;font-size:72px;font-weight:900;color:#78350f99}.ping-enemy-missing .question-main{position:relative;font-size:72px;font-weight:900;color:transparent;background:linear-gradient(135deg,#fcd34d,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ping-enemy-missing .question-highlight{position:absolute;left:-2px;top:-2px;font-size:72px;font-weight:900;color:#fef3c7b3}.ping-generic{position:relative;width:120px;height:120px}.ping-generic .ripple-outer{position:absolute;left:50%;top:50%;width:100px;height:100px;border:3px solid rgba(59,130,246,.6);border-radius:50%;transform:translate(-50%,-50%);animation:ripple 1.5s ease-out infinite}.ping-generic .ripple-inner{position:absolute;left:50%;top:50%;width:120px;height:120px;border:3px solid rgba(59,130,246,.4);border-radius:50%;transform:translate(-50%,-50%);animation:ripple 1.5s ease-out infinite .3s}.ping-generic .diamond-outer{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:50px;height:50px;background:linear-gradient(135deg,#60a5fa,#3b82f6,#2563eb);box-shadow:0 0 20px #3b82f699,inset -5px -5px 10px #0000004d,inset 5px 5px 10px #fff3;border:3px solid #93c5fd}.ping-generic .diamond-inner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:20px;height:20px;background:#1e3a8a;border:2px solid #60a5fa}@media(max-width:768px){:root{--cr-mobile-toolbar-h: 48px}.controls,.deck-selector-column,.column-collapse-handle{display:none!important}.cr-mobile-toolbar{position:fixed;bottom:0;left:0;right:0;height:var(--cr-mobile-toolbar-h);background:var(--cr-surface-medium);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);border-top:1px solid var(--cr-border);display:flex;align-items:center;justify-content:space-around;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0px);z-index:var(--z-toolbar);touch-action:none}.cr-mtb-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;gap:2px;background:transparent;border:none;color:var(--cr-text-muted);font-size:10px;font-weight:500;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color .15s ease,background .15s ease;position:relative;padding:4px 2px}.cr-mtb-btn:active{opacity:.7}.cr-mtb-btn:focus-visible{outline:2px solid var(--cr-focus-outline);outline-offset:-2px;border-radius:8px}.cr-mtb-btn[aria-expanded=true]{color:var(--cr-text);background:var(--cr-glass-faint);border-radius:8px}.cr-mtb-btn svg{width:18px;height:18px;stroke-width:1.8}.cr-mtb-label{font-size:10px;line-height:1;white-space:nowrap}.cr-mtb-chevron{width:8px;height:8px;position:absolute;top:4px;right:4px;opacity:.4}.cr-mtb-btn--destructive{color:var(--cr-danger)}.cr-mtb-btn--destructive:active{background:rgba(var(--cr-danger-rgb),.15)}.cr-mtb-btn--ai{color:var(--cr-ai-synthesis)}.cr-mtb-btn--ai svg{filter:drop-shadow(0 0 3px rgba(var(--cr-ai-synthesis-rgb),.4))}.cr-mtb-l2-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-toolbar) - 2);background:transparent;display:none}.cr-mtb-l2-overlay.open{display:block}.cr-mtb-btn--open{color:var(--cr-text);background:var(--cr-glass-faint);border-radius:8px}.cr-mtb-l2{position:fixed;bottom:var(--cr-mobile-toolbar-h);left:0;right:0;background:var(--cr-surface-intense);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--cr-border);border-radius:12px 12px 0 0;padding:12px 16px 8px;z-index:var(--z-toolbar-l2);transform:translateY(100%);transition:transform .25s cubic-bezier(.34,1.56,.64,1);max-height:50vh;overflow-y:auto}.cr-mtb-l2.open{transform:translateY(0)}.cr-mtb-l2-title{font-size:10px;font-weight:600;color:var(--cr-text-dimmed);text-transform:uppercase;letter-spacing:.5px;padding:4px 0 8px}.cr-mtb-l2-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--cr-text);font-size:14px;font-weight:400;cursor:pointer;border-radius:8px;transition:background .12s ease;text-align:left}.cr-mtb-l2-btn:active{background:var(--cr-glass-medium)}.cr-mtb-l2-btn svg{width:18px;height:18px;color:var(--cr-text-muted);flex-shrink:0}.cr-mtb-l2-btn .cr-mtb-l2-label{flex:1}.cr-mtb-l2-btn .cr-mtb-l2-badge{font-size:11px;color:var(--cr-text-dimmed);padding:2px 8px;background:var(--cr-glass-thin);border-radius:99px}.cr-mtb-l2-btn.active{color:var(--cr-accent)}.cr-mtb-l2-btn.active svg{color:var(--cr-accent)}.cr-mtb-l2-divider{height:1px;background:var(--cr-border);margin:6px 0}.cr-mtb-l2-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:99px;border:1px solid var(--cr-border);background:transparent;color:var(--cr-text-muted);font-size:13px;cursor:pointer;transition:all .15s ease;margin:4px 4px 4px 0}.cr-mtb-l2-toggle.active{background:rgba(var(--cr-accent-rgb),.2);border-color:var(--cr-accent);color:var(--cr-text)}.cr-mtb-l2-toggle:active{transform:scale(.95)}.cr-mtb-l2-toggles{display:flex;flex-wrap:wrap;padding:4px 0 8px}.cr-mtb-l2-group{margin-bottom:8px}.cr-mtb-l2-group-label{font-size:10px;font-weight:600;color:var(--cr-text-dimmed);text-transform:uppercase;letter-spacing:.5px;padding:4px 0 6px}.cr-mtb-l2-btn--destructive{color:var(--cr-danger)}.mobile-trash-zone{bottom:calc(var(--cr-mobile-toolbar-h) + 12px)}.main-area{padding-bottom:calc(var(--cr-mobile-toolbar-h) + 8px)}@media(prefers-reduced-motion:reduce){.cr-mtb-l2{transition:none}.cr-mtb-btn:active,.cr-mtb-l2-toggle:active{transform:none}}}@media(max-width:480px){.cr-mtb-btn{padding:4px 1px}.cr-mtb-label{font-size:9px}.cr-mtb-btn svg{width:16px;height:16px}.cr-mtb-l2{padding:10px 12px 6px}.cr-mtb-l2-btn{padding:8px 10px;font-size:13px}.cr-mtb-l2-toggle{padding:6px 12px;font-size:12px}}@media(max-width:360px){.cr-mobile-toolbar{padding:0 2px}.cr-mtb-label{font-size:8px}.cr-mtb-btn svg{width:15px;height:15px}.cr-mtb-l2-btn{padding:7px 8px;font-size:12px}}@media(min-width:769px){.cr-mobile-toolbar,.cr-mtb-l2-overlay,.cr-mtb-l2{display:none}}.remaining-bar{height:5px;background:transparent;border-radius:3px;position:relative}.remaining-bar-fill{height:100%;border-radius:3px;position:relative;overflow:hidden;background:linear-gradient(90deg,silver,#fff 10%,#b0b0b0 22%,#f0f0f0 35%,#a8a8a8 45%,#fff 58%,silver,#f5f5f5 82%,#b8b8b8 92%,#e0e0e0);transition:width .4s cubic-bezier(.4,0,.2,1)}.remaining-bar-fill:before{content:"";position:absolute;top:0;left:0;width:300%;height:100%;background:linear-gradient(90deg,#b4c8ff66,#ffb4dc59,#ffdca04d,#a0dcff66,#dcb4ff59,#b4f0dc4d,#b4c8ff66);animation:iridescent-drift 6s linear infinite;pointer-events:none}@keyframes iridescent-drift{0%{transform:translate(-66.6%)}to{transform:translate(0)}}.remaining-bar-fill:after{content:"";position:absolute;top:0;height:100%;left:-40%;width:40%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.15) 25%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.15) 75%,transparent 100%);animation:shimmer-idle 4s cubic-bezier(.4,0,.6,1) infinite;pointer-events:none}.remaining-bar-fill.animating:after{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.4) 25%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.4) 75%,transparent 100%);animation:shimmer-burst .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes shimmer-idle{0%{left:-40%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:110%;opacity:0}}@keyframes shimmer-burst{0%{left:-40%}to{left:110%}}.remaining-bar-num{position:absolute;top:50%;transform:translateY(-55%);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;background:linear-gradient(90deg,#d0d0d0,#fff,#c8d8e8,#e0c8d8,#ffe8c8,#c8e0f0,#d8c8e0,#fff,#d0d0d0);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text-iridescent 4s linear infinite;transition:left .4s cubic-bezier(.4,0,.2,1)}.remaining-bar-num.snap{transition:left .35s cubic-bezier(.25,.46,.45,.94)}@keyframes text-iridescent{0%{background-position:0% 50%}to{background-position:200% 50%}}.remaining-bar-fill.snap-back{transition:width .35s cubic-bezier(.25,.46,.45,.94)}.remaining-bar-fill.shrink{transition:width .4s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.remaining-bar-fill,.remaining-bar-fill.snap-back,.remaining-bar-fill.shrink{transition:none}.remaining-bar-fill:before{animation:none}.remaining-bar-fill:after{animation:none;opacity:0}.remaining-bar-fill.animating:after{animation:none;opacity:0}.remaining-bar-num{animation:none;transition:none}}.ai-reading-panel{position:fixed;right:16px;bottom:60px;width:380px;max-height:60vh;z-index:var(--z-ai-panel);display:none;flex-direction:column;border:1px solid rgba(var(--cr-accent-rgb),.3);border-radius:12px;background:var(--cr-modal-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 8px 32px var(--cr-shadow-heavy);overflow:hidden;font-family:Arial,Microsoft YaHei,sans-serif;touch-action:none;contain:layout paint;overscroll-behavior:contain}.ai-reading-panel.dragging{will-change:transform}.ai-reading-panel.show{display:flex}.ai-reading-header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(var(--cr-accent-rgb),.2);background:var(--cr-surface);flex-shrink:0;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}.ai-reading-header:active{cursor:grabbing}.ai-reading-title{font-size:14px;font-weight:600;color:var(--cr-text);flex:1}.ai-question-counter{font-size:12px;color:var(--cr-text-muted);margin-right:auto}.ai-panel-btn{width:28px;height:28px;border:1px solid var(--cr-border-medium);border-radius:6px;background:var(--cr-glass-thin);color:var(--cr-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .2s,color .2s;flex-shrink:0}.ai-panel-btn:hover{background:var(--cr-glass-medium);color:var(--cr-text)}.ai-share-toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:8px 16px;border-radius:8px;background:var(--cr-surface);border:1px solid rgba(var(--cr-accent-rgb),.3);color:var(--cr-text);font-size:13px;z-index:10;animation:ai-toast-fade 2s ease-out forwards;pointer-events:none}@keyframes ai-toast-fade{0%,70%{opacity:1}to{opacity:0}}.ai-reading-display{flex:1;overflow-y:auto;padding:12px;font-size:13px;line-height:1.6;color:var(--cr-text);min-height:80px;touch-action:pan-y;overscroll-behavior-y:contain}.ai-reading-display::-webkit-scrollbar{width:5px}.ai-reading-display::-webkit-scrollbar-track{background:var(--cr-scrollbar-track);border-radius:3px}.ai-reading-display::-webkit-scrollbar-thumb{background:rgba(var(--cr-accent-rgb),.4);border-radius:3px}.ai-section-label{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:4px;margin-top:12px;margin-bottom:6px}.ai-section-label:first-child{margin-top:0}.ai-section-label[data-section=cards_say]{color:var(--cr-accent);background:rgba(var(--cr-accent-rgb),.1);border-left:3px solid var(--cr-accent)}.ai-section-label[data-section=archive_crossref]{color:var(--cr-ai-crossref);background:rgba(var(--cr-ai-crossref-rgb),.1);border-left:3px solid var(--cr-ai-crossref)}.ai-section-label[data-section=synthesis]{color:var(--cr-ai-synthesis);background:rgba(var(--cr-ai-synthesis-rgb),.1);border-left:3px solid var(--cr-ai-synthesis)}.ai-section-label[data-section=shadow_card]{color:var(--cr-ai-shadow);background:rgba(var(--cr-ai-shadow-rgb),.1);border-left:3px solid var(--cr-ai-shadow)}.ai-section-label[data-section=timing]{color:var(--cr-ai-timing);background:rgba(var(--cr-ai-timing-rgb),.1);border-left:3px solid var(--cr-ai-timing)}.ai-section-content{white-space:pre-wrap;word-wrap:break-word;margin-bottom:12px;color:var(--cr-text-muted)}.ai-streaming-cursor:after{content:"▮";animation:ai-blink .8s step-end infinite;color:var(--cr-accent);margin-left:2px}@keyframes ai-blink{0%,to{opacity:1}50%{opacity:0}}.ai-reading-input{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid rgba(var(--cr-accent-rgb),.15);flex-shrink:0}.ai-reading-input input[type=text]{flex:1;padding:8px 12px;border:1px solid var(--cr-border-medium);border-radius:8px;background:var(--cr-glass-thin);color:var(--cr-text);font-size:13px;outline:none;transition:border-color .2s}.ai-reading-input input[type=text]::placeholder{color:var(--cr-text-faint)}.ai-reading-input input[type=text]:focus{border-color:rgba(var(--cr-accent-rgb),.6)}.ai-reading-input input[type=text]:focus-visible{outline:2px solid rgba(139,92,246,.8);outline-offset:2px}.ai-panel-btn:focus-visible,.ai-ask-btn:focus-visible,.ai-subq-btn:focus-visible{outline:2px solid rgba(139,92,246,.8);outline-offset:2px}.ai-ask-btn{padding:8px 16px;border:none;border-radius:8px;background:var(--cr-accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s;flex-shrink:0}.ai-ask-btn:hover{opacity:.85}.ai-ask-btn:disabled{opacity:.5;cursor:not-allowed}.ai-subquestions{display:flex;flex-direction:column;gap:6px;padding:8px 12px 12px;border-top:1px solid rgba(var(--cr-accent-rgb),.1);flex-shrink:0}.ai-subq-btn{padding:8px 12px;border:1px solid var(--cr-border-medium);border-radius:8px;background:var(--cr-glass-thin);color:var(--cr-text);font-size:12px;line-height:1.4;text-align:left;cursor:pointer;transition:background .2s,border-color .2s;user-select:none;-webkit-user-select:none}.ai-subq-btn:hover{background:var(--cr-glass-medium);border-color:rgba(var(--cr-accent-rgb),.4)}.ai-subq-btn.ai-subq-skip{border-style:dashed;color:var(--cr-text-faint);text-align:center;font-size:12px}.ai-subq-btn.ai-subq-skip:hover{color:var(--cr-text-muted)}.ai-loading-dots{display:inline-flex;gap:4px;padding:16px 0;justify-content:center;width:100%}.ai-loading-dots span{width:6px;height:6px;border-radius:50%;background:rgba(var(--cr-accent-rgb),.6);animation:ai-dot-bounce 1.2s ease-in-out infinite}.ai-loading-dots span:nth-child(2){animation-delay:.15s}.ai-loading-dots span:nth-child(3){animation-delay:.3s}@keyframes ai-dot-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.ai-error-msg{padding:12px;color:var(--cr-danger);font-size:13px;text-align:center}@media(max-width:768px){.ai-reading-panel.show{width:60%;left:auto;right:16px;bottom:52px;max-height:50vh}.ai-reading-display{font-size:14px}.ai-reading-header{padding:8px 10px}.ai-reading-input{padding:6px 10px}}@property --card-rotate{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@property --card-lift{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --card-scale{syntax: "<number>"; inherits: false; initial-value: 1;}@property --slot-glow-size{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --slot-glow-alpha{syntax: "<number>"; inherits: false; initial-value: 0;}.card{transform:rotate(var(--card-rotate)) translateY(var(--card-lift)) scale(var(--card-scale));transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}@media(hover:hover)and (pointer:fine){.card:hover{--card-scale: 1.05;box-shadow:0 15px 40px rgba(var(--cr-accent-rgb),.4);z-index:var(--z-card-hover)}}@media(hover:none){.card:active{--card-scale: .98;transition:transform .1s ease-out,box-shadow .1s ease-out;box-shadow:0 4px 12px var(--cr-shadow-heavy)}}.card.drawing{animation:cr-draw-lift .2s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes cr-draw-lift{0%{--card-lift: 12px;--card-scale: .92}60%{--card-lift: -4px;--card-scale: 1.04}to{--card-lift: 0px;--card-scale: 1}}@keyframes cr-snap-settle{0%{--card-scale: 1.08}60%{--card-scale: .98}to{--card-scale: 1}}.slot,.spread-slot{box-shadow:var(--slot-base-shadow, 0 2px 8px rgba(0, 0, 0, .08)),0 0 var(--slot-glow-size) calc(var(--slot-glow-size) / 2) rgba(var(--cr-accent-rgb),var(--slot-glow-alpha))}.slot.just-filled,.spread-slot.just-filled{animation:cr-slot-glow .4s ease-out forwards}@keyframes cr-slot-glow{0%{--slot-glow-size: 0px;--slot-glow-alpha: 0}30%{--slot-glow-size: 12px;--slot-glow-alpha: .5}to{--slot-glow-size: 16px;--slot-glow-alpha: 0}}.card.shaking{animation:cr-error-shake .36s ease-in-out}@keyframes cr-error-shake{0%,to{transform:rotate(var(--card-rotate)) translate(0) translateY(var(--card-lift)) scale(var(--card-scale))}20%{transform:rotate(var(--card-rotate)) translate(-4px) translateY(var(--card-lift)) scale(var(--card-scale))}40%{transform:rotate(var(--card-rotate)) translate(4px) translateY(var(--card-lift)) scale(var(--card-scale))}60%{transform:rotate(var(--card-rotate)) translate(-3px) translateY(var(--card-lift)) scale(var(--card-scale))}80%{transform:rotate(var(--card-rotate)) translate(3px) translateY(var(--card-lift)) scale(var(--card-scale))}}.spread-slots.all-complete .slot,.spread-slots.all-complete .spread-slot{animation:cr-complete-cascade .35s ease-out forwards}@keyframes cr-complete-cascade{0%{--slot-glow-size: 0px;--slot-glow-alpha: 0}30%{--slot-glow-size: 14px;--slot-glow-alpha: .65}60%{--slot-glow-size: 18px;--slot-glow-alpha: .4}to{--slot-glow-size: 20px;--slot-glow-alpha: 0}}.spread-slots.all-complete .slot:nth-child(1),.spread-slots.all-complete .spread-slot:nth-child(1){animation-delay:0ms}.spread-slots.all-complete .slot:nth-child(2),.spread-slots.all-complete .spread-slot:nth-child(2){animation-delay:80ms}.spread-slots.all-complete .slot:nth-child(3),.spread-slots.all-complete .spread-slot:nth-child(3){animation-delay:.16s}.spread-slots.all-complete .slot:nth-child(4),.spread-slots.all-complete .spread-slot:nth-child(4){animation-delay:.24s}.spread-slots.all-complete .slot:nth-child(5),.spread-slots.all-complete .spread-slot:nth-child(5){animation-delay:.32s}.spread-slots.all-complete .slot:nth-child(6),.spread-slots.all-complete .spread-slot:nth-child(6){animation-delay:.4s}.spread-slots.all-complete .slot:nth-child(7),.spread-slots.all-complete .spread-slot:nth-child(7){animation-delay:.48s}.spread-slots.all-complete .slot:nth-child(8),.spread-slots.all-complete .spread-slot:nth-child(8){animation-delay:.56s}.spread-slots.all-complete .slot:nth-child(9),.spread-slots.all-complete .spread-slot:nth-child(9){animation-delay:.64s}.spread-slots.all-complete .slot:nth-child(10),.spread-slots.all-complete .spread-slot:nth-child(10){animation-delay:.72s}.spread-slots.all-complete .slot:nth-child(11),.spread-slots.all-complete .spread-slot:nth-child(11){animation-delay:.8s}.spread-slots.all-complete .slot:nth-child(12),.spread-slots.all-complete .spread-slot:nth-child(12){animation-delay:.88s}@media(prefers-reduced-motion:reduce){.card{transition:none}.card.drawing,.card.shaking,.slot.just-filled,.spread-slot.just-filled,.spread-slots.all-complete .slot,.spread-slots.all-complete .spread-slot{animation:none}@media(hover:hover)and (pointer:fine){.card:hover{--card-scale: 1;box-shadow:0 8px 20px var(--cr-shadow-heavy)}}@media(hover:none){.card:active{--card-scale: 1;transition:none}}}