@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Press+Start+2P&display=swap";
:root{--bg-dark-primary:#121212;--bg-dark-secondary:#1e1e1e;--bg-dark-tertiary:#2c2c2c;--border-color:#3a3a3a;--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--text-tertiary:#888;--accent-yellow:gold;--accent-green:#48bb78;--scrollbar-thumb:#555;--scrollbar-track:var(--bg-dark-tertiary);--shadow-sm:0 1px 2px #00000026;--shadow-md:0 3px 6px #0003;--shadow-lg:0 6px 12px #00000040}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark-primary);color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.6}#app{grid-template-rows:auto 1fr;grid-template-columns:2fr 1fr 3fr;gap:12px;height:100vh;padding:12px;display:grid;overflow:hidden}.minimap-body img{object-fit:contain;max-width:100%;margin:5px auto;display:block}.badge-emoji{line-height:1}.minimap-hidden-message{text-align:center;color:#aaa;padding:20px 0;font-style:italic}.left-col,.goals-log,.feed-wrapper{background:var(--bg-dark-secondary);-ms-overflow-style:none;scrollbar-width:none;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:10px;flex-direction:column;height:100%;padding:16px;display:flex;overflow:hidden}.header{grid-column:1/4;justify-content:flex-start;align-items:center;min-height:80px;padding:0;display:flex;position:relative}::-webkit-scrollbar{background:0 0;width:0}::-webkit-scrollbar-thumb{background:red}html{overflow:hidden}.stats-widget{background:var(--bg-dark-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);z-index:1;border-radius:10px;grid-template-columns:auto auto;place-items:start;column-gap:24px;padding:12px 16px;display:grid}.stats-widget .widget-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-family:"Press Start 2P",monospace;font-size:.65rem}.stats-widget .actions-count{color:var(--accent-yellow);letter-spacing:1px;font-family:"Press Start 2P",monospace;font-size:1.2rem;line-height:1}.stats-widget .subinfo{color:var(--text-tertiary);flex-direction:column;grid-column:1/3;gap:4px;margin-top:8px;font-size:.7rem;display:flex}.stats-widget .subinfo span{line-height:1.3}.badges-widget{flex-direction:column;align-items:center;display:flex}.badges-widget .widget-title{margin-bottom:10px}.badges-widget .badges{grid-template-columns:repeat(4,30px);grid-auto-rows:30px;justify-content:center;gap:8px;margin-bottom:10px;display:grid}.badge{text-align:center;background:linear-gradient(145deg,#5a5a5a,#3a3a3a);border-radius:8px;justify-content:center;width:100%;height:100%;font-size:1.2em;box-shadow:inset 0 1px 2px #00000080,0 1px 1px #ffffff1a}.badge.empty{background:var(--bg-dark-secondary);border:1.5px dashed var(--border-color);box-shadow:none}.title{text-align:center;width:100%;color:var(--text-primary);pointer-events:none;z-index:0;text-shadow:0 0 12px #ffffff26;font-family:"Press Start 2P",monospace;font-size:1.6rem;position:absolute;left:0}.left-col{grid-area:2/1}.goals-log{grid-area:2/2}.feed-wrapper{grid-area:2/3}.status{color:var(--text-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:8px;font-size:1rem;font-weight:700}.log{background:var(--bg-dark-tertiary);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);border-radius:8px;flex-direction:column;flex-grow:1;gap:10px;max-height:100%;padding:12px;font-size:.9rem;display:flex;overflow:hidden}.log::-webkit-scrollbar{width:8px}.log::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}.log::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border:2px solid var(--scrollbar-track);border-radius:4px}.log::-webkit-scrollbar-thumb:hover{background-color:#777}.log-entry{background:var(--bg-dark-secondary);word-wrap:break-word;color:var(--text-primary);box-shadow:var(--shadow-sm);border:1px solid #2f2f2f;border-radius:6px;flex-shrink:0;padding:15px 14px;line-height:1.5}.log-entry strong{color:var(--text-secondary);margin-right:4px;font-weight:700}.goals-log .log h3{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;border-bottom:1px solid var(--border-color);flex-shrink:0;margin:12px 0 8px;padding-bottom:4px;font-size:.8rem;font-weight:700}.goals-log .log h3:first-of-type{margin-top:0}.goals-log .log ul{flex-direction:column;flex-shrink:0;gap:10px;margin:0 0 10px;padding-left:0;list-style:none;display:flex}.goals-log .log ul li.log-entry,.goals-log .log p.log-entry{background:#252525;margin-bottom:0!important}.game-feed{flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.game-placeholder{background:var(--bg-dark-tertiary);width:100%;height:100%;color:var(--text-secondary);border:1px dashed var(--border-color);border-radius:8px;flex-grow:1;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.minimap-container{background:var(--bg-dark-tertiary);border:1px solid var(--border-color);width:180px;max-width:50%;box-shadow:var(--shadow-lg);opacity:.95;border-radius:8px;flex-shrink:0;align-self:flex-end;margin-top:12px;overflow:hidden}.minimap-header{text-align:center;color:var(--accent-yellow);text-transform:uppercase;border-bottom:1px solid var(--border-color);background:#333;padding:8px;font-family:"Press Start 2P",monospace;font-size:.7rem}.minimap-body{background:#4a4a4a;width:100%}.team-bar{border-top:1px solid var(--border-color);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--bg-dark-secondary);-webkit-overflow-scrolling:touch;flex-shrink:0;align-items:stretch;gap:12px;margin-top:12px;padding:12px 0 0;display:flex;overflow-x:auto}.team-bar::-webkit-scrollbar{height:8px}.team-bar::-webkit-scrollbar-track{background:var(--bg-dark-secondary);border-radius:4px}.team-bar::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border:2px solid var(--bg-dark-secondary);border-radius:4px}.team-bar::-webkit-scrollbar-thumb:hover{background-color:#777}.pokemon{text-align:center;color:var(--text-primary);box-shadow:var(--shadow-md);background-color:var(--bg-dark-tertiary);border:1px solid #0000;border-radius:8px;flex-direction:column;flex:0 0 140px;justify-content:space-between;padding:8px 10px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;display:flex;position:relative;overflow:hidden}.pokemon:hover{box-shadow:var(--shadow-lg);border-color:#ffffff1a;transform:translateY(-2px)}.pokemon-name,.pokemon-level,.pokemon-type{color:#fff;z-index:1;text-shadow:0 1px 2px #000000b3;word-wrap:break-word;line-height:1.2;position:relative}.pokemon-name{margin-bottom:1px;font-size:.9rem;font-weight:700}.pokemon-level{color:#ffffffd9;margin-bottom:2px;font-size:.75rem}.pokemon-type{color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.hp-bar{z-index:1;background:#0000004d;border:1px solid #0003;border-radius:4px;width:100%;height:8px;margin:6px 0 4px;position:relative;overflow:hidden}.hp-fill{background:var(--accent-green);border-radius:4px;height:100%;transition:width .4s ease-in-out;box-shadow:inset 0 1px 1px #ffffff1a}.hp-text{color:#fff;z-index:1;text-shadow:0 1px 2px #000c;font-size:.75rem;font-weight:600;line-height:1;position:relative}.log{position:relative}.log-item-move,.log-item-enter-active,.log-item-leave-active{transition:all .5s}.log-item-enter-from{opacity:0;transform:translateY(15px)}.log-item-leave-to{opacity:0;transform:translate(-30px)}.log-item-leave-active{width:100%;position:absolute}.ws-status{color:#fff;vertical-align:middle;float:right;border-radius:4px;margin-left:15px;padding:2px 6px;font-size:.9em}.status:after{content:"";clear:both;display:table}.ws-status.disconnected{background-color:#bdbdbd}.ws-status.connecting{background-color:#ffb74d}.ws-status.connected{background-color:#81c784}.ws-status.error{background-color:#e57373}.ws-status.reconnecting{background-color:#64b5f6}.pokemon.empty-slot{color:#404040;background:#252525;border:2px dashed #2c2c2c;justify-content:center;align-items:center;min-height:80px;font-size:.8em;font-weight:700;display:flex}.pokemon{background-image:linear-gradient(#ffffff26,#aaa);transition:opacity .4s,filter .4s}.pokemon.fainted{opacity:.5;filter:grayscale(80%)}.coordinate{color:#006064;background-color:#e0f7fa;border-radius:3px;margin:0 1px;padding:1px 3px;font-family:monospace;font-weight:700}.log-entry{white-space:pre-wrap;word-wrap:break-word}.goals-log .log-entry{margin-bottom:.5em}.goals-log ul{margin-top:.2em;padding-left:20px}.goals-log h3{margin-bottom:.3em}.action-type-ab{color:#c62828;background-color:#ffebee;border-radius:3px;margin:0 1px;padding:0 2px;font-family:monospace;font-weight:700;display:inline-block}.action-type-direction{color:#1565c0;background-color:#e3f2fd;border-radius:3px;margin:0 1px;padding:0 2px;font-family:monospace;font-weight:700;display:inline-block}.game-screenshot{object-fit:contain;background:var(--bg-dark-tertiary);border:1px solid var(--border-color);border-radius:8px;flex-grow:1;width:100%;height:100%}.decision-chosen{border-bottom:1px solid var(--border-color);color:var(--text-secondary);margin-bottom:12px;padding-bottom:8px}.decision-chosen strong{color:var(--accent-yellow)}.decision-timer{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:.85em}.decision-list{flex-direction:column;gap:10px;display:flex}.decision-row{background:#252525;border:1px solid #2f2f2f;border-radius:6px;padding:8px 10px;transition:border-color .3s,background .3s}.decision-row.chosen{border-color:var(--accent-yellow);background:#2f2a17}.decision-row-top{justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:.85rem;display:flex}.decision-name{color:var(--text-primary)}.decision-row.chosen .decision-name{color:var(--accent-yellow);font-weight:700}.decision-pct{color:var(--text-tertiary);font-variant-numeric:tabular-nums}.decision-bar{background:#0000004d;border-radius:3px;width:100%;height:6px;overflow:hidden}.decision-fill{background:var(--accent-green);border-radius:3px;height:100%;transition:width .4s ease-in-out}.decision-row.chosen .decision-fill{background:var(--accent-yellow)}