html{height:100%}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;background:url(https://www.transparenttextures.com/patterns/dark-leather.png),#3d2b1f;background-color:#3d2b1f;color:#fff;overflow:hidden;margin:0;padding:0;height:100%}.screen{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:transparent}.screen-content{text-align:center;max-width:90%;position:relative;z-index:1100}.screen-content h1{font-size:48px;margin-bottom:40px;color:#fff}.characters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:20px;max-width:1200px;margin:0 auto}.seed-input-container{margin:20px auto;max-width:400px;background:#0000004d;padding:15px;border-radius:8px;border:1px solid #8b7355}.seed-input-container label{display:block;margin-bottom:8px;font-weight:700;color:#fa0}.seed-input-row{display:flex;gap:10px}.seed-input{flex-grow:1;background:#2a1b0f;border:1px solid #8b7355;color:#fff;padding:8px 12px;border-radius:4px;font-family:monospace}.daily-btn{background:#f50!important;color:#fff!important}.scout-report{background:#0006;border:1px solid #ffaa00;border-radius:8px;padding:15px;margin-bottom:20px;text-align:left}.scout-report h4{color:#fa0;margin-top:0;margin-bottom:5px;text-transform:uppercase;letter-spacing:1px}.scout-report p{margin:0;font-size:14px;color:#ddd}.character-card{background:linear-gradient(135deg,#3d2b1f,#2a1b0f);border:2px solid #8b7355;border-radius:8px;padding:20px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.character-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,170,0,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.character-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 16px 40px #ffaa0080,0 4px 12px #0006,inset 0 1px #ffaa004d;border-color:#fa0}.character-card:hover:before{opacity:1}.character-card.selected{background:linear-gradient(135deg,#4a3a2a,#3d2b1f);border-color:#fa0;box-shadow:0 0 20px #ffaa0080,inset 0 0 10px #fa03}.character-card h2{font-size:24px;margin-bottom:10px;color:#fa0;position:relative;z-index:1}.character-card .ability{font-size:14px;color:#ccc;margin-bottom:15px;font-style:italic;position:relative;z-index:1}.character-card .stats{text-align:left;font-size:14px;position:relative;z-index:1}.stat-line{margin:5px 0;color:#aaa;padding:4px 8px;border-radius:4px;transition:all .2s ease}.stat-line.high{color:#4ade80;background:#4ade801a}.stat-line.low{color:#fca5a5;background:#fca5a51a}#character-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1a1a1acc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:none;overflow-y:auto}#character-screen.active{display:block!important}#game-screen{position:fixed;top:0;left:0;width:100%;z-index:1;display:none;align-items:stretch;justify-content:flex-start;background:transparent;height:100%}#game-screen.active{display:flex!important}#game-screen.hidden{display:none!important;z-index:-1}#game-container{display:flex;flex-direction:column;width:100%;background-color:transparent;height:100%}#game-header{width:100%;background:#0f0f0f61;padding:15px 20px;border-bottom:2px solid rgba(255,170,0,.35);display:flex;align-items:center;gap:20px;flex-shrink:0;overflow-x:auto;overflow-y:hidden;box-sizing:border-box;box-shadow:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}#character-badge{display:inline-flex;align-items:center;gap:8px;padding:2px 8px;background:transparent!important;border:none!important;box-shadow:none!important;color:#fa0!important;font-weight:700;margin-right:6px}#character-badge #character-name{color:inherit;font-weight:inherit}#game-content{display:flex;flex:1;overflow:hidden;min-height:0}#board{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}#board:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,#0000 60%,#00000047);opacity:.9;mix-blend-mode:multiply;z-index:1000}.tile{transition:transform .18s ease,filter .18s ease}.tile canvas{display:block;transition:transform .18s ease,filter .18s ease}.tile:hover canvas{transform:translateY(-6px);filter:brightness(1.06) drop-shadow(0 8px 12px rgba(0,0,0,.38))}.tile.selected canvas{transform:translateY(-10px);filter:brightness(1.08) drop-shadow(0 10px 16px rgba(255,170,0,.42))}#ui-container{width:200px;background:linear-gradient(135deg,#3a3a3a,#2a2a2a);padding:20px;border-left:2px solid #8b7355;overflow-y:auto;display:flex;flex-direction:column;gap:15px;box-shadow:inset 2px 0 10px #0000004d;z-index:2100}.stat{background:linear-gradient(135deg,#4a4a4a,#3a3a3a);padding:8px 12px;border-radius:4px;font-size:16px;border-left:3px solid #ffaa00;white-space:nowrap;transition:all .2s ease}.stat:hover{background:linear-gradient(135deg,#5a5a5a,#4a4a4a);padding-left:16px}#combo-display{background:linear-gradient(135deg,#4a3a2a,#3a2a1a);padding:8px 14px;border-radius:6px;font-size:14px;font-weight:600;border-left:4px solid #ffaa00;white-space:nowrap;display:none;box-shadow:0 2px 6px #0006;transition:all .3s ease}#combo-display.high{border-left-color:#f64;background:linear-gradient(135deg,#4a2a2a,#3a1a1a);color:#f64;animation:comboPulse .8s ease-in-out infinite;box-shadow:0 4px 12px #f446,0 0 20px #f443}@keyframes comboPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.timer-display{background-color:#3a3a3a;padding:8px 12px;border-radius:4px;font-size:14px;border-left:3px solid #ffaa00;white-space:nowrap}.timer-display.low{border-left-color:#fa0;color:#fa0}.timer-display.critical{border-left-color:#f44;color:#f44;animation:pulse .5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}#game-header .stat{flex-shrink:0}#game-header .stat#character-name,#game-header #character-name.stat{background:transparent!important;border-left:none!important;padding:4px 8px!important;color:#fa0!important;font-weight:700!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important}#game-header>#character-name,#game-header>div#character-name,#game-header #character-name{background-color:transparent!important;background-image:none!important;border:none!important;border-left:none!important;box-shadow:none!important;padding:2px 6px!important;margin:0!important;color:#fa0!important}#game-header [id*=character],#game-header [class*=character]{background:transparent!important;background-image:none!important;border:none!important;box-shadow:none!important;color:#fa0!important}#hp-container{background-color:#3a3a3a;padding:10px;border-radius:4px;height:30px;overflow:hidden;border:1px solid #c41e3a;flex:1;margin-left:auto}#hp-fill{height:100%;background:linear-gradient(90deg,#c41e3a,#ff6b6b,#ff8a8a);width:100%;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000004d,0 0 10px #c41e3a66;position:relative}#hp-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:hpShimmer 2s infinite}@keyframes hpShimmer{to{left:100%}}.relic-list{display:flex;flex-direction:column;gap:8px}.relic-badge{background:linear-gradient(135deg,#4a3a2a,#3d2b1f);padding:8px 12px;border-radius:6px;font-size:12px;border-left:3px solid #ffaa00;color:#e0e0e0;transition:all .25s cubic-bezier(.34,1.56,.64,1);position:relative;box-shadow:0 2px 4px #0000004d}.relic-badge:before{content:"🔮";margin-right:6px;font-size:14px;filter:brightness(.9)}.relic-badge:hover{background:linear-gradient(135deg,#5a4a3a,#4d3b2f);border-left-color:#fd0;padding-left:16px;box-shadow:0 4px 8px #ffaa004d;transform:translate(-2px)}.relic-badge.empty{color:#888;border-left-color:#666}#button-container{display:flex;flex-direction:column;gap:8px}button{padding:10px 15px;background:linear-gradient(135deg,#4a3626,#3d2b1f);color:#fa0;border:2px solid #8b7355;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;transition:all .15s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 4px #0000004d,inset 0 1px #ffaa001a}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,170,0,.3),transparent);transition:left .3s ease}button:hover:not(:disabled){background:linear-gradient(135deg,#5a4636,#4d3b2f);border-color:#fa0;box-shadow:0 8px 20px #fa06,0 2px 4px #0000004d,inset 0 1px #fa03;transform:translateY(-3px)}button:hover:before{left:100%}button:disabled{opacity:.5;cursor:not-allowed}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#000000d9,#000000f2);z-index:9999;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal.active{display:flex!important}.modal-content,.modal-static-content{background:linear-gradient(135deg,#3a3a3a,#2a2a2a);padding:40px;border-radius:18px;border:2px solid #8b7355;border-top:3px solid #ffaa00;text-align:center;width:85vw;max-width:1100px;min-width:0;height:auto;max-height:92vh;overflow-y:auto;box-shadow:0 24px 90px #000000f2,0 8px 30px #ffaa004d,inset 0 1px #ffaa001a;position:relative;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);margin:0 auto}.modal-content h2{color:#fa0;font-size:32px;margin-bottom:24px;margin-top:8px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.modal-content p{margin:16px 0;color:#ccc;font-size:16px}.modal-buttons,.relic-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:20px}.ability-card{min-width:0;width:100%;box-sizing:border-box;padding:20px!important;font-size:15px}.ability-card h3{font-size:16px;margin-bottom:8px}.ability-card p{font-size:14px;line-height:1.4;margin:8px 0}.relic-card{background:linear-gradient(135deg,#3d2b1f,#2a1b0f);border:2px solid #8b7355;border-radius:8px;padding:20px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-width:0;width:100%;box-sizing:border-box;font-size:15px}.relic-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,170,0,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.relic-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 16px 40px #ffaa0080,0 4px 12px #0006,inset 0 1px #ffaa004d;border-color:#fa0}.relic-card:hover:before{opacity:1}.relic-card h3{font-size:16px;margin-bottom:8px;color:#fa0;position:relative;z-index:1}.relic-card p{font-size:14px;line-height:1.4;margin:8px 0;color:#ccc;position:relative;z-index:1}.relic-card .category-tag{position:absolute;top:8px;right:8px;background:#000000b3;color:#fa0;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:700;z-index:2}.relic-card .owned-tag{position:absolute;top:8px;left:8px;background:#4ade80cc;color:#000;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:700;z-index:2}.relic-card.rarity-common{border-color:#8b7355}.relic-card.rarity-uncommon{border-color:#4ade80}.relic-card.rarity-rare{border-color:#3b82f6}.relic-card.rarity-epic{border-color:#a855f7}.relic-card.rarity-legendary{border-color:#f59e0b;box-shadow:0 0 20px #f59e0b4d}@media(max-width:600px){.modal-content{padding:16px;width:100vw;max-width:100vw;border-radius:8px;font-size:13px;height:auto;max-height:100vh}.modal-buttons{grid-template-columns:1fr;gap:12px;margin-bottom:16px}.ability-card{padding:12px!important;font-size:13px}.ability-card h3{font-size:14px}.ability-card p{font-size:12px}.relic-choices{grid-template-columns:1fr;gap:12px;margin-bottom:16px}.relic-card{padding:12px!important;font-size:13px}.relic-card h3{font-size:14px}.relic-card p{font-size:12px}}.notification-container{position:fixed;top:20px;left:20px;z-index:2000;max-width:400px;pointer-events:none}.notification{background:linear-gradient(135deg,#2a2a2af2,#1a1a1af2);border:2px solid #8b7355;border-radius:10px;padding:14px 18px;margin-bottom:12px;color:#fff;font-size:14px;font-weight:500;box-shadow:0 8px 24px #000000b3,0 2px 4px #0006;animation:slideIn .4s cubic-bezier(.34,1.56,.64,1);pointer-events:auto;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.notification.lite{background:#1e1e1ef2;border:1px solid rgba(255,255,255,.04);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;animation:none;transition:opacity .18s ease,transform .12s ease;will-change:opacity,transform}.notification.lite:hover{transform:none;box-shadow:none}.notification:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:currentColor}.notification:hover{transform:translate(-8px) scale(1.02);box-shadow:0 12px 32px #000000e6,0 4px 8px #00000080}.notification-success{border-color:#4ade80;background:linear-gradient(135deg,#1e3a2a,#0f2818);color:#4ade80}.notification-error{border-color:#f87171;background:linear-gradient(135deg,#3a1a1a,#2a0f0f);color:#f87171}.notification-warning{border-color:#fbbf24;background:linear-gradient(135deg,#3a2a1a,#2a1a0f);color:#fbbf24}.notification-info{border-color:#60a5fa;background:linear-gradient(135deg,#1a2a3a,#0f1a2a);color:#60a5fa}@keyframes slideIn{0%{transform:translate(420px);opacity:0}to{transform:translate(0);opacity:1}}.notification.fade-out{animation:slideOut .3s ease forwards}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(420px);opacity:0}}.modal-buttons{display:flex;gap:12px;justify-content:center;margin-top:24px}.btn-confirm,.btn-cancel,.btn-primary{padding:10px 20px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;font-weight:700}.btn-confirm,.btn-primary{background:linear-gradient(135deg,#fa0,#ff8c00);color:#000}.btn-confirm:hover,.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #fa06}.btn-cancel{background:linear-gradient(135deg,#555,#333);color:#fff}.btn-cancel:hover{background:linear-gradient(135deg,#666,#444);transform:translateY(-2px)}@keyframes freeTilePulse{0%,to{opacity:1}50%{opacity:.92}}@keyframes tileMatchFlash{0%{filter:brightness(1) drop-shadow(0 0 0 rgba(255,255,0,0))}50%{filter:brightness(1.3) drop-shadow(0 0 10px rgba(255,255,0,.6))}to{filter:brightness(1) drop-shadow(0 0 0 rgba(255,255,0,0))}}.tile-matched{animation:tileMatchFlash .3s ease-out!important}@keyframes buttonPress{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}button:active:not(:disabled){animation:buttonPress .15s ease-out;transform:translateY(1px) scale(.98);box-shadow:0 1px 4px #0006,inset 0 2px 4px #0000004d}@keyframes slideInNotification{0%{transform:translate(420px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutNotification{0%{transform:translate(0);opacity:1}to{transform:translate(420px);opacity:0}}.notification{animation:slideInNotification .3s cubic-bezier(.34,1.56,.64,1)}.notification.fade-out{animation:slideOutNotification .3s ease-out forwards}.particle-burst{position:fixed;pointer-events:none;font-weight:700;font-size:20px;text-shadow:0 0 4px rgba(0,0,0,.8)}@keyframes particleFloat{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80px) scale(.5)}}.particle-burst.float{animation:particleFloat 1.2s ease-out forwards}.particle-gold{color:#fc0;text-shadow:0 0 6px rgba(255,200,0,.8)}.particle-silver{color:#e8e8e8;text-shadow:0 0 4px rgba(255,255,255,.6)}@keyframes tileLift{0%{transform:translateY(0) scale(1)}to{transform:translateY(-8px) scale(1.02)}}.tile-hover{animation:tileLift .2s ease-out forwards!important}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal.active{animation:modalSlideIn .2s ease-out}.stat.warning{border-left-color:#fa0;color:#fa0;transition:all .3s ease}.stat.critical{border-left-color:#f44;color:#f44;transition:all .3s ease}button:focus-visible,.character-card:focus-visible,.relic-card:focus-visible{outline:3px solid #ffdd00;outline-offset:2px}@media(prefers-contrast:more){.character-card{border-width:3px}button{border-width:2px}.stat{border-left-width:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.character-card:hover{transform:none}.character-card:hover:before{opacity:0}button:hover:not(:disabled){transform:none}button:hover:before{display:none}.relic-card:hover{transform:none}.relic-card:hover:before{display:none}}@media(prefers-color-scheme:dark){body{background-color:#3d2b1f;color:#fff}}@media(hover:none)and (pointer:coarse){.character-card:hover,button:hover:not(:disabled),.relic-card:hover{transform:none;box-shadow:none}.character-card:hover:before,button:hover:before,.relic-card:hover:before{opacity:0}button{padding:12px 18px;font-size:16px}.character-card{padding:24px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}body{color:#fff}.character-card,button,.relic-card{color:#fa0}.modal-content p{color:#e8e8e8}:focus-visible{outline:2px solid #ffdd00;outline-offset:2px}.audio-settings-panel{position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,#3d2b1f,#2a1b0f);border:2px solid #8b7355;border-radius:8px;padding:15px;z-index:40;max-width:300px;box-shadow:0 8px 24px #00000080,0 0 20px #ffaa001a}.audio-settings-content{display:flex;flex-direction:column;gap:12px}.audio-setting-item{display:flex;align-items:center;gap:10px;font-size:14px;color:#ccc;cursor:pointer;transition:all .2s ease}.audio-setting-item:hover{color:#fa0}.audio-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#ffaa00}.speaker-icon{font-size:18px;display:flex;align-items:center;justify-content:center}.setting-label{flex:1;font-weight:600}.volume-label{font-weight:600;color:#ccc;min-width:60px}.volume-slider{flex:1;height:6px;border-radius:3px;background:#4a4a4a;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fa0;cursor:pointer;box-shadow:0 0 8px #fa09;transition:all .2s ease}.volume-slider::-webkit-slider-thumb:hover{width:18px;height:18px;box-shadow:0 0 12px #fa0c}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fa0;cursor:pointer;box-shadow:0 0 8px #fa09;border:none;transition:all .2s ease}.volume-slider::-moz-range-thumb:hover{width:18px;height:18px;box-shadow:0 0 12px #fa0c}.volume-value{min-width:45px;text-align:right;color:#fa0;font-weight:600;font-size:12px}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.3}}.button-group{display:flex;gap:10px;justify-content:center;margin-top:20px;margin-bottom:20px}.action-btn{flex:1;max-width:150px;padding:10px;background:#2a3a4a;border:1px solid #666;color:#aaa;border-radius:4px;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#3a4a5a;color:#fa0;border-color:#fa0}.shop-timer-display{text-align:center;margin:10px 0;font-weight:700}.shop-gold-panel{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid #ffaa00;border-radius:8px;padding:12px;margin:15px 0;text-align:center}.shop-gold-label{font-size:14px;color:#aaa;margin-bottom:4px}.shop-gold-amount{font-size:32px;font-weight:700;color:#fa0;letter-spacing:2px}.shop-items-label{text-align:center;color:#aaa;margin:10px 0}.shop-inventory-section{margin-top:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:15px}.shop-inventory-title{margin:0 0 10px;font-size:14px;color:#888;text-transform:uppercase}.shop-inventory-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;min-height:40px}.combo-display{display:none}.combo-display.active{display:inline-flex}.fit-toggle-label{display:flex;align-items:center;gap:6px;color:#aaa;margin-left:10px;cursor:pointer}.fit-toggle-label input{width:14px;height:14px}.fit-toggle-label span{font-size:12px}.settings-btn{background:transparent;border:none;font-size:18px;cursor:pointer;margin-left:8px}.settings-panel{position:absolute;right:12px;top:54px;background:#141414fa;border:1px solid rgba(255,255,255,.06);padding:10px;border-radius:8px;min-width:200px;z-index:3000;box-shadow:0 8px 24px #0009}.settings-panel.hidden{display:none}.settings-content{display:flex;flex-direction:column;gap:8px}.settings-item{display:flex;align-items:center;gap:8px}.settings-note{font-size:12px;color:#fff9}.hidden-btn,.hidden-section{display:none}.switch-version-link{font-size:11px;color:#fa0;text-decoration:none}.switch-version-link:hover{text-decoration:underline}.switch-version-container{font-size:11px;color:#888;margin-top:10px;text-align:center}@media(max-width:768px){.shop-inventory-section-mobile{margin-top:15px;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}.shop-inventory-title-mobile{margin:0 0 8px;font-size:12px;color:#888;text-transform:uppercase;text-align:center}.shop-inventory-grid{gap:6px;min-height:30px}.audio-settings-panel{position:static;margin-top:20px;max-width:100%}}