.card-small{width:80px;height:120px;font-size:10px}.card-medium{width:120px;height:180px;font-size:14px}.card-large{width:160px;height:240px;font-size:18px}.game-card{position:relative;background:var(--color-background);border:2px solid var(--color-primary);border-radius:8px;cursor:pointer;overflow:hidden;perspective:1000px;transform-style:preserve-3d}.game-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,255,0,.1) 0%,transparent 50%,rgba(0,255,0,.05) 100%);pointer-events:none}.card-monster{border-color:var(--color-danger);--card-color: var(--color-danger)}.card-monster:before{background:linear-gradient(135deg,rgba(255,51,51,.1) 0%,transparent 50%,rgba(255,51,51,.05) 100%)}.card-weapon{border-color:var(--color-diamond);--card-color: var(--color-diamond)}.card-weapon:before{background:linear-gradient(135deg,rgba(68,170,255,.1) 0%,transparent 50%,rgba(68,170,255,.05) 100%)}.card-potion{border-color:var(--color-primary);--card-color: var(--color-primary)}.card-potion:before{background:linear-gradient(135deg,rgba(0,255,0,.1) 0%,transparent 50%,rgba(0,255,0,.05) 100%)}.card-face{display:flex;flex-direction:column;height:100%;padding:8px;color:var(--card-color)}.card-header{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display);font-size:1.2em}.card-value{text-shadow:0 0 5px var(--card-color)}.card-suit{font-size:1.4em;text-shadow:0 0 5px var(--card-color)}.card-header-custom{justify-content:center;padding-bottom:2px;border-bottom:1px solid var(--card-color);margin-bottom:2px}.card-custom-name{font-size:.55em;text-shadow:0 0 5px var(--card-color);letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.card-art{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px}.placeholder-art{width:70%;height:auto;color:var(--card-color);opacity:.8}.card-type-label{font-family:var(--font-display);font-size:.6em;margin-top:5px;opacity:.7;letter-spacing:1px}.custom-art{padding:0;min-height:0;overflow:hidden}.custom-card-image{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:4px}.fallback-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.fallback-placeholder.hidden{display:none}.card-footer{text-align:center;font-family:var(--font-display);font-size:.7em;padding-top:5px;border-top:1px solid var(--card-color);opacity:.9;flex-shrink:0;min-height:1.5em}.card-damage{text-shadow:0 0 3px var(--card-color)}.card-back{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-background)}.card-back-image{width:100%;height:100%;object-fit:cover;border-radius:6px}.card-selected{box-shadow:0 0 15px var(--card-color),0 0 30px var(--card-color),inset 0 0 15px #ffffff1a;transform:translateY(-10px)}.card-disabled{opacity:.5;cursor:not-allowed;filter:grayscale(50%)}.card-elite{animation:elite-pulse 2s ease-in-out infinite;box-shadow:0 0 15px var(--color-danger),0 0 30px #ff333380,0 0 45px #ff33334d}.card-elite:after{content:"";position:absolute;inset:-3px;border:2px solid var(--color-danger);border-radius:10px;opacity:.6;animation:elite-border-pulse 2s ease-in-out infinite}@keyframes elite-pulse{0%,to{box-shadow:0 0 15px var(--color-danger),0 0 30px #ff333380,0 0 45px #ff33334d}50%{box-shadow:0 0 20px var(--color-danger),0 0 40px #f339,0 0 60px #f336}}@keyframes elite-border-pulse{0%,to{opacity:.4}50%{opacity:.8}}.card-legendary{animation:legendary-pulse 2s ease-in-out infinite;box-shadow:0 0 15px var(--card-color),0 0 30px var(--card-color),0 0 45px var(--card-color)}.card-legendary:after{content:"";position:absolute;inset:-3px;border:2px solid var(--card-color);border-radius:10px;opacity:.6;animation:legendary-border-pulse 2s ease-in-out infinite}@keyframes legendary-pulse{0%,to{box-shadow:0 0 15px var(--card-color),0 0 30px var(--card-color),0 0 45px var(--card-color)}50%{box-shadow:0 0 20px var(--card-color),0 0 40px var(--card-color),0 0 60px var(--card-color)}}@keyframes legendary-border-pulse{0%,to{opacity:.4}50%{opacity:.8}}.card-boss{animation:boss-pulse 1.5s ease-in-out infinite;box-shadow:0 0 20px #9932cc,0 0 40px #9932cc,0 0 60px #9932ccb3,0 0 80px #9932cc80;border-color:#9932cc!important}.card-boss:after{content:"";position:absolute;inset:-4px;border:3px solid #9932cc;border-radius:12px;opacity:.8;animation:boss-border-pulse 1.5s ease-in-out infinite}@keyframes boss-pulse{0%,to{box-shadow:0 0 20px #9932cc,0 0 40px #9932cc,0 0 60px #9932ccb3,0 0 80px #9932cc80}50%{box-shadow:0 0 30px #9932cc,0 0 60px #9932cc,0 0 90px #9932cccc,0 0 120px #9932cc99}}@keyframes boss-border-pulse{0%,to{opacity:.6}50%{opacity:1}}.card-slot{background:var(--color-background-light);border:2px dashed var(--color-primary-dim);border-radius:8px;display:flex;align-items:center;justify-content:center;opacity:.5}.slot-label{font-family:var(--font-display);font-size:.6em;color:var(--color-primary-dim);letter-spacing:2px}.game-card:not(.card-disabled):hover{box-shadow:0 0 10px var(--card-color),0 0 20px rgba(var(--card-color),.3)}.card-red .card-suit{color:var(--color-heart)}.card-black .card-suit{color:var(--color-primary)}.card-full-mode .card-face{padding:4px}.card-full-mode .card-art{padding:0}.card-full-mode .placeholder-art{width:90%}@media(max-width:900px){.card-large{width:100px;height:150px;font-size:12px}.card-medium{width:80px;height:120px;font-size:10px}.card-small{width:60px;height:90px;font-size:8px}.card-header{font-size:1em}.card-suit{font-size:1.2em}.card-type-label{font-size:.5em}.card-footer{font-size:.6em;padding-top:3px}}@media(max-width:480px){.card-large{width:75px;height:112px;font-size:9px}.card-slot.card-large{width:75px;height:112px}.slot-label{font-size:.5em}}@media(max-width:1024px)and (orientation:landscape)and (max-height:500px){.card-large{width:70px;height:105px;font-size:8px}.card-medium{width:60px;height:90px;font-size:7px}.card-small{width:50px;height:75px;font-size:6px}.card-slot.card-large{width:70px;height:105px}.card-face{padding:4px}.card-header{font-size:.9em}.card-suit{font-size:1em}.card-art{padding:4px}.card-type-label{font-size:.4em;margin-top:2px}.card-footer{font-size:.5em;padding-top:2px}.slot-label{font-size:.4em;letter-spacing:1px}}.health-bar-container{width:100%;max-width:400px;padding:15px;background:#00000080;border:2px solid var(--color-primary);border-radius:4px;position:relative}.health-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-family:var(--font-display);font-size:12px}.health-label,.health-value{color:var(--color-primary);text-shadow:0 0 5px var(--color-primary)}.health-value.damage-flash{color:var(--color-danger);text-shadow:0 0 10px var(--color-danger)}.health-value.heal-flash{color:#0f8;text-shadow:0 0 10px #00ff88}.health-bar-track{height:24px;background:var(--color-background);border:1px solid var(--color-primary-dim);border-radius:2px;overflow:hidden;position:relative}.health-bar-fill{height:100%;position:relative;transition:background-color .3s ease}.health-high{background:linear-gradient(180deg,#0f0,#0a0);box-shadow:0 0 10px var(--color-primary-glow)}.health-medium{background:linear-gradient(180deg,#fa0,#c80);box-shadow:0 0 10px #ffaa0080}.health-low{background:linear-gradient(180deg,#f33,#a00);box-shadow:0 0 10px var(--color-danger-glow);animation:pulse-danger .5s infinite}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.7}}.health-segments{position:absolute;inset:0;pointer-events:none}.health-segment{position:absolute;top:0;bottom:0;width:1px;background:#0000004d}.health-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none}.damage-indicator{position:absolute;top:50%;right:20px;font-family:var(--font-display);font-size:18px;color:var(--color-danger);text-shadow:0 0 10px var(--color-danger);pointer-events:none}.heal-indicator{position:absolute;top:50%;right:20px;font-family:var(--font-display);font-size:18px;color:#0f8;text-shadow:0 0 10px #00ff88;pointer-events:none}.critical-warning{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:10px;color:var(--color-danger);text-shadow:0 0 5px var(--color-danger);white-space:nowrap}.health-bar-container.shake{animation:shake .3s ease-in-out}@media(max-width:1024px)and (orientation:landscape)and (max-height:500px){.health-bar-container{padding:5px 8px;border-width:1px}.health-bar-header{font-size:8px;margin-bottom:4px}.health-bar-track{height:12px}.damage-indicator,.heal-indicator{font-size:12px;right:10px}.critical-warning{font-size:7px;bottom:-15px}}.combat-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.combat-dialog{background:var(--color-background);border:2px solid var(--color-danger);border-radius:4px;min-width:400px;max-width:500px;box-shadow:0 0 20px var(--color-danger-glow),inset 0 0 20px #ff33331a}.combat-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--color-danger);background:#ff33331a}.combat-title{font-family:var(--font-display);font-size:14px;color:var(--color-danger);text-shadow:0 0 5px var(--color-danger)}.close-button{font-family:var(--font-display);font-size:12px;background:transparent;border:none;color:var(--color-danger);cursor:pointer;padding:5px 10px;transition:all .2s}.close-button:hover{text-shadow:0 0 10px var(--color-danger)}.combat-content{padding:20px}.monster-card-section{display:flex;justify-content:center;align-items:center;padding:15px;margin-bottom:20px}.combat-options{display:flex;flex-direction:column;gap:15px}.options-title{font-family:var(--font-display);font-size:10px;color:var(--color-primary);margin-bottom:10px}.combat-option{display:flex;flex-direction:column;padding:15px;background:#00000080;border:2px solid var(--color-primary);border-radius:4px;cursor:pointer;transition:all .2s;text-align:left}.combat-option:hover:not(.disabled){background:#00ff001a;box-shadow:0 0 10px var(--color-primary-glow)}.combat-option.disabled{opacity:.5;cursor:not-allowed;border-color:var(--color-primary-dim)}.combat-option.barehanded{border-color:var(--color-warning)}.combat-option.barehanded:hover{background:#ffaa001a;box-shadow:0 0 10px #ffaa004d}.option-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.option-icon{font-size:20px}.option-name{font-family:var(--font-display);font-size:12px;color:var(--color-primary)}.barehanded .option-name{color:var(--color-warning)}.option-result{display:flex;flex-direction:column;gap:5px}.damage-preview{font-family:var(--font-body);font-size:16px;color:var(--color-text-dim)}.damage-value{color:var(--color-danger);text-shadow:0 0 5px var(--color-danger)}.damage-value.no-damage{color:var(--color-primary);text-shadow:0 0 5px var(--color-primary)}.weapon-locked{font-family:var(--font-display);font-size:8px;color:var(--color-danger)}.no-weapon{font-family:var(--font-body);font-size:14px;color:var(--color-text-dim);opacity:.7}.combat-footer{padding:15px 20px;border-top:1px solid var(--color-primary-dim);background:#0000004d}.combat-hint{font-family:var(--font-body);font-size:12px;color:var(--color-text-dim);opacity:.7}.monster-card-display{margin:10px 0}.weapon-card-display{margin-left:10px}.mobile-only{display:none}.desktop-only{display:inline}@media(max-width:900px){.combat-dialog{min-width:auto;max-width:90vw;margin:10px}.combat-header{padding:10px 15px}.combat-title{font-size:12px}.combat-content{padding:15px}.monster-card-section{padding:10px;margin-bottom:15px}.mobile-only{display:inline}.desktop-only{display:none}.option-header{flex-wrap:wrap}.option-name{font-size:10px}.option-icon{font-size:16px}.damage-preview{font-size:14px}.combat-footer{padding:10px 15px}.combat-hint{font-size:10px}.weapon-locked{font-size:7px}}@media(max-width:1024px)and (orientation:landscape)and (max-height:500px){.combat-dialog{max-height:90vh;overflow-y:auto}.combat-content{padding:10px}.monster-card-section{padding:8px;margin-bottom:10px}.combat-options{gap:8px}.combat-option{padding:10px}.option-header{margin-bottom:5px}.combat-footer{padding:8px 15px}}.help-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.help-dialog{background:var(--color-background);border:2px solid var(--color-primary);border-radius:4px;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 0 20px var(--color-primary-glow),inset 0 0 20px #00ff000d}.help-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--color-primary);background:#00ff000d;position:sticky;top:0}.help-title{font-family:var(--font-display);font-size:14px;color:var(--color-primary);text-shadow:0 0 5px var(--color-primary)}.help-dialog .close-button{font-family:var(--font-display);font-size:12px;background:transparent;border:none;color:var(--color-primary);cursor:pointer;padding:5px 10px;transition:all .2s}.help-dialog .close-button:hover{text-shadow:0 0 10px var(--color-primary)}.help-content{padding:20px}.help-section{margin-bottom:20px}.help-section:last-child{margin-bottom:0}.section-heading{font-family:var(--font-display);font-size:11px;color:var(--color-primary);margin-bottom:10px;text-shadow:0 0 5px var(--color-primary)}.help-section p{font-family:var(--font-body);font-size:14px;color:var(--color-text);line-height:1.5}.card-types{display:flex;flex-direction:column;gap:10px}.card-type{display:flex;align-items:center;gap:10px;padding:10px;background:#0000004d;border-radius:4px;border:1px solid var(--color-primary-dim)}.card-type.monster{border-color:var(--color-danger)}.card-type.weapon{border-color:var(--color-diamond)}.card-type.potion{border-color:var(--color-primary)}.type-icon{font-size:18px;min-width:30px;text-align:center}.card-type.monster .type-icon{color:var(--color-danger)}.card-type.weapon .type-icon{color:var(--color-diamond)}.card-type.potion .type-icon{color:var(--color-heart)}.type-name{font-family:var(--font-display);font-size:10px;min-width:80px}.card-type.monster .type-name{color:var(--color-danger)}.card-type.weapon .type-name{color:var(--color-diamond)}.card-type.potion .type-name{color:var(--color-primary)}.type-desc{font-family:var(--font-body);font-size:12px;color:var(--color-text-dim)}.rules-list{list-style:none;padding:0;margin:0}.rules-list li{font-family:var(--font-body);font-size:13px;color:var(--color-text);border-bottom:1px solid var(--color-primary-dim);padding:8px 0 8px 15px;position:relative}.rules-list li:last-child{border-bottom:none}.rules-list li:before{content:">";position:absolute;left:0;color:var(--color-primary)}.values-info{font-family:var(--font-display);font-size:12px;color:var(--color-primary);text-align:center;padding:10px;background:#00ff000d;border:1px dashed var(--color-primary-dim);border-radius:4px}.help-footer{padding:15px 20px;border-top:1px solid var(--color-primary-dim);display:flex;justify-content:center}.got-it-button{font-family:var(--font-display);font-size:14px;padding:12px 30px;background:transparent;border:2px solid var(--color-primary);color:var(--color-primary);cursor:pointer;transition:all .2s}.got-it-button:hover{background:var(--color-primary);color:var(--color-background);box-shadow:0 0 15px var(--color-primary-glow)}.help-button{font-family:var(--font-display);font-size:12px;padding:6px 12px;background:transparent;border:1px solid var(--color-primary-dim);color:var(--color-primary);cursor:pointer;transition:all .2s;border-radius:4px}.help-button:hover{border-color:var(--color-primary);text-shadow:0 0 5px var(--color-primary)}@media(max-width:600px){.help-dialog{margin:10px;max-width:calc(100vw - 20px)}.help-header{padding:12px 15px}.help-title{font-size:12px}.help-content{padding:15px}.section-heading{font-size:10px}.help-section p{font-size:12px}.card-type{padding:8px;gap:8px}.type-icon{font-size:14px;min-width:25px}.type-name{font-size:9px;min-width:65px}.type-desc{font-size:10px}.rules-list li{font-size:11px;padding:6px 0 6px 12px}.values-info{font-size:10px;padding:8px}.help-footer{padding:12px 15px}.got-it-button{font-size:12px;padding:10px 25px}.help-button{font-size:10px;padding:5px 10px}}@media(max-width:900px)and (orientation:landscape){.help-dialog{max-height:85vh}.help-content{padding:10px 15px}.help-section{margin-bottom:12px}.card-types{flex-direction:row;flex-wrap:wrap}.card-type{flex:1;min-width:120px;flex-direction:column;text-align:center;gap:5px}.type-name{min-width:auto}.type-desc{font-size:9px}.rules-list li{font-size:10px;padding:5px 0 5px 12px}}.game-board{width:100%;height:100%;display:flex;flex-direction:column;background:var(--color-background);padding:20px;overflow:hidden}.game-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:2px solid var(--color-primary);margin-bottom:20px}.logo-text{font-family:var(--font-display);font-size:16px;color:var(--color-primary);text-shadow:0 0 10px var(--color-primary);letter-spacing:2px}.game-title{font-family:var(--font-display);font-size:24px;color:var(--color-primary);text-shadow:0 0 10px var(--color-primary)}.game-title.clickable{cursor:pointer;transition:all .2s ease}.game-title.clickable:hover{text-shadow:0 0 20px var(--color-primary),0 0 30px var(--color-primary-glow);transform:scale(1.02)}.title-bracket{color:var(--color-primary-dim)}.game-header .help-button{font-family:var(--font-display);font-size:10px;padding:6px 12px;background:transparent;border:1px solid var(--color-primary-dim);color:var(--color-primary);cursor:pointer;transition:all .2s;border-radius:4px}.game-header .help-button:hover{border-color:var(--color-primary);text-shadow:0 0 5px var(--color-primary);box-shadow:0 0 10px var(--color-primary-glow)}.game-content{display:grid;grid-template-columns:280px 1fr 200px;gap:20px;flex:1;min-height:0}.player-panel,.deck-panel{display:flex;flex-direction:column;gap:20px}.panel-section{background:#0000004d;border:1px solid var(--color-primary-dim);border-radius:4px;padding:15px;overflow:visible}.section-title{font-family:var(--font-display);font-size:10px;color:var(--color-primary);margin-bottom:15px;text-shadow:0 0 5px var(--color-primary)}.weapon-area{display:flex;justify-content:flex-start;overflow-x:auto;padding:10px 0}.weapon-stack{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.weapon-with-monsters{position:relative;display:flex;flex-direction:row;align-items:flex-start;min-width:80px;min-height:120px}.stacked-monster{position:absolute;top:0;z-index:1;transform:scale(.85);opacity:.95}.stacked-monster .game-card{box-shadow:-2px 0 8px #00000080}.slain-monsters{font-family:var(--font-display);font-size:12px;color:var(--color-primary);text-align:left;margin-top:8px}.slain-label{display:block;color:var(--color-danger);text-shadow:0 0 3px var(--color-danger)}.slain-max{display:block;opacity:.8;text-shadow:0 0 3px var(--color-primary)}.dungeon-info{display:flex;flex-direction:column;gap:8px}.info-row{display:flex;justify-content:space-between;font-family:var(--font-body);font-size:16px}.info-label{color:var(--color-primary-dim)}.info-value{color:var(--color-primary);text-shadow:0 0 5px var(--color-primary)}.room-area{display:flex;flex-direction:column;align-items:center}.room-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px}.room-title{font-family:var(--font-display);font-size:14px;color:var(--color-primary);text-shadow:0 0 5px var(--color-primary)}.avoid-button{font-size:10px;padding:8px 16px}.room-cards{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;padding:20px;background:#00ff0005;border:1px dashed var(--color-primary-dim);border-radius:8px;min-height:280px;width:100%}.room-instructions{margin-top:20px;text-align:center;width:100%;padding:0 10px;box-sizing:border-box}.instruction-text{font-family:var(--font-display);font-size:12px;color:var(--color-primary);text-shadow:0 0 5px var(--color-primary);white-space:nowrap}.deck-stack,.discard-stack{display:flex;justify-content:center}.deck-visual,.discard-visual{position:relative;display:flex;flex-direction:column;align-items:center}.deck-image{width:100px;height:150px;object-fit:cover;border-radius:6px;border:2px solid var(--color-primary);box-shadow:0 0 10px var(--color-primary-glow)}.deck-count,.discard-count{font-family:var(--font-display);font-size:14px;color:var(--color-primary);margin-top:10px;text-shadow:0 0 5px var(--color-primary)}.discard-box{width:100px;height:150px;background:var(--color-background-light);border:2px solid var(--color-primary-dim);border-radius:6px;display:flex;align-items:center;justify-content:center}.trash-icon{width:40px;height:40px;color:var(--color-primary-dim);opacity:.6}.game-over-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.game-over-content{text-align:center;padding:40px;border:2px solid var(--color-primary);background:var(--color-background);max-width:500px}.game-over-title{font-family:var(--font-display);font-size:32px;margin-bottom:30px}.game-over-title.victory{color:var(--color-primary);text-shadow:0 0 20px var(--color-primary);animation:pulse-glow 1s infinite}.game-over-title.defeat{color:var(--color-danger);text-shadow:0 0 20px var(--color-danger)}@keyframes pulse-glow{0%,to{text-shadow:0 0 20px var(--color-primary)}50%{text-shadow:0 0 40px var(--color-primary),0 0 60px var(--color-primary-glow)}}.game-over-score{margin-bottom:20px}.score-label{font-family:var(--font-display);font-size:14px;color:var(--color-primary-dim);display:block;margin-bottom:10px}.score-value{font-family:var(--font-display);font-size:48px}.score-value.positive{color:var(--color-primary);text-shadow:0 0 10px var(--color-primary)}.score-value.negative{color:var(--color-danger);text-shadow:0 0 10px var(--color-danger)}.game-over-message{font-family:var(--font-body);font-size:18px;color:var(--color-text-dim);margin-bottom:30px}.game-over-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.victory-overlay{background:radial-gradient(ellipse at center,#003200f2,#000000fa 70%)}.victory-content{position:relative;border-color:var(--color-primary);box-shadow:0 0 50px var(--color-primary-glow),inset 0 0 30px #00ff001a}.victory-glow{position:absolute;inset:-20px;border:2px solid var(--color-primary);border-radius:4px;box-shadow:0 0 30px var(--color-primary),0 0 60px var(--color-primary-glow);pointer-events:none}.victory-subtitle{font-family:var(--font-display);font-size:16px;color:var(--color-primary);margin-bottom:20px;letter-spacing:2px}.victory-stats{margin-bottom:20px;padding:15px;background:#00ff000d;border:1px dashed var(--color-primary-dim);border-radius:4px}.stat-line{font-family:var(--font-display);font-size:12px;color:var(--color-primary);margin:5px 0}.defeat-overlay{background:radial-gradient(ellipse at center,#320000f2,#000000fa 70%)}@media(max-width:1200px){.game-content{grid-template-columns:220px 1fr 180px}}@media(max-width:900px){.game-board{padding:10px;overflow-y:auto}.logo-text{display:none}.game-header{justify-content:space-between;padding:8px 10px;margin-bottom:10px}.game-header .help-button{font-size:8px;padding:4px 8px;order:-1}.game-title{font-size:18px}.game-content{display:flex;flex-direction:column;gap:10px}.player-panel{display:flex;flex-direction:row;gap:10px;order:1}.player-panel .panel-section{flex:1;padding:8px;min-width:0}.player-panel .panel-section:nth-child(2){display:none}.section-title{font-size:8px;margin-bottom:8px}.room-area{order:2;flex:1}.room-header{margin-bottom:10px}.room-title{font-size:10px}.avoid-button{font-size:8px;padding:6px 10px}.room-cards{gap:8px;padding:10px;min-height:auto}.room-instructions{margin-top:10px}.instruction-text{font-size:9px}.deck-panel{display:flex;flex-direction:row;justify-content:center;gap:20px;order:3}.deck-panel .panel-section{padding:8px;flex:0 0 auto}.deck-image,.discard-box{width:60px;height:90px}.trash-icon{width:24px;height:24px}.deck-count,.discard-count{font-size:10px;margin-top:5px}.dungeon-info{gap:4px}.info-row{font-size:12px}.health-bar-container{padding:8px}.health-bar-header{font-size:10px;margin-bottom:5px}.health-bar-track{height:16px}}.mobile-weapon-section{display:none}@media(max-width:900px){.mobile-weapon-section{display:block;margin-top:15px;background:#0000004d;border:1px solid var(--color-primary-dim);border-radius:4px;padding:10px}.mobile-weapon-section .section-title{font-size:9px;margin-bottom:10px}.mobile-weapon-area{display:flex;justify-content:center}.mobile-weapon-display{display:flex;align-items:center;justify-content:center}.mobile-stacked-monster{z-index:1}.mobile-stacked-monster .game-card{box-shadow:-2px 0 8px #00000080}.mobile-slain-info{display:flex;flex-direction:column;margin-left:15px;font-family:var(--font-display);font-size:11px;gap:3px}.mobile-slain-info .slain-label{color:var(--color-danger);text-shadow:0 0 3px var(--color-danger)}.mobile-slain-info .slain-max{color:var(--color-primary);opacity:.8;text-shadow:0 0 3px var(--color-primary)}.mobile-no-weapon{display:flex;align-items:center;justify-content:center;width:60px;height:90px;background:var(--color-background-light);border:2px dashed var(--color-primary-dim);border-radius:8px;opacity:.5}.mobile-no-weapon span{font-family:var(--font-display);font-size:7px;color:var(--color-primary-dim);letter-spacing:1px}}@media(max-width:1024px)and (orientation:landscape)and (max-height:500px){.game-board{padding:5px 10px;overflow:hidden}.game-header{padding:4px 10px;margin-bottom:5px;border-bottom-width:1px}.logo-text{display:block;font-size:10px}.game-header{justify-content:space-between}.game-title{font-size:14px}.game-content{display:grid;grid-template-columns:180px 1fr 140px;gap:10px;flex:1;min-height:0;overflow:hidden}.player-panel{display:flex;flex-direction:column;gap:5px;order:unset;overflow:hidden}.player-panel .panel-section{padding:5px 8px;flex:unset}.player-panel .panel-section:nth-child(2){display:block}.section-title{font-size:7px;margin-bottom:5px}.health-bar-container{padding:5px}.health-bar-header{font-size:8px;margin-bottom:3px}.health-bar-track{height:12px}.weapon-area{padding:3px 0;overflow-x:auto}.weapon-with-monsters{min-width:60px;min-height:90px}.stacked-monster{transform:scale(.85)}.slain-monsters{font-size:10px;margin-top:5px}.room-area{order:unset;overflow:hidden}.room-header{margin-bottom:5px}.room-title{font-size:9px}.avoid-button{font-size:7px;padding:4px 8px}.room-cards{gap:8px;padding:8px;min-height:auto}.room-instructions{margin-top:5px}.instruction-text{font-size:8px}.mobile-weapon-section{display:none!important}.deck-panel{display:flex;flex-direction:column;gap:5px;order:unset}.deck-panel .panel-section{padding:5px 8px;flex:unset}.deck-panel .section-title{font-size:6px;margin-bottom:3px}.deck-image,.discard-box{width:50px;height:75px}.trash-icon{width:20px;height:20px}.deck-count,.discard-count{font-size:8px;margin-top:3px}.dungeon-info{gap:2px}.info-row{font-size:9px}}@media(max-width:480px){.room-cards{gap:5px;padding:8px}.game-title{font-size:14px}.section-title{font-size:7px}.info-row{font-size:10px}.deck-panel .section-title{font-size:6px;margin-bottom:5px}.mobile-weapon-section .section-title{font-size:7px}.mobile-no-weapon{width:50px;height:75px}.mobile-no-weapon span{font-size:6px}}.start-screen{width:100%;height:100%;display:flex;align-items:safe center;justify-content:safe center;background:var(--color-background);position:relative;overflow-x:hidden;overflow-y:auto}.start-content{display:flex;flex-direction:column;align-items:center;z-index:10;padding:20px;margin:auto}.logo-container{margin-bottom:20px}.main-logo{width:200px;height:auto;filter:drop-shadow(0 0 20px var(--color-primary));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.title-container{text-align:center;margin-bottom:30px}.game-main-title{font-family:var(--font-display);font-size:48px;color:var(--color-primary);text-shadow:0 0 10px var(--color-primary),0 0 20px var(--color-primary),0 0 40px var(--color-primary-glow);margin-bottom:10px}.title-prefix{color:var(--color-primary-dim);animation:blink 1s infinite}.subtitle{font-family:var(--font-display);font-size:14px;color:var(--color-primary-dim);letter-spacing:4px}.description-container{margin-bottom:30px;max-width:500px}.description-box{background:#00ff000d;border:1px solid var(--color-primary-dim);padding:20px;border-radius:4px}.description-text{font-family:var(--font-body);font-size:18px;color:var(--color-text);text-align:center;margin-bottom:10px}.description-text:last-child{margin-bottom:0}.rules-container{margin-bottom:40px}.rules-grid{display:flex;gap:30px;flex-wrap:wrap;justify-content:center}.rule-item{display:flex;align-items:center;gap:10px;padding:10px 15px;background:#00000080;border:1px solid var(--color-primary-dim);border-radius:4px}.rule-icon{font-size:20px}.monster-icon{color:var(--color-danger);text-shadow:0 0 5px var(--color-danger)}.weapon-icon{color:var(--color-diamond);text-shadow:0 0 5px var(--color-diamond)}.potion-icon{color:var(--color-heart);text-shadow:0 0 5px var(--color-heart)}.rule-text{font-family:var(--font-display);font-size:10px;color:var(--color-text)}.start-button-container{margin-bottom:40px}.start-button{font-family:var(--font-display);font-size:18px;padding:20px 40px;background:transparent;border:3px solid var(--color-primary);color:var(--color-primary);cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease}.start-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,0,.2),transparent);transition:left .5s ease}.start-button:hover{background:var(--color-primary);color:var(--color-background);box-shadow:0 0 20px var(--color-primary),0 0 40px var(--color-primary-glow);transform:scale(1.05)}.start-button:hover:before{left:100%}.start-button:active{transform:scale(.98)}.button-bracket{opacity:.7}.mode-selection{margin-bottom:40px;text-align:center}.mode-label{font-family:var(--font-display);font-size:12px;color:var(--color-primary);margin-bottom:20px;text-shadow:0 0 5px var(--color-primary)}.mode-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.mode-buttons .start-button{display:flex;flex-direction:column;align-items:center;padding:20px 30px;min-width:150px}.mode-desc{display:block;font-size:8px;margin-top:8px;opacity:.7;letter-spacing:1px}.demo-button{border-color:var(--color-warning);color:var(--color-warning)}.demo-button:hover{background:var(--color-warning);box-shadow:0 0 20px var(--color-warning),0 0 40px #ffaa004d}.full-button{border-color:var(--color-primary);color:var(--color-primary)}.dungeon-selection{margin-bottom:30px;text-align:center}.dungeon-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.dungeon-button{font-family:var(--font-display);font-size:12px;padding:15px 20px;background:transparent;border:2px solid var(--color-primary-dim);color:var(--color-primary-dim);cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;min-width:180px;border-radius:4px}.dungeon-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.dungeon-button.selected{border-color:var(--color-primary);color:var(--color-primary);background:#00ff001a;box-shadow:0 0 15px var(--color-primary-glow)}.dungeon-button.boss-button:hover,.dungeon-button.boss-button.selected{border-color:var(--color-danger);color:var(--color-danger);background:#ff33331a;box-shadow:0 0 15px #ff333380}.dungeon-name{font-size:11px;font-weight:700;letter-spacing:1px}.dungeon-desc{display:block;font-size:8px;margin-top:8px;opacity:.7;letter-spacing:.5px}.credits{text-align:center}.credits p{font-family:var(--font-body);font-size:14px;color:var(--color-text-dim);margin-bottom:5px}.bg-elements{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floating-symbol{position:absolute;font-size:24px;color:var(--color-primary);opacity:.3}@media(max-width:600px){.start-content{padding:15px;max-width:100%}.logo-container{margin-bottom:15px}.main-logo{width:120px}.title-container{margin-bottom:20px}.game-main-title{font-size:28px}.subtitle{font-size:10px;letter-spacing:2px}.description-container{margin-bottom:20px}.description-box{padding:12px}.description-text{font-size:14px;margin-bottom:8px}.rules-container{margin-bottom:25px}.rules-grid{flex-direction:column;gap:10px}.rule-item{padding:8px 12px}.rule-icon{font-size:16px}.rule-text{font-size:9px}.dungeon-selection{margin-bottom:20px}.dungeon-buttons{gap:10px}.dungeon-button{padding:10px 15px;min-width:140px}.dungeon-name{font-size:9px}.dungeon-desc{font-size:7px}.mode-selection{margin-bottom:25px}.mode-label{font-size:10px;margin-bottom:15px}.mode-buttons{gap:15px}.mode-buttons .start-button{padding:15px 20px;min-width:120px}.start-button{font-size:14px;padding:12px 20px}.mode-desc{font-size:7px}.credits{margin-top:10px}.credits p{font-size:11px}}@media(max-width:900px)and (orientation:landscape){.start-content{padding:10px 20px;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px}.logo-container{margin-bottom:0}.main-logo{width:80px}.title-container{margin-bottom:0}.game-main-title{font-size:24px}.subtitle{font-size:9px}.description-container{display:none}.rules-container{margin-bottom:0}.rules-grid{flex-direction:row;gap:10px}.rule-item{padding:5px 10px}.rule-icon{font-size:14px}.rule-text{font-size:8px}.dungeon-selection{margin-bottom:0}.dungeon-buttons{gap:8px}.dungeon-button{padding:8px 12px;min-width:120px}.dungeon-name{font-size:8px}.dungeon-desc{font-size:6px;margin-top:4px}.mode-selection{margin-bottom:0}.mode-label{font-size:9px;margin-bottom:10px}.mode-buttons{gap:10px}.mode-buttons .start-button{padding:10px 15px;min-width:100px}.start-button{font-size:12px;padding:10px 15px}.mode-desc{font-size:6px;margin-top:5px}.credits{width:100%;margin-top:5px}.credits p{font-size:9px;margin-bottom:2px}}:root{--color-primary: #00ff00;--color-primary-dim: #00aa00;--color-primary-glow: rgba(0, 255, 0, .5);--color-background: #0a0a0a;--color-background-light: #1a1a1a;--color-danger: #ff3333;--color-danger-glow: rgba(255, 51, 51, .5);--color-warning: #ffaa00;--color-heart: #ff4444;--color-diamond: #44aaff;--color-text: #00ff00;--color-text-dim: #008800;--font-display: "Press Start 2P", monospace;--font-body: "VT323", monospace;--scanline-opacity: .05;--glow-intensity: .8}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);background-color:var(--color-background);color:var(--color-text);font-size:18px;line-height:1.4}#root{height:100%;width:100%}.crt-container{position:relative;width:100%;height:100%;overflow:hidden}.crt-container:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1000}.crt-container:after{content:"";position:absolute;inset:0;background:#00ff0005;pointer-events:none;z-index:999;animation:flicker .15s infinite}@keyframes flicker{0%{opacity:.97}50%{opacity:1}to{opacity:.98}}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,transparent 60%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:998}.glow{text-shadow:0 0 5px var(--color-primary),0 0 10px var(--color-primary),0 0 20px var(--color-primary-glow)}.glow-danger{text-shadow:0 0 5px var(--color-danger),0 0 10px var(--color-danger),0 0 20px var(--color-danger-glow)}.pixel-border{border:2px solid var(--color-primary);box-shadow:0 0 5px var(--color-primary-glow),inset 0 0 5px #00ff001a}.pixel-border-danger{border-color:var(--color-danger);box-shadow:0 0 5px var(--color-danger-glow),inset 0 0 5px #ff33331a}.retro-button{font-family:var(--font-display);font-size:12px;padding:12px 24px;background:transparent;border:2px solid var(--color-primary);color:var(--color-primary);cursor:pointer;text-transform:uppercase;letter-spacing:2px;position:relative;overflow:hidden;transition:all .2s ease}.retro-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--color-primary-glow),transparent);transition:left .5s ease}.retro-button:hover{background:var(--color-primary);color:var(--color-background);box-shadow:0 0 10px var(--color-primary),0 0 20px var(--color-primary-glow)}.retro-button:hover:before{left:100%}.retro-button:active{transform:scale(.98)}.retro-button:disabled{opacity:.5;cursor:not-allowed}.retro-button:disabled:hover{background:transparent;color:var(--color-primary);box-shadow:none}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.terminal-cursor:after{content:"_";animation:blink 1s infinite}@keyframes cardFlip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake{animation:shake .5s ease-in-out}@keyframes healPulse{0%,to{box-shadow:0 0 5px var(--color-primary)}50%{box-shadow:0 0 20px var(--color-primary),0 0 40px var(--color-primary-glow)}}.heal-pulse{animation:healPulse .5s ease-in-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-primary-dim);border:1px solid var(--color-primary)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}
