@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans KR,sans-serif;background-color:#000;color:#fff;min-height:100vh;min-width:360px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#1e293b80}::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#64748b}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes glow{0%{box-shadow:0 0 10px #facc15}to{box-shadow:0 0 20px #f97316}}@keyframes redFlash{0%{background-color:#dc262600}50%{background-color:#dc26264d}to{background-color:#dc262600}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.animate-pulse-slow{animation:pulse 3s cubic-bezier(.4,0,.6,1) infinite}.wonder-glow{animation:glow 2s infinite alternate}.disaster-flash{animation:redFlash .5s ease-in-out}.header-bg{transition:background-image 1s ease-in-out}.game-container{display:flex;flex-direction:column;height:100vh;max-width:80rem;margin:0 auto;background-color:#0f172a;box-shadow:0 25px 50px -12px #00000040}.game-header{padding:3rem 1rem 1rem;transition:all 1s ease;position:sticky;top:0;z-index:50}@media (min-width: 768px){.game-header{padding-top:1rem}}@media (min-width: 1280px){.game-header{position:relative;top:auto;z-index:auto}}.game-header{background-size:cover;background-position:center;flex-shrink:0}.header-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000004d,#00000080,#0f172a);pointer-events:none}.header-content{position:relative;z-index:10}.header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;margin-top:.5rem}.header-info{display:flex;align-items:center;gap:1rem}.age-icon{max-width:64px;padding:.75rem;border-radius:9999px;background-color:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.age-title{font-size:1.875rem;font-weight:700;letter-spacing:-.025em;filter:drop-shadow(0 4px 3px rgba(0,0,0,.07))}.civ-info{font-size:.875rem;color:#e2e8f0;opacity:.9;font-weight:500;display:flex;align-items:center;gap:.25rem}.info-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:9999px;background-color:#ffffff1a;margin-left:.5rem}.slot-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:9999px;background-color:#3b82f633;color:#93c5fd;margin-left:.25rem}.control-buttons{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;z-index:20}.control-buttons .divider{width:1px;height:24px;background-color:#ffffff1a;margin:0 .5rem}.control-buttons .speed-dropdown-container{position:relative}.control-buttons .speed-dropdown-container .speed-toggle{display:flex;align-items:center;gap:.25rem;padding-right:.75rem;min-width:60px;justify-content:space-between;font-weight:600}.control-buttons .speed-dropdown-container .speed-toggle .chevron{transition:transform .2s;opacity:.7}.control-buttons .speed-dropdown-container .speed-toggle .chevron.rotate{transform:rotate(180deg)}.control-buttons .speed-dropdown-container .speed-menu{position:absolute;top:100%;left:0;margin-top:.5rem;background-color:#0f172af2;border:1px solid rgba(255,255,255,.1);border-radius:.375rem;padding:.25rem;min-width:140px;z-index:100;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-top:1px solid rgba(255,255,255,.2)}.control-buttons .speed-dropdown-container .speed-menu .speed-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.25rem;cursor:pointer;color:#cbd5e1;font-size:.875rem;transition:all .1s;position:relative}.control-buttons .speed-dropdown-container .speed-menu .speed-item:hover{background-color:#ffffff1a;color:#fff}.control-buttons .speed-dropdown-container .speed-menu .speed-item.selected{background-color:#3b82f633;color:#93c5fd;font-weight:600}.control-buttons .speed-dropdown-container .speed-menu .speed-item span{font-weight:700;width:20px;display:inline-block;text-align:center}.control-buttons .speed-dropdown-container .speed-menu .speed-item .check-icon{margin-left:auto;color:#60a5fa}.control-btn{padding:.5rem;background-color:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:9999px;color:#fff;transition:background-color .2s;border:1px solid rgba(255,255,255,.1);cursor:pointer}.control-btn:hover{background-color:#0009}.resource-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;background-color:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.75rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.05)}.main-content{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;z-index:10}@media (min-width: 1280px){.main-content{flex-direction:row;overflow:hidden}}.panel,.panel-right,.panel-left{width:100%;border-bottom:1px solid rgba(255,255,255,.1);background-color:#1e293bcc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@media (min-width: 1280px){.panel,.panel-right,.panel-left{width:33.333%;border-bottom:none;overflow-y:auto;height:100%}}@media (min-width: 1280px){.panel-left{border-right:1px solid rgba(255,255,255,.1)}}.panel-center{display:flex;flex-direction:column;width:100%;background-color:#0f172a;position:relative;border-bottom:1px solid rgba(255,255,255,.1);min-height:400px;height:400px;overflow:hidden}@media (min-width: 1280px){.panel-center{width:33.333%;border-bottom:none;height:100%}}@media (min-width: 1280px){.panel-right{border-left:1px solid rgba(255,255,255,.1)}}.panel-inner{padding:1rem}.log-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0003,#0006);pointer-events:none}.log-header{padding:1rem 1rem .5rem;flex-shrink:0}.log-content{flex:1;overflow-y:auto;padding:.5rem 1.5rem;font-family:Noto Sans KR,sans-serif;display:flex;flex-direction:column;gap:.75rem}.log-content::-webkit-scrollbar{width:6px}.log-content::-webkit-scrollbar-track{background:transparent}.log-content::-webkit-scrollbar-thumb{background:#64748b4d;border-radius:9999px}.log-entry{position:relative;padding:.25rem 0 .25rem 1rem;font-size:.875rem;line-height:1.6;color:#cbd5e1;border-radius:0;background-color:transparent;border:none;transition:all .3s}.log-entry:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background-color:#64748b;transform:rotate(45deg);transition:all .3s}.log-entry:hover{color:#fff}.log-entry:hover:before{background-color:#facc15;box-shadow:0 0 5px #facc15}.log-entry.log-age{background-color:transparent;border:none;color:#fef9c3;font-weight:700;padding:1rem 0;margin:.5rem 0;text-align:center;font-size:1.125rem;letter-spacing:.05em;text-shadow:0 2px 4px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;gap:.5rem}.log-entry.log-age:after{content:"";display:block;width:40px;height:1px;background:linear-gradient(to right,transparent,#eab308,transparent)}.log-entry.log-age:before{position:static;transform:none;width:40px;height:1px;background-color:transparent;background:linear-gradient(to right,transparent,#eab308,transparent)}.log-number{display:none}.log-disaster{color:#fca5a5;font-weight:600;text-shadow:0 0 10px rgba(239,68,68,.3)}.log-tech{color:#a5f3fc;font-weight:600;text-shadow:0 0 10px rgba(34,211,238,.3)}.section-title{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.section-title h2{font-size:1.125rem;font-weight:700;color:#f1f5f9;margin:0}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1.5rem}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem;border-radius:.5rem;background-color:#1e293b;border:1px solid #334155;cursor:pointer;transition:all .2s;height:100%;min-height:80px}.action-btn:hover{transform:translateY(-2px);background-color:#334155;border-color:#64748b}.action-btn:active{transform:translateY(0)}.action-btn .btn-icon{margin-bottom:.5rem;color:#cbd5e1}.action-btn .btn-content{text-align:center}.action-btn .btn-label{font-size:.75rem;font-weight:600;color:#e2e8f0}.action-btn .btn-desc{font-size:10px;color:#64748b;margin-top:.25rem}.action-btn.btn-food .btn-icon{color:#facc15}.action-btn.btn-food:hover{border-color:#eab308}.action-btn.btn-prod .btn-icon{color:#fb923c}.action-btn.btn-prod:hover{border-color:#f97316}.action-btn.btn-sci .btn-icon{color:#60a5fa}.action-btn.btn-sci:hover{border-color:#3b82f6}.resource-card{display:flex;flex-direction:column;gap:.25rem}@media (min-width: 768px){.resource-card{gap:.75rem;flex-direction:row;align-items:center}}.resource-card .resource-label{font-size:.75rem;color:#94a3b8;font-weight:600;display:flex;align-items:center;gap:.5rem}.resource-card .resource-value{font-size:1.125rem;font-weight:700;color:#fff;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;text-align:right}.resource-card .resource-rate{font-size:.75rem;color:#64748b;text-align:right}.building-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.building-card{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:.5rem;background-color:#1e293b;border:1px solid #334155;cursor:pointer;transition:all .2s}.building-card:hover{background-color:#334155}.building-card.affordable{border-left:3px solid #22c55e}.building-card.unaffordable{opacity:.7;border-left:3px solid #ef4444}.building-card .building-info{display:flex;flex-direction:column;gap:.25rem}.building-card .building-name{font-weight:700;font-size:.875rem;color:#e2e8f0}.building-card .building-cost{font-size:.75rem;color:#94a3b8}.building-card .building-cost span{margin-right:.5rem}.building-card .building-cost .cost-food{color:#facc15}.building-card .building-cost .cost-prod{color:#fb923c}.building-card .building-cost .cost-sci{color:#60a5fa}.building-card .building-output{text-align:right}.building-card .output-value{font-weight:700;color:#4ade80}.building-card .output-label{font-size:10px;color:#64748b}.building-card .output-bonus{font-size:.75rem;color:#60a5fa;margin-left:.25rem}.upgrade-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:linear-gradient(135deg,#581c87,#0f172a);border:1px solid #a855f7;border-radius:.5rem;cursor:pointer;margin-bottom:1.5rem;transition:all .3s;box-shadow:0 4px 6px #0000001a}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #a855f74d;border-color:#c186f9}.upgrade-btn .upgrade-icon{padding:.5rem;background-color:#a855f733;border-radius:.375rem;color:#d8b4fe}.upgrade-btn .upgrade-info{text-align:left;flex:1;padding-left:.5rem}.upgrade-btn .upgrade-title{font-weight:700;color:#f3e8ff;font-size:.875rem}.upgrade-btn .upgrade-desc{font-size:.75rem;color:#d8b4fe}.upgrade-btn .upgrade-arrow{color:#c084fc}.tech-list{display:flex;flex-direction:column;gap:.75rem}.tech-card{position:relative;padding:1rem;border-radius:.5rem;background-color:#1e293b;border:1px solid #334155;cursor:pointer;overflow:hidden;transition:all .3s;min-height:100px;display:flex;flex-direction:column;justify-content:center;background-size:cover;background-position:center}.tech-card .tech-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#0f172af2,#0f172ab3);z-index:1;transition:background .3s ease}.tech-card .tech-content-wrapper{position:relative;z-index:2}.tech-card.researched{border-color:#22c55e;background-color:#14532d33}.tech-card.researched .tech-overlay{background:linear-gradient(to right,#0f172ab3,#0f172a33)}.tech-card.researched .tech-name,.tech-card.researched .tech-icon{color:#4ade80}.tech-card.available:hover{transform:translate(4px);border-color:#3b82f6}.tech-card.available:hover .tech-overlay{background:linear-gradient(to right,#0f172acc,#0f172a4d)}.tech-card.locked{opacity:.6;cursor:not-allowed;filter:grayscale(.8)}.tech-card.affordable{border-left:3px solid #3b82f6}.tech-card.unaffordable{border-left:3px solid #ef4444}.tech-card .tech-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.tech-card .tech-name{font-weight:700;font-size:1rem;color:#e2e8f0}.tech-card .tech-desc{font-size:.75rem;color:#94a3b8;margin-bottom:.5rem}.tech-card .tech-req{font-size:.75rem;color:#f87171;font-weight:600}.tech-card .tech-cost{font-size:.75rem;font-weight:600;margin-top:auto}.tech-card .tech-cost.affordable{color:#60a5fa}.tech-card .tech-cost.unaffordable{color:#f87171}.tech-card .tech-complete-msg{text-align:center;padding:1rem;color:#4ade80;font-weight:700;background-color:#14532d4d;border-radius:.5rem}.wonder-card{position:relative;width:100%;height:120px;border-radius:.5rem;overflow:hidden;cursor:pointer;box-shadow:0 4px 6px #0000004d;transition:all .3s ease;border:1px solid transparent}.wonder-card.affordable{border-color:#eab308}.wonder-card.affordable:hover{transform:translateY(-2px);box-shadow:0 8px 12px #eab3084d;border-color:#f8c72d}.wonder-card.affordable:hover .wonder-bg{transform:scale(1.05)}.wonder-card.unaffordable{opacity:.8;filter:grayscale(.5)}.wonder-card.unaffordable:hover{border-color:#ef4444}.wonder-card.completed{border-color:#eab308;cursor:default}.wonder-card.completed.wonder-glow{box-shadow:0 0 15px #eab30866;animation:pulse-glow 3s infinite}.wonder-card.completed .wonder-overlay{background:linear-gradient(to right,#000000d9,#00000080)}.wonder-card.completed .wonder-title{color:#fef9c3}.wonder-card .wonder-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:transform .5s ease;z-index:1}.wonder-card .wonder-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#000000f2,#0009 60%,#0000004d);z-index:2}.wonder-card .wonder-content{position:relative;z-index:3;padding:.75rem 1rem;height:100%;display:flex;flex-direction:column;justify-content:space-between}.wonder-card .wonder-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.wonder-card .wonder-title{font-weight:800;font-size:1.125rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.wonder-card .wonder-icon{color:#facc15;filter:drop-shadow(0 0 5px rgba(250,204,21,.5))}.wonder-card .wonder-desc{font-size:.75rem;color:#cbd5e1;margin-bottom:auto;line-height:1.4}.wonder-card .wonder-status-badge{display:inline-block;background-color:#eab308;color:#000;font-weight:700;font-size:10px;padding:2px 6px;border-radius:.25rem;margin-bottom:.25rem}.wonder-card .wonder-effect-tag{font-size:.75rem;color:#fde047;font-weight:600;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.wonder-card .wonder-costs{display:flex;gap:.75rem;font-size:.75rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.wonder-card .wonder-costs .cost-item{font-weight:600;display:flex;align-items:center;gap:.25rem}.wonder-card .wonder-costs .cost-item.text-yellow{color:#facc15}.wonder-card .wonder-costs .cost-item.text-orange{color:#fb923c}.wonder-card .wonder-costs .cost-item.text-blue{color:#60a5fa}.wonder-card .wonder-costs .cost-item.text-red{color:#f87171}@keyframes pulse-glow{0%{box-shadow:0 0 10px #eab3084d}50%{box-shadow:0 0 20px #eab30880;border-color:#facc15}to{box-shadow:0 0 10px #eab3084d}}.selection-screen{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;background-color:#0f172a;color:#f1f5f9;padding:2rem;overflow-y:auto}.selection-header{text-align:center;margin-bottom:2rem;padding-top:2.5rem;flex-shrink:0}.selection-header .selection-title{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(to right,#60a5fa,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.selection-header .selection-subtitle{font-size:1.25rem;color:#94a3b8}.guide-box{max-width:56rem;width:100%;background-color:#1e293b99;padding:1.5rem;border-radius:.75rem;border:1px solid #334155;margin-bottom:2rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;flex-shrink:0}.guide-box .guide-title{font-size:1.125rem;font-weight:700;color:#e2e8f0;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.guide-box .guide-grid{display:grid;grid-template-columns:1fr;gap:1rem;font-size:.875rem;color:#cbd5e1;text-align:left}@media (min-width: 768px){.guide-box .guide-grid{grid-template-columns:repeat(2,1fr);column-gap:2rem}}.guide-box .guide-item{display:flex;align-items:flex-start;gap:.75rem}.guide-box .guide-item .guide-icon{background-color:#334155;padding:6px;border-radius:.375rem}.guide-box .guide-item strong{color:#f1f5f9;display:block}.load-game-btn{margin-bottom:3rem;flex-shrink:0}.load-game-btn button{padding:.75rem 2rem;background-color:#16a34a;color:#fff;font-weight:700;border-radius:9999px;font-size:1.125rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:all .2s;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem}.load-game-btn button:hover{background-color:#22c55e;box-shadow:0 0 20px #22c55e80}.race-grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:64rem;width:100%;flex-shrink:0;padding-bottom:2.5rem}@media (min-width: 768px){.race-grid{grid-template-columns:repeat(3,1fr)}}.race-card{background-color:#1e293b;padding:2rem;border-radius:.75rem;border:1px solid #334155;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:all .2s}.race-card:hover{border-color:#3b82f6;background-color:#1e293be6;transform:scale(1.05)}.race-card:hover .race-icon{color:#60a5fa}.race-card:hover .race-start{background-color:#2563eb}.race-card .race-icon-wrapper{margin-bottom:1rem;width:120px;height:120px;border-radius:9999px;overflow:hidden;border:4px solid #334155;transition:border-color .2s;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.race-card .race-img{width:100%;height:100%;object-fit:cover}.race-card .race-name{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.race-card .race-desc{color:#94a3b8;margin-bottom:1.5rem;font-size:.875rem;height:2.5rem}.race-card .race-stats{width:100%;background-color:#0f172a80;padding:1rem;border-radius:.5rem;font-size:.875rem;display:flex;flex-direction:column;gap:.5rem}.race-card .race-stats .stat-row{display:flex;align-items:center;justify-content:space-between}.race-card .race-stats .stat-row .stat-label{color:#64748b}.race-card .race-stats .stat-row .stat-value.positive{color:#4ade80}.race-card .race-stats .stat-row .stat-value.negative{color:#f87171}.race-card .race-stats .stat-row .stat-value.neutral{color:#cbd5e1}.race-card .race-start{margin-top:1.5rem;width:100%;padding:.5rem;background-color:#334155;border-radius:.375rem;font-weight:700;transition:background-color .2s}.victory-screen{min-height:100vh;flex-direction:column;display:flex;align-items:center;justify-content:center;background-color:#000;color:#fff;padding:1rem;position:relative;overflow:hidden}.victory-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(https://images.unsplash.com/photo-1451187580459-43490279c0fa?q=80&w=2072&auto=format&fit=crop);background-size:cover;background-position:center;opacity:.3}.victory-content{position:relative;z-index:10;text-align:center}.victory-content .victory-icon{margin-bottom:1.5rem;color:#c084fc}.victory-content .victory-title{font-size:3.75rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(to right,#60a5fa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.victory-content .victory-text{font-size:1.5rem;color:#cbd5e1;margin-bottom:2rem;max-width:42rem;margin-left:auto;margin-right:auto}.victory-content .victory-btn{padding:1rem 2rem;background-color:#fff;color:#000;font-weight:700;border-radius:9999px;border:none;cursor:pointer;transition:all .2s}.victory-content .victory-btn:hover{background-color:#e2e8f0;transform:scale(1.05)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal,.modal-lg{background-color:#1e293b;border-radius:.75rem;border:1px solid #475569;max-width:28rem;width:100%;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.modal-lg{max-width:32rem}.modal-header{padding:1rem;border-bottom:1px solid #334155;display:flex;align-items:center;justify-content:space-between;background-color:#0f172a80}.modal-header .modal-title{font-weight:700;font-size:1.125rem;color:#fff;display:flex;align-items:center;gap:.5rem}.modal-header .modal-close{padding:.25rem;border-radius:.375rem;background:transparent;border:none;color:#fff;cursor:pointer;transition:background-color .2s}.modal-header .modal-close:hover{background-color:#ffffff1a}.modal-body{padding:1rem}.modal-body.padded{padding:1.5rem}.slot-list{display:flex;flex-direction:column;gap:.75rem}.slot-card{padding:1rem;border-radius:.5rem;border:1px solid;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:space-between}.slot-card:hover{transform:scale(1.02)}.slot-card.has-data{background-color:#334155;border-color:#64748b}.slot-card.has-data:hover{border-color:#60a5fa}.slot-card.empty{background-color:#1e293b80;border-color:#334155;border-style:dashed}.slot-card.empty:hover{border-color:#64748b}.slot-content{display:flex;align-items:center;gap:1rem}.slot-content .slot-number{font-size:1.5rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;color:#64748b;width:1.5rem}.slot-content .slot-info{display:flex;align-items:center;gap:.75rem}.slot-content .slot-info .slot-icon{color:#60a5fa}.slot-content .slot-info .slot-race{font-weight:700;color:#e2e8f0}.slot-content .slot-info .slot-meta{font-size:.75rem;color:#94a3b8}.slot-content .slot-empty-text{color:#64748b;font-style:italic}.slot-action{font-size:.75rem;font-weight:700}.slot-action.save{color:#60a5fa}.slot-action.load{color:#4ade80}.upgrade-list{display:flex;flex-direction:column;gap:1rem}.upgrade-intro{font-size:.875rem;color:#94a3b8;margin-bottom:1rem}.upgrade-intro .highlight{color:#c084fc}.upgrade-item{background-color:#33415580;border-radius:.5rem;padding:1rem;border:1px solid #475569}.upgrade-item .upgrade-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.upgrade-item .upgrade-item-header .item-name{font-weight:700;color:#e2e8f0}.upgrade-item .upgrade-item-header .item-level{font-size:.875rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;color:#d8b4fe}.upgrade-item .upgrade-item-header .item-level .arrow{color:#64748b}.upgrade-item .upgrade-item-footer{display:flex;align-items:center;justify-content:space-between}.upgrade-item .upgrade-item-footer .item-efficiency{font-size:.75rem;color:#94a3b8;display:flex;align-items:center;gap:.5rem}.upgrade-item .upgrade-item-footer .item-efficiency .current{color:#fff}.upgrade-item .upgrade-item-footer .item-efficiency .next{color:#4ade80;display:flex;align-items:center;gap:.25rem}.upgrade-action-btn{padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:700;transition:background-color .2s;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem}.upgrade-action-btn.affordable{background-color:#9333ea;color:#fff}.upgrade-action-btn.affordable:hover{background-color:#a855f7}.upgrade-action-btn.unaffordable,.upgrade-action-btn.maxed{background-color:#475569;color:#94a3b8;cursor:not-allowed}.upgrade-action-btn .cost{opacity:.8;display:flex;align-items:center;gap:.25rem}.icon-blue{color:#60a5fa}.icon-green{color:#4ade80}.icon-purple{color:#c084fc}.icon-yellow{color:#facc15}.icon-orange{color:#fb923c}.age-stone{color:#d6d3d1}.age-amber{color:#fcd34d}.age-slate{color:#cbd5e1}.age-orange{color:#fdba74}.age-cyan{color:#67e8f9}.age-violet{color:#c4b5fd}.icon-text-yellow{color:#facc15}.icon-text-orange{color:#fb923c}.icon-text-blue{color:#60a5fa}.icon-text-green{color:#22c55e}.icon-text-red{color:#ef4444}.icon-text-purple{color:#c084fc}.text-yellow{color:#eab308}.text-orange{color:#f97316}.text-blue{color:#3b82f6}.text-red{color:#f87171}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mt-1{margin-top:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.hidden{display:none}.block{display:block}@media (min-width: 390px){.d-none-sm{display:none}}.p-0{padding:0!important}.w-full{width:100%}.h-full{height:100%}.h-auto{height:auto}.object-cover{object-fit:cover}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}