@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-rotate{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.1)}100%{transform:rotate(360deg)scale(1)}}.pulse-rotate{animation:pulse-rotate 2s infinite ease-in-out}#game-container{display:grid;grid-template-areas:"top-ui" "game-board" "score-area" "deck-tracker" "bottom-controls";gap:var(--space-5);background:var(--color-rose);padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:0 4px 8px color-mix(in oklch,var(--shadow-ink) 10%,transparent);width:95%;max-width:800px;margin:var(--space-4)auto;transition:transform .2s ease-out;color:var(--color-deep)}#main-content .game-title{color:var(--color-text)!important;text-align:center;margin-bottom:var(--space-4)}#main-content .game-howto{text-align:center;margin-bottom:var(--space-4)}#main-content .game-howto .nav-link{color:var(--color-text);text-decoration:underline}#main-content .game-howto .nav-link:hover{color:var(--color-rose)}#top-ui{grid-area:top-ui;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:var(--space-7)}#card-storage-area{display:flex;align-items:center;gap:var(--space-6)}#reserve-area,#discard-area{display:flex;flex-direction:column;align-items:center;gap:5px}#score-area{grid-area:score-area;display:flex;flex-direction:row;align-items:baseline;gap:var(--space-4);justify-content:center;background:var(--color-lilac);padding:var(--space-3);border-radius:var(--radius-lg)}.card-container-label,.score-label{font-weight:700;font-size:1.35em;color:var(--color-text)}.card-display{flex:0 0 80px;width:80px;height:110px;border:2px solid var(--color-lilac);border-radius:var(--radius-lg);display:flex;justify-content:center;align-items:center;font-size:1.5em;background-color:var(--color-card-face);color:var(--color-card-black)}.card-back{background-color:var(--color-deep)!important;background-image:repeating-linear-gradient(45deg,color-mix(in oklch,var(--color-card-face) 10%,transparent),color-mix(in oklch,var(--color-card-face) 10%,transparent) 1px,transparent 1px,transparent 5px)!important;color:transparent!important;border-color:var(--color-card-face)!important}#secondary-storage{display:flex}.reserve-slot{width:80px;height:110px;border:2px dashed var(--color-lilac);border-radius:var(--radius-lg);background-color:var(--color-blush);font-size:1.5em;display:flex;justify-content:center;align-items:center;color:var(--color-deep);position:relative;transition:all .2s ease-out}.reserve-slot:not(:empty){background-color:var(--color-card-face);color:var(--color-card-black);border-style:solid;box-shadow:0 2px 4px color-mix(in oklch,var(--shadow-ink) 20%,transparent)}.reserve-slot:nth-child(1){z-index:2}.reserve-slot:nth-child(2){z-index:1;margin-left:-20px}.reserve-slot:nth-child(1):hover{transform:translateY(-5px)scale(1.05);z-index:10}#bottom-controls{grid-area:bottom-controls;display:flex;justify-content:center;align-items:center;gap:30px}#zoom-controls{display:flex;gap:5px}#zoom-in,#zoom-out{width:50px;height:50px;border:none;background-color:var(--color-accent);color:var(--color-text);border-radius:var(--radius-pill);cursor:pointer;font-size:1.2em;font-weight:700;line-height:1;display:flex;justify-content:center;align-items:center}#zoom-in:hover,#zoom-out:hover{background-color:var(--color-lilac)}#card-storage[draggable=true],.reserve-slot[draggable=true],.game-button[draggable=true]{cursor:grab}.game-button[data-placed-this-turn=true]{outline:3px solid var(--color-accent);outline-offset:-3px}.game-button.locked-card{cursor:default}.card-display:empty:not(.card-back),.reserve-slot:empty{cursor:default;background-color:var(--color-blush)}#discard-pile.drag-over,.game-button.drag-over,#secondary-storage.drag-over{background-color:var(--color-orchid)!important}#discard-pile.discard-full{border-color:var(--color-danger);background-color:var(--color-panel-tint);cursor:not-allowed}#score{font-size:2em;font-weight:700;color:var(--color-text)}#score-breakdown{margin-top:0}.score-line{font-size:1.35em;color:var(--color-text);padding:var(--space-1)0;opacity:0;transition:opacity .5s ease-out}.new-game-btn,#end-turn{width:70px;height:70px;flex:0 0 70px;border-radius:var(--radius-pill);color:var(--color-card-black);cursor:pointer;font-size:4em;transition:all .2s ease-out;align-self:center;display:flex;justify-content:center;align-items:center;text-align:center;position:relative;background:0 0!important;border:none;z-index:1;padding:0}.new-game-btn::before,#end-turn::before{content:'';position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:var(--radius-pill);background:repeating-conic-gradient(var(--color-card-face) 0% 10%,var(--color-deep) 10% 20%);z-index:-2;transition:all .2s ease-out;box-shadow:0 4px 8px color-mix(in oklch,var(--shadow-ink) 40%,transparent)}.new-game-btn::after,#end-turn::after{content:'';position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:var(--radius-pill);z-index:-1;transition:all .2s ease-out;background:var(--color-card-face)}#bottom-controls .new-game-btn::after{box-shadow:inset 0 0 0 5px var(--color-card-face)}#bottom-controls #end-turn::after{box-shadow:inset 0 0 0 5px var(--color-hairline)}.new-game-btn:hover,#end-turn:not(:disabled):hover{transform:translateY(-2px)}.new-game-btn:hover::before,#end-turn:not(:disabled):hover::before{box-shadow:0 6px 12px color-mix(in oklch,var(--shadow-ink) 50%,transparent)}.new-game-btn:disabled,#end-turn:disabled{cursor:not-allowed;transform:translateY(0)}.new-game-btn:disabled::before,#end-turn:disabled::before{background:repeating-conic-gradient(var(--color-disabled) 0% 10%,var(--color-disabled-deep) 10% 20%);animation:none;box-shadow:0 2px 0 var(--color-disabled-deep),0 4px 5px color-mix(in oklch,var(--shadow-ink) 20%,transparent)}.new-game-btn:disabled::after,#end-turn:disabled::after{background:var(--color-disabled);box-shadow:inset 0 0 0 5px var(--color-disabled)}#game-board{grid-area:game-board;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:var(--space-1);aspect-ratio:1/1}.game-button{width:100%;height:100%;border:2px dashed var(--color-lilac);background-color:var(--color-blush);font-size:2.7em;border-radius:var(--radius-lg);transition:background-color .2s;color:var(--color-deep);padding:0;cursor:default}.game-button:not(:empty){border-style:solid;background-color:var(--color-card-face);color:var(--color-card-black);box-shadow:1px 1px 3px color-mix(in oklch,var(--shadow-ink) 20%,transparent)}.card-content{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.card-value{font-size:1em}.card-suit{font-size:1.064em}#deck-tracker{grid-area:deck-tracker;background:var(--color-lilac);padding:15px;border-radius:8px;box-shadow:0 2px 4px color-mix(in oklch,var(--shadow-ink) 5%,transparent)}#deck-tracker h3{margin:0 0 10px;text-align:center;color:var(--color-text)}#deck-tracker-icons{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px}.deck-line{display:flex;align-items:center;gap:10px}.deck-suit-group{display:flex;align-items:center;gap:5px}#deck-tracker .suit-symbol-inline{font-size:1.2em}#deck-tracker .deck-values{font-size:.7em;color:var(--color-text)}#game-container .red-card .card-suit,#game-container .red-card,#rules .red-card,.floating-card.red-card,#deck-tracker .red-suit{color:var(--color-card-red)!important}#game-container .black-card .card-suit,#game-container .black-card,#rules .black-card,.floating-card.black-card,#deck-tracker .black-suit{color:var(--color-card-black)!important}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:color-mix(in oklch,var(--shadow-ink) 60%,transparent);display:none;justify-content:center;align-items:center;z-index:1000}.overlay-content{background-color:var(--color-card-face);color:var(--color-ink);padding:30px;border-radius:8px;text-align:center;box-shadow:0 5px 15px color-mix(in oklch,var(--shadow-ink) 30%,transparent);display:flex;flex-direction:column;align-items:center}#score-overlay .new-game-btn{width:70px!important;height:70px;flex:0 0 70px;margin-left:auto;margin-right:auto;margin-top:var(--space-5)}#score-overlay .score-line{opacity:1;text-align:left;width:100%;color:var(--color-card-black)}#final-score-text{font-size:1.8em;font-weight:400;margin-top:var(--space-3);margin-bottom:var(--space-4);color:var(--color-ink-muted)}#nft-message{font-size:6.6em;font-weight:700;margin-bottom:var(--space-4);color:var(--color-deep)}#rules{margin:var(--space-5)auto;background-color:var(--color-rose);color:var(--color-ink);padding:var(--space-4);border-radius:var(--radius-lg);width:95%;max-width:800px}#rules p{text-align:left!important;color:var(--color-ink);margin-bottom:var(--space-4)}#rules h2,#rules h3{color:var(--color-deep);margin-bottom:var(--space-4)}#rules ul{padding-left:20px;list-style-position:inside;text-align:left!important}#rules table{width:100%;border-collapse:collapse;margin-top:10px}#rules th,#rules td{border:1px solid var(--color-hairline);padding:8px;text-align:left;color:var(--color-ink)}#rules th{background-color:var(--color-panel-tint)}#rules .card-example{font-family:monospace;font-size:1.1em}.floating-card{position:fixed;pointer-events:none;z-index:2000;width:80px;height:110px;border-radius:8px;display:none;justify-content:center;align-items:center;font-size:1.5em;animation:psychedelic-bg 3s linear infinite}@keyframes psychedelic-bg{0%,100%{background-color:var(--color-accent);border-color:var(--color-periwinkle)}20%{background-color:var(--color-periwinkle);border-color:var(--color-lilac)}40%{background-color:var(--color-lilac);border-color:var(--color-rose)}60%{background-color:var(--color-rose);border-color:var(--color-blush)}80%{background-color:var(--color-blush);border-color:var(--color-orchid)}}.game-button.highlight-hand-1,.game-button.highlight-hand-2,.game-button.highlight-hand-3,.game-button.highlight-hand-4,.game-button.highlight-hand-5,.game-button.highlight-hand-6{background-color:var(--color-accent)!important;border:2px solid var(--color-card-face)!important;color:var(--color-text)!important;animation:none}@media(max-width:768px){#game-container{width:100%;padding:10px}#top-ui{flex-direction:column;align-items:center;gap:20px}#deck-tracker-icons{flex-wrap:wrap;gap:10px}#secondary-storage{flex-wrap:wrap;justify-content:center}.reserve-slot{width:60px;height:90px;font-size:1.2em}.reserve-slot:nth-child(2){margin-left:-15px}.card-display{width:60px;height:90px;font-size:1.2em}.game-button{font-size:2em}.card-value{font-size:.8em}.card-suit{font-size:.7em}}