@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Roboto:wght@400;700&display=swap";
.snapdungeon-root{color:#ecf0f1;text-align:center;-webkit-user-select:none;user-select:none;background:#1a1a1a;height:100vh;margin:0;font-family:Roboto,sans-serif;overflow:hidden}.snapdungeon-root h1,.snapdungeon-root h2,.snapdungeon-root h3{text-transform:uppercase;color:#f1c40f;margin:10px 0;font-family:"Press Start 2P",cursive}.snapdungeon-root button.location-card,.snapdungeon-root button.card,.snapdungeon-root button.reward-option{font:inherit;appearance:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#7f8c8d;border-radius:3px}.container{background:#2c3e50;border-left:2px solid #444;border-right:2px solid #444;flex-direction:column;max-width:500px;height:100vh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 20px #000}.screen{box-sizing:border-box;flex-direction:column;flex:1;height:100%;padding:15px;display:none;overflow:hidden}.active{display:flex}.btn{color:#fff;cursor:pointer;background:#e67e22;border:none;border-bottom:4px solid #d35400;border-radius:4px;align-self:center;width:100%;max-width:300px;margin:5px;padding:12px 20px;font-family:"Press Start 2P";font-size:12px;transition:all .1s}.btn:active{border-bottom:0;transform:translateY(4px)}.btn:disabled{cursor:not-allowed;filter:grayscale();background:#7f8c8d;border-bottom:4px solid #555}.btn-green{background:#2ecc71;border-bottom-color:#27ae60}.btn-blue{background:#3498db;border-bottom-color:#2980b9}.btn-red{background:#c0392b;border-bottom-color:#922b21}.btn-small{width:auto;padding:8px 12px;font-size:10px}.char-btn{border-bottom-color:#d35400}.char-btn.is-selected{border-bottom-color:#27ae60;box-shadow:inset 0 0 0 1px #2ecc7159}.diff-container{flex-direction:column;align-items:center;gap:10px;width:100%;margin-bottom:20px;display:flex}.btn-diff{text-align:left;width:80%;max-width:250px;padding-left:20px;position:relative}.btn-diff span{float:right;opacity:.8;margin-top:2px;font-size:10px}.difficulty-row{gap:8px;width:100%;display:flex}.difficulty-row .btn-diff{text-align:center;flex:1;width:auto;max-width:none;padding:12px 8px}.difficulty-row .btn-diff span{float:none;margin-top:6px;display:block}.menu-actions-row{justify-content:center;gap:8px;width:100%;margin-top:16px;display:flex}.menu-actions-row .btn-small{white-space:nowrap;flex:1;justify-content:center;align-items:center;min-width:0;max-width:none;height:52px;margin:0;padding:8px 6px;font-size:9px;display:flex}.screen-menu{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;justify-content:flex-start;overflow:hidden auto}.menu-scroll-inner{width:100%;padding-bottom:24px}.menu-hero{width:calc(100% + 30px);margin:-15px -15px 18px;position:relative}.menu-cover-img{width:100%;height:auto;display:block}.menu-hero-title{text-align:center;background:linear-gradient(#0000 0%,#0f141c8c 45%,#0f141cf5 100%);padding:28px 14px 14px;position:absolute;bottom:0;left:0;right:0}.menu-hero-title h1{text-shadow:0 2px 12px #000,0 0 20px #f1c40f59;margin:0 0 6px;font-size:15px;line-height:1.5}.menu-tagline{color:#bdc3c7;text-transform:none;letter-spacing:.02em;margin:0;font-family:Roboto,sans-serif;font-size:11px}.name-input{text-align:center;color:#fff;background:#34495e;border:2px solid #f1c40f;border-radius:5px;width:80%;margin-bottom:15px;padding:12px;font-family:"Press Start 2P";font-size:14px}.name-input::placeholder{color:#95a5a6;font-size:10px}.score-row{border-bottom:1px solid #555;justify-content:space-between;padding:8px;font-size:12px;display:flex}.score-row:nth-child(2n){background:#0000001a}.score-win{color:#2ecc71}.score-lose{color:#e74c3c}.score-header{color:#f1c40f;border-bottom:2px solid #f1c40f;font-weight:700}.score-row-6{grid-template-columns:1.1fr .9fr .8fr .7fr .7fr .6fr;gap:4px;font-size:10px;display:grid}.score-row-6 span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overlay{z-index:100;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:none;position:absolute;top:0;left:0}.overlay-title{text-shadow:0 0 20px #000;text-align:center;margin-bottom:20px;font-family:"Press Start 2P";font-size:30px;line-height:1.5;animation:.3s zoomIn}.overlay-msg{color:#bdc3c7;text-align:center;max-width:80%;margin-bottom:30px;font-size:16px;line-height:1.6}.score-result-actions{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;max-width:320px;display:flex}.score-result-actions .btn{flex:1;min-width:120px;max-width:none;margin:0}#victory-title{color:#f1c40f;text-shadow:0 0 20px #e67e22}#defeat-title{color:#c0392b;text-shadow:0 0 20px #000}@keyframes zoomIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.top-bar{background:#34495e;border-radius:8px;flex-shrink:0;align-items:center;gap:15px;margin-bottom:10px;padding:10px;font-size:13px;font-weight:700;display:flex}.timer-box{color:#f1c40f;margin-left:auto;font-family:"Press Start 2P";font-size:10px}.map-grid{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.location-card{color:#2c3e50;cursor:pointer;background:#ecf0f1;border:3px solid #bdc3c7;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100px;height:140px;transition:transform .2s;display:flex;position:relative}.location-card:hover{border-color:#f39c12;transform:translateY(-10px)scale(1.05)}.loc-icon{margin-bottom:10px;font-size:40px}.loc-name{text-align:center;font-size:12px;font-weight:700}.loc-id{color:#bdc3c7;font-family:monospace;font-size:9px;position:absolute;bottom:5px;right:5px}.battle-scene{flex-direction:column;flex:1;justify-content:center;display:flex}.units-row{justify-content:space-between;align-items:flex-end;margin-bottom:20px;padding:0 20px;display:flex}.unit{text-align:center;width:120px;position:relative}.avatar{filter:drop-shadow(0 4px 2px #00000080);font-size:60px;transition:transform .1s}.hp-bar-bg{background:#555;border:1px solid #222;border-radius:6px;width:100%;height:12px;margin-top:5px;position:relative;overflow:hidden}.hp-fill{background:#e74c3c;width:100%;height:100%;transition:width .3s}.block-badge{color:#fff;z-index:5;background:linear-gradient(135deg,#3498db,#2980b9);border:2px solid #fff;border-radius:8px;padding:4px 8px;font-size:14px;font-weight:700;display:none;position:absolute;top:-10px;right:-10px;box-shadow:0 2px 5px #0000004d}.intent{color:#000;white-space:nowrap;z-index:10;text-align:center;background:#fff;border:2px solid #f1c40f;border-radius:10px;padding:6px 10px;font-size:12px;font-weight:700;position:absolute;top:-55px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0006}.intent-val{margin-bottom:2px;font-size:14px;display:block}.intent-name{color:#555;text-transform:uppercase;letter-spacing:1px;font-size:9px;display:block}.hand{flex-shrink:0;justify-content:center;align-items:flex-end;gap:5px;height:160px;padding-bottom:10px;display:flex}.card{cursor:pointer;color:#333;box-sizing:border-box;background:#fff;border:2px solid #7f8c8d;border-bottom-width:4px;border-radius:6px;flex-direction:column;width:90px;height:130px;padding:5px;transition:all .2s;display:flex;position:relative}.card:hover{z-index:10;border-color:#e67e22;transform:translateY(-20px)}.card.card-unplayable{opacity:.55;filter:grayscale(35%);cursor:not-allowed}.card.card-unplayable:hover{z-index:auto;border-color:#7f8c8d;transform:none}.card-cost{color:#fff;background:#2980b9;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex;position:absolute;top:-8px;left:-8px}.card-title{text-align:center;height:24px;margin-top:15px;font-size:11px;font-weight:700;line-height:12px}.card-desc{text-align:center;color:#555;margin-top:5px;font-size:10px}.card-id{color:#95a5a6;font-family:monospace;font-size:9px;position:absolute;bottom:2px;right:4px}.card-badge-once{color:#f39c12;background:#00000026;border-radius:2px;padding:1px 3px;font-family:"Press Start 2P";font-size:8px;position:absolute;bottom:2px;left:4px}.card-type-atk{background:#fadbd8;border-color:#c0392b}.card-type-def{background:#d6eaf8;border-color:#2980b9}.card-type-pwr{background:#ebdef0;border-color:#8e44ad}.card-type-util{background:#fcf3cf;border-color:#f39c12}.reward-grid{flex-direction:column;align-items:center;gap:10px;display:flex}.reward-option{cursor:pointer;background:#34495e;border:1px solid #555;border-radius:5px;flex-direction:column;align-items:flex-start;gap:5px;width:100%;padding:10px;display:flex}.reward-option:hover{background:#2c3e50;border-color:#f1c40f}.reward-header{justify-content:space-between;align-items:center;width:100%;display:flex}.reward-id{color:#95a5a6;background:#0000004d;border-radius:3px;padding:2px 5px;font-family:monospace;font-size:10px}.log-box{text-align:left;color:#bdc3c7;background:#0006;border-top:1px solid #555;flex-shrink:0;height:80px;padding:5px;font-size:11px;overflow-y:auto}.shake{animation:.4s shake}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(5px)}50%{transform:translate(-5px)}75%{transform:translate(5px)}to{transform:translate(0)}}.shield-pop{animation:.5s ease-out shieldPop}@keyframes shieldPop{0%{transform:scale(1);box-shadow:0 0 #3498db00}50%{transform:scale(1.5);box-shadow:0 0 20px #3498dbcc}to{transform:scale(1);box-shadow:0 0 #3498db00}}.float-text{color:#f1c40f;pointer-events:none;text-align:center;text-shadow:1px 1px #000;z-index:20;width:100%;font-size:18px;font-weight:700;animation:1s forwards floatUp;position:absolute;top:0;left:0}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}.big-hit{color:#e74c3c;font-size:24px;animation:.5s bigHit}@keyframes bigHit{0%{transform:scale(1)}50%{transform:scale(2)}to{transform:scale(1)}}.fatal-hit{color:#c0392b;text-shadow:0 0 10px #000;z-index:30;font-size:32px;animation:.8s bigHit}