@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);html{height:100%}body,html{width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100%;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#121212;color:#fff;font-family:Inter,sans-serif}.app{margin:0 auto;max-width:1200px;padding:0 16px}.fullscreen-app{-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;backface-visibility:hidden;-webkit-backface-visibility:hidden;background-color:#000;bottom:0;height:100%;left:0;margin:0;max-height:100vh;max-width:100%;max-width:100vw;min-height:100vh;min-width:100vw;overflow:hidden;padding:0;perspective:1000;-webkit-perspective:1000;position:fixed;right:0;top:0;touch-action:manipulation;transform:translateZ(0);transform-style:preserve-3d;width:100%;z-index:9999}.ios-fullscreen-mode{height:100%!important;max-height:100%!important;min-height:100%!important;touch-action:none!important;width:100%!important}.ios-fullscreen-mode,.safari-fullscreen{-webkit-overflow-scrolling:none!important;backface-visibility:hidden!important;background-color:#000!important;bottom:0!important;left:0!important;margin:0!important;overflow:hidden!important;overscroll-behavior:none!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;transform:translateZ(0)!important;z-index:9999!important}.safari-fullscreen{-webkit-tap-highlight-color:transparent!important;height:100vh!important;max-height:100vh!important;max-width:100vw!important;min-height:100vh!important;min-width:100vw!important;-webkit-overscroll-behavior:none!important;touch-action:manipulation!important;width:100vw!important}@supports (-webkit-touch-callout:none){.fullscreen-app,.safari-fullscreen,body,html{height:100%!important;width:100%!important}.fullscreen-app,.safari-fullscreen{-webkit-touch-callout:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;bottom:0!important;height:-webkit-fill-available!important;left:0!important;max-height:-webkit-fill-available!important;min-height:-webkit-fill-available!important;overflow:hidden!important;position:fixed!important;right:0!important;top:0!important;touch-action:none!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;-webkit-user-select:none!important;user-select:none!important;z-index:9999!important}@media screen and (orientation:portrait){.fullscreen-app,.safari-fullscreen{max-width:100vw!important;max-width:-webkit-fill-available!important;width:100vw!important;width:-webkit-fill-available!important}.fullscreen-app *,.safari-fullscreen *{max-height:100vh!important;max-width:100vw!important}}@media screen and (orientation:landscape){.fullscreen-app,.safari-fullscreen{max-width:100vw!important;max-width:-webkit-fill-available!important;width:100vw!important;width:-webkit-fill-available!important}.fullscreen-app *,.safari-fullscreen *{max-height:100vh!important;max-width:100vw!important}}}.filters-container{margin:20px auto 0;max-width:800px;padding:0 20px}.filters{background-color:#1a1a1a;border-radius:10px;box-shadow:0 4px 8px #0000004d;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px;padding:15px}.filter-group{display:flex;flex-direction:column;min-width:120px}.search-group{min-width:200px}.filter-group label{color:#aaa;font-size:14px;margin-bottom:5px}.search-input-container{display:flex;position:relative;width:100%}.search-input{background-color:#333;border:1px solid #444;border-radius:4px;color:#fff;font-size:14px;padding:8px 10px;width:100%}.clear-search-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px}.clear-search-btn:hover{background-color:#444;color:#fff}.filter-select{background-color:#333;border:1px solid #444;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 10px}.filter-checkbox{align-items:center;flex-direction:row;gap:8px;margin-top:20px}.filter-checkbox input{cursor:pointer;height:18px;margin:0;width:18px}.filter-checkbox label{cursor:pointer;margin-bottom:0}.base-list-container{margin:0 auto;max-width:800px;padding:20px}.base-list{background-color:#1a1a1a;border-radius:10px;box-shadow:0 4px 8px #0000004d;min-height:100px;overflow:hidden}.no-results{align-items:center;color:#aaa;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.no-results p{font-size:16px;margin-bottom:15px}.clear-filters-btn{background-color:#2980b9;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:background-color .2s}.clear-filters-btn:hover{background-color:#3498db}.base-list-item{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:15px 20px;transition:background-color .2s}.base-list-item:last-child{border-bottom:none}.base-list-item:hover{background-color:#222}.favorite-toggle{cursor:pointer;margin-right:15px}.favorite-star{color:#666;font-size:22px;transition:color .2s,transform .2s}.favorite-star:hover{color:gold;transform:scale(1.1)}.favorite-star.is-favorite{color:gold}.base-list-details{display:flex;flex:1 1;flex-direction:column;gap:5px}.base-list-name{color:#fff;font-size:18px;font-weight:700}@media (max-width:480px){.base-list-name{font-size:16px}}.base-list-info{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.base-list-hp{color:#aaa;font-size:14px}.base-list-hp,.base-list-set{background-color:#222;border-radius:4px;padding:3px 8px}.base-list-set{border-left:2px solid #444;color:#999;font-size:12px;margin-left:auto}.base-list-aspect{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:3px 8px;width:fit-content}.base-list-aspect.neutral{background-color:#333;color:#ddd}.base-list-aspect.command{background-color:#117a65;color:#00e676}.base-list-aspect.vigilance{background-color:#1a5276;color:#3498db}.base-list-aspect.aggression{background-color:#641e16;color:#e74c3c}.base-list-aspect.cunning{background-color:#904d00;color:#f90}.base-list-ability-tag{background-color:#2c3e50;border-radius:4px;color:#3498db;cursor:help;display:inline-block;font-size:12px;padding:3px 8px;width:fit-content}.tooltip-container{display:inline-block;position:relative}.tooltip{background-color:#222;border:1px solid #444;border-radius:6px;bottom:125%;box-shadow:0 5px 15px #0006;color:#fff;font-size:12px;opacity:0;padding:10px 15px;text-align:center;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;white-space:pre-line;width:250px;z-index:1}.tooltip,.tooltip:after{left:50%;position:absolute}.tooltip:after{border:5px solid #0000;border-top-color:#444;content:"";margin-left:-5px;top:100%}.tooltip-container:hover .tooltip{opacity:1;visibility:visible}.select-base-button{background-color:#2980b9;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:background-color .2s}.select-base-button:hover{background-color:#3498db}@media (max-width:768px){.base-list-container{padding:10px}.filters{padding:12px}.filter-group{min-width:100px}}@media (max-width:480px){.filters{flex-direction:column;gap:10px}.filter-group{min-width:0;width:100%}.search-group{width:100%}.filter-checkbox{margin-top:5px}.base-list-item{align-items:center;flex-direction:row;padding:10px 15px}.base-list-details{overflow:hidden}.base-list-ability-tag,.base-list-aspect,.base-list-hp{font-size:10px;line-height:1.2;padding:2px 5px}.tooltip-container{align-items:center;display:inline-flex}.tooltip{font-size:10px;width:200px}.base-list-info{align-items:center;display:flex;flex-wrap:nowrap;gap:5px;height:22px;padding-bottom:5px}.favorite-star{font-size:18px}.select-base-button{font-size:13px;min-width:70px;padding:8px}}.github-footer{border-top:1px solid #333;display:flex;justify-content:center;margin:20px 0 30px;padding-top:20px}.github-footer a{align-items:center;color:#aaa;display:flex;gap:8px;text-decoration:none;transition:color .2s}.github-footer a:hover{color:#fff}.github-footer svg{margin-right:5px}.github-footer span{font-size:14px}.pagination{align-items:center;background-color:#1a1a1a;border-radius:8px;box-shadow:0 2px 4px #0003;display:flex;gap:15px;justify-content:center;margin-top:20px;padding:10px}.pagination-button{background-color:#2980b9;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:8px 15px;transition:background-color .2s}.pagination-button:hover:not(:disabled){background-color:#3498db}.pagination-button:disabled{background-color:#555;cursor:not-allowed;opacity:.5}.pagination-info{color:#ccc;font-size:14px}.pagination-count{color:#999;font-size:12px;margin-left:5px}@media (max-width:480px){.github-footer{margin:15px 0 20px}.pagination{gap:10px;padding:8px}.pagination-button{font-size:14px;padding:6px 10px}.pagination-info{font-size:12px}}.fullscreen-tracker{backface-visibility:hidden!important;background-color:#111!important;bottom:0!important;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif!important;height:100%!important;left:0!important;margin:0!important;max-height:100%!important;max-width:100vw!important;min-height:100vh!important;min-width:100vw!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;touch-action:manipulation!important;transform:translateZ(0)!important;width:100%!important;z-index:9999!important}.opponent-hp-tracker{min-height:auto;padding:10px 15px}.full-screen-controls{padding-bottom:10px;padding-top:10px}.opponent-hp-tracker{background-color:#141414d9;display:flex;justify-content:center;padding:15px;width:100%}.opponent-hp-display{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#1e1e1eb3;border-radius:25px;box-shadow:0 4px 15px #0006;display:flex;gap:15px;justify-content:center;min-width:320px;padding:15px 30px}.opponent-hp-content{text-align:center}.opponent-hp-text{color:#fff;display:block;font-size:120px;font-weight:700;line-height:1.1;text-shadow:0 4px 12px #00000080;transition:color .3s ease}.opponent-hp-label{color:#ccc;display:inline-block;font-size:18px;margin-right:8px}.opponent-hp-percentage{background-color:#00000080;border:1px solid #ffffff1a;border-radius:16px;display:inline-block;font-size:24px;font-weight:700;margin-top:8px;min-width:80px;padding:5px 12px;text-align:center}.opponent-aspect-tag{border-radius:4px;font-size:16px;font-weight:500;margin-left:10px;padding:4px 10px}.opponent-aspect-tag.neutral{background-color:#282828cc;border:1px solid #ffffff1a;color:#ddd}.opponent-aspect-tag.command{background-color:#117a65;color:#00e676}.opponent-aspect-tag.vigilance{background-color:#1a5276;color:#3498db}.opponent-aspect-tag.aggression{background-color:#641e16;color:#e74c3c}.opponent-aspect-tag.cunning{background-color:#904d00;color:#f90}.inverted{transform:rotate(180deg)}.full-screen-image-container{align-items:center;background-color:#222;box-shadow:inset 0 0 20px #00000080;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:0;position:relative;width:100%}.full-screen-image{display:block;height:auto;margin:0 auto;max-height:100%;max-width:100%;object-fit:contain;transform:scale(1.3);width:auto}.full-screen-content-wrapper{display:flex;flex-direction:row;height:100vh;overflow:hidden;width:100%}.left-content-column{display:flex;flex-direction:column;height:100vh;width:70%}.action-used-overlay,.game-over-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0}.action-used-x{animation:actionUsedAnimation .5s ease-in-out;color:#ff0000b3;font-size:150px;font-weight:700;line-height:1;text-shadow:3px 3px 5px #00000080;transform:rotate(-10deg)}.game-over-overlay{animation:starWarsWipe 1.5s ease-in-out forwards;background-color:initial;overflow:hidden;z-index:10}.game-over-text{animation:gameOverTextAnimation 3s ease-out 1.2s forwards;color:#ffe81f;font-family:Helvetica,Arial,sans-serif;font-size:130px;font-weight:900;letter-spacing:0;opacity:0;position:relative;text-shadow:0 0 10px #000c,0 0 30px #ffe81f99;text-transform:uppercase;z-index:20}@keyframes actionUsedAnimation{0%{opacity:0;transform:scale(2) rotate(-10deg)}50%{opacity:1;transform:scale(1.2) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(-10deg)}}@keyframes starWarsWipe{0%{background-color:initial;clip-path:polygon(0 0,0 0,0 100%,0 100%);-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%)}10%{background-color:#000}to{background-color:#000;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes gameOverTextAnimation{0%{opacity:0;transform:scale(2)}20%{opacity:1;transform:scale(1.5)}80%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}.full-screen-controls{background-color:#171717;border-left:1px solid #222;box-shadow:inset 5px 0 5px -5px #00000080;display:flex;flex-direction:column;overflow-y:auto;padding:20px;width:30%}.full-screen-hp-tracker{flex-direction:column;margin-bottom:35px;margin-top:10px}.full-screen-hp-button,.full-screen-hp-tracker{align-items:center;display:flex;justify-content:center}.full-screen-hp-button{background-color:#333;border:none;border-radius:60px;box-shadow:0 4px 12px #0006;color:#fff;cursor:pointer;font-size:64px;font-weight:700;height:120px;margin:0 5px;transition:all .2s ease;width:120px}.full-screen-hp-buttons{display:flex;gap:40px;justify-content:center;margin-bottom:20px}.full-screen-hp-button:hover{background-color:#444;box-shadow:0 6px 14px #00000080;transform:translateY(-2px)}.full-screen-hp-display{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#1e1e1eb3;border-radius:25px;box-shadow:0 4px 15px #0006;margin-bottom:20px;max-width:500px;min-width:320px;padding:15px 30px;text-align:center;width:100%}.full-screen-hp-text{color:#fff;display:block;font-size:150px;font-weight:700;line-height:1;text-shadow:0 4px 12px #00000080;transition:color .3s ease}.hp-healthy{color:#2ecc40;text-shadow:0 0 10px #2ecc4080}.hp-warning{color:gold;text-shadow:0 0 10px #ffd70080}.hp-danger{animation:pulse 2s infinite;color:#ff4136;text-shadow:0 0 10px #ff413680}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.full-screen-hp-info{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:5px}.full-screen-hp-label{color:#ccc;font-size:18px}.hp-percentage{background-color:#00000080;border:1px solid #ffffff1a;border-radius:16px;font-size:24px;font-weight:700;margin-top:8px;min-width:80px;padding:5px 12px;text-align:center}.full-screen-aspect{border-radius:4px;display:inline-block;font-size:14px;font-weight:500;padding:3px 8px}.full-screen-aspect.neutral{background-color:#282828cc;border:1px solid #ffffff1a;color:#ddd}.full-screen-aspect.command{background-color:#117a65;color:#00e676}.full-screen-aspect.vigilance{background-color:#1a5276;color:#3498db}.full-screen-aspect.aggression{background-color:#641e16;color:#e74c3c}.full-screen-aspect.cunning{background-color:#904d00;color:#f90}.full-screen-ability{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#191919cc;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 4px 15px #0000004d;padding:20px}.ability-header-container{background-color:#191919b3;border:1px solid #ffffff14;border-radius:8px;margin-bottom:12px;padding:10px;text-align:center;transform:rotate(180deg)}.ability-header-text{color:gold;font-size:18px;font-weight:700;margin:0}.ability-description{color:#ccc;font-size:16px;line-height:1.5;margin-bottom:20px;text-align:center;transform:rotate(180deg);white-space:pre-line}.full-screen-ability-button{background-color:#1565c0;border:none;border-radius:10px;box-shadow:0 4px 10px #0006;color:#fff;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:.5px;padding:15px;transition:all .2s ease;width:100%}.full-screen-ability-button:hover{background-color:#1976d2;box-shadow:0 6px 14px #00000080;transform:translateY(-2px)}.full-screen-ability-button-used{background-color:#455a64;box-shadow:0 2px 5px #0000004d;opacity:.8}.full-screen-ability-button-used:hover{background-color:#546e7a;box-shadow:0 4px 8px #0006;transform:translateY(-1px)}.control-buttons{display:flex;flex-direction:column;gap:8px;margin-top:10px}.base-name{color:#fff;font-size:20px;font-weight:700;margin-bottom:8px;text-align:center}.control-button-group{display:flex;gap:8px;justify-content:space-between}.control-button{background-color:#333;border:1px solid #444;border-radius:8px;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;letter-spacing:.5px;line-height:1;padding:12px;transition:all .2s ease}.control-button.exit-button:hover{background-color:#444;box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.control-button.reset-button{background-color:#6a1b9a;border-color:#8e24aa}.control-button.reset-button:hover{background-color:#8e24aa;box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.control-button.fullscreen-button{animation:pulse-attention 2s infinite;background-color:#0d47a1;border-color:#1976d2;font-size:15px;font-weight:700;padding:12px 10px;position:relative;z-index:10}.control-button.fullscreen-button:hover{animation:none;background-color:#1976d2;box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}@supports (-webkit-touch-callout:none){.control-button.fullscreen-button{background-color:#2196f3;border:2px solid #64b5f6;font-size:16px!important;font-weight:700;padding:12px 10px!important}.fullscreen-tracker{-webkit-tap-highlight-color:transparent!important;-webkit-font-smoothing:antialiased!important;-webkit-backdrop-filter:none!important;backface-visibility:hidden!important;background-color:#111!important;bottom:0!important;height:100vh!important;left:0!important;margin:0!important;max-height:100vh!important;max-width:100vw!important;min-height:100vh!important;min-width:100vw!important;overflow:hidden!important;padding:0!important;perspective:1000!important;position:fixed!important;right:0!important;top:0!important;touch-action:manipulation!important;transform:translateZ(0)!important;width:100vw!important;z-index:9999!important}.safari-fullscreen{background-color:#111!important;z-index:9999!important}.safari-fullscreen,body.ios-fullscreen-mode,html.ios-fullscreen-mode{-webkit-overflow-scrolling:none!important;bottom:0!important;height:100vh!important;left:0!important;margin:0!important;max-height:100vh!important;max-width:100vw!important;min-height:100vh!important;min-width:100vw!important;overflow:hidden!important;overscroll-behavior:none!important;-webkit-overscroll-behavior:none!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}body.ios-fullscreen-mode,html.ios-fullscreen-mode{-webkit-touch-callout:none!important;overflow-scrolling:none!important;-webkit-tap-highlight-color:transparent!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;perspective:1000!important;-webkit-perspective:1000!important;touch-action:none!important;transform:translateZ(0)!important;-webkit-user-select:none!important}body.ios-fullscreen-mode *,html.ios-fullscreen-mode *{-webkit-overflow-scrolling:none!important;overflow-scrolling:none!important;-webkit-tap-highlight-color:transparent!important;overscroll-behavior:none!important;-webkit-overscroll-behavior:none!important;touch-action:manipulation!important}@supports (-webkit-touch-callout:none) and (not (translate:none)){.fullscreen-tracker{padding-bottom:env(safe-area-inset-bottom)!important;padding-top:env(safe-area-inset-top)!important;position:fixed!important}.full-screen-content-wrapper,.fullscreen-tracker{height:100vh!important;height:-webkit-fill-available!important}.control-button.fullscreen-button{animation:safari-pulse-attention 2s infinite!important;background-color:#1e88e5!important;border:2px solid #64b5f6!important;box-shadow:0 0 15px #2196f3b3!important;font-size:16px!important;font-weight:700!important}@keyframes safari-pulse-attention{0%{background-color:#1565c0;box-shadow:0 0 10px #2196f380;transform:scale(1)}50%{background-color:#1e88e5;box-shadow:0 0 20px #2196f3cc;transform:scale(1.1)}to{background-color:#1565c0;box-shadow:0 0 10px #2196f380;transform:scale(1)}}}}.ios-fullscreen-button{animation:ios-pulse 1.5s infinite!important;background-color:#2196f3!important;border:2px solid #bbdefb!important;box-shadow:0 0 10px #2196f380!important;font-size:15px!important;padding:10px 8px!important}.ios-hint{display:inline-block;font-size:12px;opacity:.9}@supports (-webkit-touch-callout:none){@media screen and (orientation:portrait){.fullscreen-tracker{-webkit-overflow-scrolling:touch!important;border:none!important;bottom:0!important;left:0!important;margin:0!important;max-height:100vh!important;max-width:100vw!important;min-height:-webkit-fill-available!important;overscroll-behavior:none!important;-webkit-overscroll-behavior:none!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;touch-action:manipulation!important;-webkit-user-select:none!important;user-select:none!important;z-index:9999!important}.full-screen-content-wrapper,.fullscreen-tracker{height:100vh!important;height:-webkit-fill-available!important;transform:none!important;-webkit-transform:none!important;width:100vw!important}.full-screen-content-wrapper{position:relative!important}}@media screen and (orientation:landscape){.fullscreen-tracker{border:none!important;bottom:0!important;height:100vh!important;left:0!important;margin:0!important;max-height:100vh!important;min-height:100vh!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999!important}}}@keyframes ios-pulse{0%{box-shadow:0 0 10px #2196f380;transform:scale(1)}50%{box-shadow:0 0 15px #2196f3b3;transform:scale(1.05)}to{box-shadow:0 0 10px #2196f380;transform:scale(1)}}@media screen and (orientation:landscape){.fullscreen-tracker,.fullscreen-tracker.safari-fullscreen{-webkit-overflow-scrolling:touch!important;bottom:0!important;display:flex!important;flex-direction:column!important;height:100%!important;height:100vh!important;left:0!important;margin:0!important;max-height:100%!important;max-height:100vh!important;max-width:100vw!important;min-height:100vh!important;min-width:100vw!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;touch-action:none!important;transform:translateZ(0)!important;width:100vw!important;z-index:9999!important}.portrait-ability-container{display:none}.landscape-ability-container{display:block}.damage-log-drawer{right:-250px;width:250px}.log-toggle-button{height:36px;right:10px;top:10px;width:36px}.notification-bubble{height:10px;right:-3px;top:-3px;width:10px}.damage-log-drawer-header h4{font-size:16px}.damage-log-entry{font-size:12px;margin-bottom:6px;padding:6px 10px}.opponent-hp-tracker{min-height:35px;padding:3px}.opponent-hp-text{font-size:60px}.opponent-hp-percentage{font-size:18px;min-width:60px}.full-screen-content-wrapper{display:flex;flex-direction:row;height:100%;overflow:hidden;position:relative;width:100%}.left-content-column{display:flex;flex-direction:column;height:100%;position:relative;width:70%}.full-screen-image{height:auto;margin:0 auto;max-height:calc(100% - 120px);max-width:100%;transform:scale(1.3);width:auto}.full-screen-controls{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;height:100%;justify-content:flex-end;overflow-y:auto;padding:8px;position:relative;width:30%}.full-screen-hp-tracker{margin-bottom:8px;margin-top:auto}.full-screen-hp-buttons{gap:20px;margin-bottom:10px}.full-screen-hp-display{margin-bottom:15px}.full-screen-hp-text{font-size:60px}.full-screen-hp-button{font-size:40px;height:80px;width:80px}.hp-percentage{font-size:18px;min-width:60px}.game-over-text{font-size:50px}.action-used-x{font-size:80px}.full-screen-ability{margin-top:5px;padding:8px}.ability-header-container{margin-bottom:8px;padding:5px}.ability-header-text{font-size:14px}.ability-description{font-size:12px;line-height:1.3;margin-bottom:8px}.full-screen-ability-button{font-size:14px;padding:8px}.control-buttons{margin-bottom:5px;margin-top:8px}.base-name{font-size:16px;margin-bottom:5px}.control-button{font-size:12px;padding:6px}@media (max-height:375px){.opponent-hp-tracker{min-height:25px;padding:2px}.opponent-hp-text{font-size:18px}.full-screen-image,.full-screen-image-container{max-height:calc(100% - 90px)}.full-screen-hp-text{font-size:48px}.full-screen-hp-button{font-size:30px;height:60px;width:60px}.full-screen-ability-button{font-size:12px;padding:4px}.game-over-text{font-size:36px}.ability-description{font-size:11px;margin-bottom:5px}.control-buttons{margin-top:4px}.base-name{font-size:14px;margin-bottom:3px}.control-button{font-size:10px;padding:4px}}}.orientation-message{animation:fadeOut 5s forwards;background-color:#000c;color:#fff;font-size:14px;left:0;padding:8px;position:fixed;text-align:center;top:0;width:100%;z-index:2000}@keyframes fadeOut{0%{opacity:1}70%{opacity:1}to{opacity:0;visibility:hidden}}.damage-log-drawer{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#0f0f0ff2;border-left:1px solid #ffffff1a;box-shadow:-2px 0 10px #00000080;height:100%;position:fixed;right:-300px;top:0;transition:right .3s ease;width:300px;z-index:2000}.damage-log-drawer.open{right:0}.damage-log-drawer-content{display:flex;flex-direction:column;height:100%;padding:15px}.damage-log-drawer-header{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.damage-log-drawer-header h4{color:gold;font-size:18px;font-weight:700;margin:0}.drawer-close-button{background:none;border:none;color:#ccc;cursor:pointer;font-size:24px;line-height:1;padding:0 10px}.drawer-close-button:hover{color:gold}.log-toggle-button{align-items:center;background-color:#191919cc;border:1px solid #fff3;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;position:fixed;right:15px;top:15px;transition:all .2s ease;width:40px;z-index:1900}.log-toggle-button:hover{background-color:#282828e6;box-shadow:0 4px 12px #00000080;transform:scale(1.05)}.log-toggle-button.has-new-entries{animation:pulse-attention 1.5s ease-in-out infinite}.notification-bubble{background-color:#ff5252;border:2px solid #0f0f0ff2;border-radius:50%;box-shadow:0 0 0 1px #ffffff1a;height:12px;position:absolute;right:-4px;top:-4px;width:12px}@keyframes pulse-attention{0%{box-shadow:0 2px 8px #0000004d;transform:scale(1)}50%{box-shadow:0 4px 12px #ff525266;transform:scale(1.08)}to{box-shadow:0 2px 8px #0000004d;transform:scale(1)}}.damage-log-drawer.open+.log-toggle-button{opacity:0;pointer-events:none}.damage-log-entries{flex:1 1;overflow-y:auto;padding-right:5px}.damage-log-entry{background-color:#1e1e1eb3;border-radius:8px;box-shadow:0 1px 3px #0003;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.damage-log-time{color:#ccc}.damage-log-damage{color:#ff5252;font-weight:700}.damage-log-healing{color:#4caf50;font-weight:700}.damage-log-reset{color:#ffd740;font-weight:700}.damage-log-empty{color:#ccc;font-style:italic;padding:20px 10px;text-align:center}.portrait-ability-container{display:none;margin:0 10px 10px}.landscape-ability-container{display:block}@media screen and (orientation:portrait){.fullscreen-tracker,.fullscreen-tracker.safari-fullscreen{-webkit-overflow-scrolling:touch!important;bottom:0!important;display:flex!important;flex-direction:column!important;height:100%!important;height:100vh!important;left:0!important;margin:0!important;max-height:100vh!important;max-width:100vw!important;min-height:100vh!important;min-width:100vw!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;touch-action:none!important;transform:translateZ(0)!important;width:100%!important;width:100vw!important;z-index:9999!important}.full-screen-content-wrapper{-webkit-overflow-scrolling:touch;flex-direction:column;height:100%;overflow-y:auto;overscroll-behavior:none;-webkit-overscroll-behavior:none;position:relative;width:100%}.left-content-column{display:flex;flex:1 1;flex-direction:column;height:auto;min-height:40%;position:relative;width:100%}.portrait-ability-container{display:block;margin:8px 15px;order:1}.landscape-ability-container{display:none}.full-screen-image-container{order:2}.portrait-ability-container .full-screen-ability{background-color:#191919cc;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:8px;padding:12px}.portrait-ability-container .ability-header-container{margin-bottom:8px;padding:6px}.portrait-ability-container .ability-description{font-size:14px;margin-bottom:10px;max-height:80px;overflow-y:auto}.portrait-ability-container .full-screen-ability-button{font-size:14px;padding:8px}.opponent-hp-tracker{flex-shrink:0;padding:5px}.opponent-hp-display{padding:10px}.opponent-hp-text{font-size:60px}.full-screen-image-container{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:30%;padding:0;position:relative}.full-screen-image{max-height:100%;max-width:100%;object-fit:contain;transform:scale(1);width:auto}.full-screen-controls{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;min-height:45%;padding:15px 15px 25px;position:relative;width:100%}.full-screen-hp-tracker{align-items:center;display:flex;flex-direction:column;margin:0}.full-screen-hp-display{margin-bottom:10px;padding:10px}.full-screen-hp-text{font-size:64px}.full-screen-hp-buttons{gap:30px;margin-bottom:15px}.full-screen-hp-button{font-size:40px;height:70px;width:70px}.full-screen-ability{margin:10px 0 20px}.ability-header-text{font-size:16px}.ability-description{font-size:14px;margin-bottom:15px;max-height:150px;overflow-y:auto}.full-screen-ability-button{font-size:16px;margin-top:5px;padding:12px}.control-buttons{margin-top:auto;padding-top:15px}.action-used-x{font-size:80px}.game-over-text{font-size:60px}}@media (max-width:768px){.full-screen-hp-button{font-size:30px;height:60px;width:60px}.full-screen-hp-text,.opponent-hp-text{font-size:42px}.full-screen-hp-label,.opponent-hp-label{font-size:16px}.action-used-x{font-size:100px}.game-over-text{font-size:90px}}@media (max-width:480px) and (orientation:portrait){.full-screen-content-wrapper{justify-content:space-between}.damage-log-drawer{right:-220px;width:220px}.damage-log-drawer-content{padding:10px}.log-toggle-button{font-size:16px;height:32px;right:8px;top:8px;width:32px}.notification-bubble{border-width:1px;height:8px;right:-2px;top:-2px;width:8px}.drawer-close-button{font-size:20px;padding:0 5px}.damage-log-drawer-header h4{font-size:14px}.damage-log-entry{font-size:11px;margin-bottom:5px;padding:5px 8px}.opponent-hp-text{font-size:48px}.left-content-column{min-height:35%}.full-screen-image-container{min-height:25%;padding:0}.full-screen-controls{min-height:40%;padding:10px 15px 20px}.full-screen-hp-text{font-size:56px}.full-screen-hp-button{font-size:36px;height:65px;width:65px}.full-screen-hp-buttons{gap:20px;margin-bottom:10px}.full-screen-ability{margin:5px 0 15px}.ability-description{font-size:13px;margin-bottom:10px;max-height:100px}.full-screen-ability-button{font-size:14px;padding:10px}.control-button{font-size:12px;padding:8px}.control-buttons{padding-top:10px}.action-used-x{font-size:70px}.game-over-text{font-size:50px}@media (max-height:667px){.full-screen-content-wrapper{height:auto}.left-content-column{min-height:30%}.opponent-hp-text{font-size:36px}.full-screen-hp-display,.opponent-hp-display{margin-bottom:5px;padding:5px}.full-screen-image-container{min-height:20%}.full-screen-image{transform:scale(.9);-webkit-transform:translateZ(0) scale(.9)}.full-screen-controls{min-height:35%;padding:10px 10px 15px}.full-screen-hp-text{font-size:42px}.full-screen-hp-button{font-size:26px;height:50px;width:50px}.full-screen-hp-buttons{gap:15px;margin-bottom:5px}.full-screen-ability{margin:5px 0 10px;padding:10px}.ability-header-container{margin-bottom:5px;padding:4px}.ability-header-text{font-size:14px}.ability-description{font-size:12px;line-height:1.2;margin-bottom:8px;max-height:80px}.full-screen-ability-button{font-size:12px;padding:8px}.control-buttons{padding-top:5px}.base-name{font-size:14px;margin-bottom:4px}.control-button{font-size:11px;padding:6px}.action-used-x{font-size:60px}.game-over-text{font-size:40px}}}.header{margin-bottom:16px}.header-content{align-items:center;background-color:#222;border-bottom:1px solid #444;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;overflow:hidden;padding:20px;position:relative;z-index:1}.header-content:before{background-color:#111;background-image:radial-gradient(#fff 1px,#0000 0),radial-gradient(#fff 1px,#0000 0);background-position:0 0,25px 25px;background-size:50px 50px;bottom:0;content:"";left:0;opacity:.2;position:absolute;right:0;top:0;z-index:-1}@keyframes twinkle{0%{opacity:.2}50%{opacity:.4}to{opacity:.2}}.header-content:before{animation:twinkle 3s infinite}.header-titles{flex-grow:1;text-align:center}.header-title{color:gold;font-size:28px;font-weight:700}.header-subtitle{color:#ccc;font-size:18px;margin-top:4px}.reset-button{background-color:#8b0000;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:background-color .2s}.reset-button:hover{background-color:brown}.lightsaber{align-items:center;display:flex;height:60px;margin:0 15px}.lightsaber-blue,.lightsaber-red{flex-direction:row-reverse}.lightsaber-hilt{background-color:#999;border:2px solid #777;box-shadow:0 0 2px #fff;height:25px;position:relative;width:10px;z-index:2}.lightsaber-blue .lightsaber-hilt:before,.lightsaber-red .lightsaber-hilt:before{background-color:#444;content:"";height:5px;position:absolute;top:5px;width:15px}.lightsaber-blue .lightsaber-hilt:before,.lightsaber-red .lightsaber-hilt:before{left:-15px}.lightsaber-blade{border-radius:2px;box-shadow:0 0 10px 3px currentColor;height:15px;position:relative}.lightsaber-blue .lightsaber-blade{background-color:#3498db;color:#3498db;width:60px}.lightsaber-red .lightsaber-blade{background-color:#e74c3c;color:#e74c3c;width:60px}@keyframes glow{0%{box-shadow:0 0 10px 3px currentColor}50%{box-shadow:0 0 15px 5px currentColor}to{box-shadow:0 0 10px 3px currentColor}}.lightsaber-blade{animation:glow 2s infinite}.death-star-container{height:0;position:relative;width:100%}.death-star{background-color:#888;border-radius:50%;box-shadow:inset -4px -2px 0 #444,0 0 10px #ffffff1a;height:20px;position:absolute;right:20px;top:-10px;width:20px}.death-star:before{background-color:#333;border-radius:2px;box-shadow:0 0 2px #000;content:"";height:4px;left:6px;position:absolute;top:8px;width:8px}@keyframes float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(5deg)}to{transform:translateY(0) rotate(0deg)}}.death-star{animation:float 8s ease-in-out infinite}.stats-bar{background-color:#111;border-bottom:1px solid #333;color:#aaa;display:flex;font-size:14px;justify-content:space-between;padding:10px 20px}.stats-item{flex:1 1}.stats-item:last-child{text-align:right}@media (max-width:600px){.header-content{padding:15px 10px}.header-title{font-size:22px}.header-subtitle{font-size:14px}.lightsaber-blade{width:40px!important}.lightsaber{margin:0 5px}}@media (max-width:400px){.header-title{font-size:18px}.header-subtitle{font-size:12px}.lightsaber-blade{width:25px!important}}
/*# sourceMappingURL=main.07effed3.css.map*/