:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.wordle{flex-direction:column;align-items:center;gap:20px;padding:24px 16px;display:flex}.wordle-title{letter-spacing:4px;font-size:36px;font-weight:700;display:flex}.wordle-title .title-gap{width:16px}.wordle-title span:first-child{color:#538d4e}.wordle-title span:nth-child(2){color:#b59f3b}.wordle-title span:nth-child(3){color:#538d4e}.wordle-title span:nth-child(4){color:#b59f3b}.wordle-title span:nth-child(5){color:#538d4e}.wordle-title span:nth-child(7){color:#b59f3b}.wordle-title span:nth-child(8){color:#538d4e}.wordle-title span:nth-child(9){color:#b59f3b}.wordle-title span:nth-child(10){color:#538d4e}.wordle-title span:nth-child(11){color:#b59f3b}.wordle-title span:nth-child(12){color:#538d4e}.wordle-message{color:#fff;background:#333;border-radius:6px;padding:8px 20px;font-size:15px;font-weight:700}.wordle-board{flex-direction:column;gap:6px;display:flex}.wordle-row{gap:6px;display:flex}.wordle-tile{text-transform:uppercase;background:#fff;border:2px solid #ccc;justify-content:center;align-items:center;width:58px;height:58px;font-size:24px;font-weight:700;transition:background .3s,border-color .3s,color .3s;display:flex}.wordle-tile.revealed{color:#fff;border-color:#0000}.wordle-tile.correct{background:#538d4e}.wordle-tile.present{background:#b59f3b}.wordle-tile.absent{background:#787c7e}.wordle-keyboard{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.keyboard-row{justify-content:center;gap:5px;width:100%;display:flex}.key{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#d3d6da;border:none;border-radius:4px;min-width:42px;height:56px;padding:0 6px;font-size:14px;font-weight:700;transition:background .2s,color .2s}.key-wide{min-width:64px;font-size:12px}.key.correct{color:#fff;background:#538d4e}.key.present{color:#fff;background:#b59f3b}.key.absent{color:#fff;background:#787c7e}.new-game-btn{color:#fff;cursor:pointer;touch-action:manipulation;background:#538d4e;border:none;border-radius:6px;margin-top:8px;padding:12px 28px;font-size:16px;font-weight:700}.new-game-btn:hover{background:#417a3a}@media (width<=480px){.wordle{gap:14px;padding:16px 8px}.wordle-title{letter-spacing:2px;font-size:24px}.wordle-tile{width:52px;height:52px;font-size:20px}.key{min-width:32px;height:48px;padding:0 4px;font-size:13px}.key-wide{min-width:48px;font-size:11px}}.spinwheel-page{text-align:center;flex-direction:column;flex:1;align-items:center;gap:8px;padding:48px 24px 64px;display:flex}@media (width<=480px){.spinwheel-layout{flex-direction:column}}.spinwheel-page h1{font-size:36px;font-weight:700}.spinwheel-subtitle{color:#555;margin-bottom:24px}.spinwheel-players-form{gap:8px;margin-bottom:12px;display:flex}.spinwheel-players-input{border:2px solid #111;border-radius:8px;padding:10px 14px;font-size:15px}.spinwheel-players-add{color:#fff;cursor:pointer;background:#111;border:none;border-radius:8px;padding:10px 20px;font-size:15px;font-weight:700}.spinwheel-players-add:hover{opacity:.85}.spinwheel-players-list{flex-wrap:wrap;justify-content:center;gap:8px;max-width:480px;margin:0 0 16px;padding:0;list-style:none;display:flex}.spinwheel-player-chip{background:#f1f1f1;border:2px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:6px 8px 6px 14px;font-size:14px;font-weight:700;display:flex}.spinwheel-player-chip.active{background:#ffe66d;border-color:#111}.spinwheel-player-remove{cursor:pointer;color:#555;background:0 0;border:none;padding:2px 4px;font-size:16px;line-height:1}.spinwheel-player-remove:hover{color:#111}.spinwheel-turn{margin-bottom:20px;font-size:16px}.spinwheel-turn-empty{color:#777}.spinwheel-layout{align-items:center;gap:32px;margin-bottom:32px;display:flex}.spinwheel-wrapper{width:min(320px,80vw);height:min(320px,80vw);position:relative}.spinwheel-legend{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.spinwheel-legend-item{color:#111;text-align:left;align-items:flex-start;gap:10px;font-size:16px;font-weight:700;display:flex}.spinwheel-legend-dot{border:2px solid #111;border-radius:50%;flex-shrink:0;width:16px;height:16px;margin-top:2px}.spinwheel-wheel{border:6px solid #111;border-radius:50%;width:100%;height:100%;transition-property:transform;transition-timing-function:cubic-bezier(.16,.84,.3,1);position:relative;box-shadow:0 4px 16px #00000026}.spinwheel-pointer{z-index:2;border-top:22px solid #111;border-left:14px solid #0000;border-right:14px solid #0000;width:0;height:0;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.spinwheel-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:8px;padding:14px 36px;font-size:16px;font-weight:700;transition:opacity .2s}.spinwheel-btn:disabled{opacity:.5;cursor:default}.spinwheel-btn:not(:disabled):hover{opacity:.85}.spinwheel-result-wrap{flex-direction:column;align-items:center;gap:12px;margin-top:24px;display:flex}.spinwheel-result{font-size:28px;font-weight:700}.spinwheel-result-penalty{color:#ff4757}.spinwheel-result-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.spinwheel-redo-btn{color:#111;cursor:pointer;background:#fff;border:2px solid #111;border-radius:999px;padding:10px 22px;font-size:15px;font-weight:700;transition:background .2s,color .2s}.spinwheel-redo-btn:hover{color:#fff;background:#111}.spinwheel-chicken-btn{color:#ff4757;cursor:pointer;background:#fff;border:2px solid #ff4757;border-radius:999px;padding:10px 22px;font-size:15px;font-weight:700;transition:background .2s,color .2s}.spinwheel-chicken-btn:hover{color:#fff;background:#ff4757}.spinwheel-chicken-label{color:#ff4757;font-size:14px;font-weight:700}body:has(.bracket-page){background:#070822}#root:has(.bracket-page){border:none;width:100%}.bracket-page{--bg:#070822;--panel:#151a52;--panel-edge:#00e5ff;--slot:#000;--text:#f2f3ff;--muted:#9ea4e6;--yellow:#ffd400;--pink:#ff5ec4;--cyan:#00e5ff;--green:#7cff4f;--red:#ff3b3b;--pixel:"Press Start 2P", "Courier New", monospace;--terminal:"VT323", "Courier New", monospace;--smooth:"Chakra Petch", "Segoe UI", sans-serif;background:var(--bg);color:var(--text);font-family:var(--terminal);text-align:center;flex-direction:column;flex:1;align-items:center;gap:14px;padding:0 16px 24px;font-size:22px;line-height:1.2;display:flex;position:relative;overflow:hidden}.bracket-page>*{z-index:1;position:relative}.bracket-stars,.bracket-stars:before,.bracket-stars:after{z-index:0;pointer-events:none;position:absolute;inset:0}.bracket-stars{opacity:.6;background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 90px 120px,#fff,#0000),radial-gradient(1px 1px at 160px 60px,#cfd3ff,#0000),radial-gradient(1px 1px at 230px 180px,#fff,#0000),radial-gradient(1px 1px at 300px 90px,#cfd3ff,#0000);background-size:320px 220px;animation:40s linear infinite stars-drift}.bracket-stars:before{content:"";background-image:radial-gradient(2px 2px at 50px 80px,#fff,#0000),radial-gradient(2px 2px at 210px 20px,#ffe97a,#0000),radial-gradient(2px 2px at 380px 150px,#fff,#0000),radial-gradient(2px 2px at 120px 260px,#9ff4ff,#0000);background-size:460px 320px;animation:22s linear infinite stars-drift}.bracket-stars:after{content:"";background:radial-gradient(at 50% 0,#503cff59,#0000 60%)}@keyframes stars-drift{0%{background-position:0 0}to{background-position:0 660px}}.bracket-ticker{background:var(--yellow);color:#000;white-space:nowrap;width:calc(100% + 32px);font-family:var(--pixel);border-bottom:4px solid #000;margin:0 -16px;padding:7px 0;font-size:11px;overflow:hidden}.bracket-ticker-track{animation:40s linear infinite ticker;display:inline-flex}.bracket-ticker-track span{white-space:pre;padding-right:0}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.bracket-header{flex-direction:column;align-items:center;gap:10px;padding-top:10px;display:flex}.bracket-title{font-family:var(--pixel);color:var(--yellow);flex-wrap:wrap;justify-content:center;font-size:clamp(20px,4.5vw,40px);font-weight:400;line-height:1.1;display:flex}.bracket-title span{text-shadow:3px 3px #ff2e88,6px 6px #000;animation:1.6s ease-in-out infinite title-wave,4s step-end infinite title-colors;display:inline-block}@keyframes title-wave{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes title-colors{0%{color:var(--yellow)}25%{color:var(--cyan)}50%{color:var(--green)}75%{color:var(--pink)}}.bracket-subtitle{font-family:var(--pixel);color:var(--text);align-items:center;gap:14px;font-size:11px;display:flex}.bracket-live{background:var(--red);color:#fff;border:2px solid #fff;align-items:center;gap:8px;padding:6px 10px;display:inline-flex}.bracket-locked{background:var(--yellow);color:#000;border:2px solid #000;padding:6px 10px}.bracket-live-dot{background:#fff;border-radius:50%;width:10px;height:10px;animation:1s step-end infinite blink}.blink{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.bracket-loading{font-family:var(--pixel);color:var(--green);font-size:14px}.bracket-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:stretch;gap:20px;width:100%;max-width:960px;animation:.5s ease-out both slide-up;display:grid}@media (width<=720px){.bracket-top{grid-template-columns:1fr}.trash-can{justify-self:center}}.trash-can{font-family:var(--pixel);color:var(--muted);flex-direction:column;align-self:center;align-items:center;gap:6px;padding:8px 6px;font-size:8px;transition:transform .15s;display:flex}.trash-can svg{filter:drop-shadow(3px 3px #000);width:48px;height:58px;overflow:visible}.trash-lid{transform-box:fill-box;transform-origin:0 100%;transition:transform .2s ease-out}.trash-can.armed{color:var(--text)}.trash-can.armed .trash-lid{transform:rotate(-18deg)}.trash-can.over{color:#fff;transform:scale(1.12)}.trash-can.over .trash-lid{transform:rotate(-70deg)translateY(-2px)}.trash-can.over svg{filter:drop-shadow(3px 3px 0 #000) drop-shadow(0 0 10px var(--red))}.retro-window{color:#000;text-align:left;background:silver;border:3px solid #404040;border-color:#fff #404040 #404040 #fff;flex-direction:column;display:flex;box-shadow:6px 6px #000}.retro-titlebar{color:#fff;font-family:var(--pixel);background:linear-gradient(90deg,navy,#1084d0);justify-content:space-between;align-items:center;padding:6px 8px;font-size:11px;display:flex}.titlebar-action{font-family:var(--pixel);color:#000;cursor:pointer;background:silver;border:2px solid #404040;border-color:#fff #404040 #404040 #fff;margin:-4px 8px -4px auto;padding:3px 6px;font-size:8px}.titlebar-action:active{border-color:#404040 #fff #fff #404040}.titlebar-action.danger{background:var(--red);color:#fff}.retro-titlebar-buttons{gap:4px;display:flex}.retro-titlebar-buttons i{background:silver;border:2px solid #404040;border-color:#fff #404040 #404040 #fff;width:14px;height:12px}.bracket-add{flex-direction:column;gap:10px;padding:16px;display:flex}.bracket-add label{font-family:var(--pixel);font-size:11px}.bracket-pool{transition:transform .15s}.bubble-box{background:radial-gradient(circle at 50% 120%,#00e5ff2e,#0000 60%),#000;border:3px solid #fff;border-color:#404040 #fff #fff #404040;flex:1;min-height:200px;margin:10px;position:relative;overflow:hidden}.bubble{--chip:var(--yellow);background:radial-gradient(circle at 50% 50%, var(--chip) 0 62%, color-mix(in srgb, var(--chip) 70%, #000) 100%);color:#000;font-family:var(--terminal);text-align:center;word-break:break-all;box-shadow:0 0 0 2px var(--chip), 0 0 18px color-mix(in srgb, var(--chip) 60%, transparent);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;will-change:transform;border:3px solid #000;border-radius:50%;justify-content:center;align-items:center;padding:6px;line-height:1;display:flex;position:absolute;top:0;left:0}.bubble.dragging{opacity:.25}.bubble-empty{font-family:var(--pixel);color:var(--muted);justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;inset:0}.bracket-add{text-align:center;flex:1;justify-content:center;align-items:center}.ball-stage{justify-content:center;align-items:center;height:120px;display:flex}.ball-input{--chip:var(--yellow);background:radial-gradient(circle at 50% 50%, var(--chip) 0 60%, color-mix(in srgb, var(--chip) 65%, #000) 100%);box-shadow:0 0 0 3px var(--chip);border:3px solid #000;border-radius:50%;justify-content:center;align-items:center;transition:width .15s,height .15s,box-shadow .2s;animation:.45s ease-out ball-pop,2.4s ease-in-out .45s infinite ball-bob;display:flex}.ball-input:focus-within{box-shadow:0 0 0 3px var(--chip), 0 0 22px var(--chip)}.ball-input{cursor:text;position:relative}.ball-input input{cursor:text;color:#000;width:100%;height:100%;font-family:var(--terminal);text-align:center;background:0 0;border:none;border-radius:50%;outline:none;padding:0 10%;position:absolute;inset:0}.ball-input input::placeholder{color:#0000008c}@keyframes ball-pop{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes ball-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.join-flight{z-index:20;pointer-events:none;position:absolute;inset:0}.flight-ball{cursor:default}.bubble-door{z-index:3;width:150px;height:14px;box-shadow:inset 0 -3px 0 var(--cyan);pointer-events:none;background:#000;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.bubble-door span{background:repeating-linear-gradient(-45deg, var(--yellow) 0 8px, #000 8px 16px);border:2px solid #000;flex:1;transition:transform .28s ease-in-out}.bubble-door.open span:first-child{transform:translate(-100%)}.bubble-door.open span:last-child{transform:translate(100%)}.bubble-door.open{box-shadow:inset 0 -3px 0 var(--cyan), 0 6px 18px #00e5ff99}.bracket-ghost-bubble{z-index:1000;pointer-events:none;cursor:grabbing;position:fixed;transform:translate(-50%,-50%)scale(1.08)}.bracket-team.being-shot .bracket-chip{animation:1.9s ease-out both shot-hit}.bracket-team.being-shot .bracket-chip:after{animation:1.9s ease-out both cross-in}@keyframes shot-hit{0%,25%{background:var(--chip);color:#000;filter:none;transform:translate(0);box-shadow:3px 3px #fff}27%{filter:brightness(2.2);transform:translate(-7px)rotate(-4deg)}31%{filter:none;transform:translate(5px)rotate(3deg)}36%{transform:translate(0)rotate(0)}65%{background:var(--chip);color:#000;box-shadow:3px 3px #fff}to{background:color-mix(in srgb, var(--chip) 30%, #111);color:#9a9a9a;box-shadow:3px 3px #555}}@keyframes cross-in{0%,27%{transform:scale(0)}32%{transform:scale(1.35)}38%{transform:scale(1)}to{transform:scale(1)}}.gunshot{z-index:900;pointer-events:none;position:fixed}.gunshot-gun{transform-origin:75% 80%;filter:drop-shadow(3px 3px #000);width:64px;height:40px;animation:1.9s ease-out forwards gunshot-gun;position:absolute;top:50%;right:-74px}@keyframes gunshot-gun{0%{opacity:0;transform:translate(70px,-50%)}15%{opacity:1;transform:translateY(-50%)}25%{transform:translateY(-50%)rotate(0)}28%{transform:translate(10px,-50%)rotate(-20deg)}36%{transform:translateY(-50%)rotate(0)}80%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translate(70px,-50%)}}.gunshot-flash{background:radial-gradient(circle, #fff 0 30%, var(--yellow) 31% 60%, #ff6a00 61%);clip-path:polygon(50% 0,62% 35%,100% 50%,62% 65%,50% 100%,38% 65%,0 50%,38% 35%);width:34px;height:34px;margin-top:-21px;animation:1.9s linear forwards gunshot-flash;position:absolute;top:50%;right:-24px;transform:scale(0)}@keyframes gunshot-flash{0%,25%{transform:scale(0)}27%{transform:scale(1.4)rotate(20deg)}34%{transform:scale(0)}to{transform:scale(0)}}.gunshot-bang{font-family:var(--pixel);color:var(--yellow);text-shadow:3px 3px 0 var(--red), 5px 5px 0 #000;font-size:16px;animation:1.9s ease-out forwards gunshot-bang;position:absolute;top:-30px;right:-10px;transform:scale(0)}@keyframes gunshot-bang{0%,25%{opacity:1;transform:scale(0)rotate(-10deg)}30%{transform:scale(1.5)rotate(-6deg)}36%{transform:scale(1)rotate(-6deg)}75%{opacity:1;transform:scale(1)rotate(-6deg)}to{opacity:0;transform:scale(1)rotate(-6deg)translateY(-10px)}}.retro-button{font-family:var(--pixel);color:#000;cursor:pointer;background:silver;border:3px solid #404040;border-color:#fff #404040 #404040 #fff;padding:12px 16px;font-size:11px;transition:transform 50ms;box-shadow:3px 3px #000}.retro-button:hover:not(:disabled){background:#d8d8d8}.retro-button:active:not(:disabled){box-shadow:none;border-color:#404040 #fff #fff #404040;transform:translate(3px,3px)}.retro-button.primary{background:var(--green)}.retro-button.primary:hover{background:#a6ff85}.retro-button:disabled{color:#7a7a7a;cursor:default}.bracket-error{background:var(--red);color:#fff;font-family:var(--pixel);border:3px solid #fff;padding:12px 18px;font-size:11px;animation:.4s shake;box-shadow:4px 4px #000}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.bracket-scroll-hint{font-family:var(--pixel);color:var(--cyan);margin-bottom:-12px;font-size:9px;animation:1.2s step-end infinite blink;display:none}@media (width<=900px){.bracket-scroll-hint{display:block}}.bracket-scroll{width:100%;max-width:1200px;padding:8px 0 12px;overflow-x:auto}.bracket-tree{gap:32px;min-width:860px;padding:0 8px;display:flex}.bracket-round{flex-direction:column;flex:1;min-width:280px;animation:.5s ease-out both slide-up;display:flex}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.bracket-round h2{font-family:var(--pixel);color:var(--yellow);text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:400}.bracket-matches{flex-direction:column;flex:1;justify-content:space-around;gap:12px;display:flex}.bracket-match{background:var(--panel);border:3px solid var(--panel-edge);flex-direction:column;gap:3px;padding:6px;display:flex;position:relative;box-shadow:5px 5px #000}.bracket-round .bracket-match:after,.bracket-round:not(.is-first) .bracket-match:before{content:"";background:var(--panel-edge);width:16px;height:3px;position:absolute;top:50%}.bracket-match:after{right:-19px}.bracket-match:before{left:-19px}.bracket-vs{align-items:center;gap:10px;margin:4px 0;display:flex}.bracket-vs:before,.bracket-vs:after{content:"";background:var(--pink);flex:1;height:3px}.bracket-vs span{font-family:var(--pixel);color:#fff;background:var(--red);border:2px solid #fff;padding:6px 8px;font-size:12px;transform:rotate(-4deg);box-shadow:3px 3px #000}.bracket-slot{background:var(--slot);border:2px solid #3a3f8f;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:6px;transition:background .15s,opacity .15s;display:flex}.bracket-empty{font-family:var(--pixel);color:var(--muted);font-size:10px}.win-button{font-family:var(--pixel);background:var(--green);color:#000;cursor:pointer;border:2px solid #1f5c0f;border-color:#d6ffc7 #1f5c0f #1f5c0f #d6ffc7;flex-shrink:0;padding:8px;font-size:9px;animation:1.4s ease-in-out infinite win-pulse;box-shadow:2px 2px #fff}.win-button:hover{background:#b6ff9c}.win-button:active{box-shadow:none;transform:translate(2px,2px)}.win-button.undo{background:silver;border-color:#fff #404040 #404040 #fff;animation:none}@keyframes win-pulse{0%,to{box-shadow:2px 2px #fff,0 0 #7cff4f00}50%{box-shadow:2px 2px #fff,0 0 12px #7cff4fe6}}.bracket-team{--team:#b4b4b4;background:color-mix(in srgb, var(--team) 16%, transparent);border:2px solid color-mix(in srgb, var(--team) 70%, transparent);border-left:6px solid var(--team);align-items:center;gap:8px;padding:6px 6px 6px 0;display:flex}.team-color{background:var(--team);cursor:pointer;border:2px solid #404040;border-color:#fff #404040 #404040 #fff;flex-shrink:0;align-self:stretch;width:14px;margin-left:-2px;padding:0}.bracket-team:has(.team-color){border-left-width:2px;border-left-color:color-mix(in srgb, var(--team) 70%, transparent);padding-left:4px}.team-color:hover{filter:brightness(1.2)}.team-color:active{border-color:#404040 #fff #fff #404040}.team-seats{flex:1;gap:4px;min-width:0;display:flex}.team-seats .bracket-slot{flex:1;min-width:0}.bracket-team .bracket-slot{min-height:34px;padding:3px}.bracket-chip.fixed{cursor:default}.bracket-team.won{border-color:var(--green);background:#0d2e0a}.bracket-team.lost .bracket-chip{background:color-mix(in srgb, var(--chip) 30%, #111);color:#9a9a9a;position:relative;box-shadow:3px 3px #555}.bracket-team.lost .bracket-chip:after{content:"";background:linear-gradient(to top right, transparent calc(50% - 2px), var(--red) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2px)), linear-gradient(to bottom right, transparent calc(50% - 2px), var(--red) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2px));position:absolute;inset:0}.bracket-team.tbd{background:0 0;border-color:#0000}.bracket-team.tbd .bracket-slot{opacity:.5;background:0 0;border-color:#0000}.bracket-match.pending{box-shadow:none;opacity:.35;background:0 0;border-color:#0000}.bracket-match.pending:before,.bracket-match.pending:after{display:none}.bracket-match.pending .bracket-team,.bracket-match.pending .bracket-slot{background:0 0;border-color:#0000}.stage-title{font-family:var(--pixel);color:var(--yellow);font-size:12px;font-weight:400}.bracket-stage{flex-direction:column;align-items:center;gap:22px;width:100%;max-width:1100px;margin-top:14px;animation:.5s ease-out both slide-up;display:flex}.de-half{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.de-half.lower .stage-title{color:var(--cyan)}.de-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:24px;width:100%;display:grid}.de-col{flex-direction:column;gap:18px;display:flex}@media (width<=760px){.de-row{grid-template-columns:1fr}}.match-wrap{flex-direction:column;gap:6px;display:flex}.match-title{font-family:var(--pixel);color:var(--muted);font-size:9px;font-weight:400}.final-matches{flex-direction:column;gap:18px;width:100%;max-width:640px;display:flex}.bracket-team.dropped .bracket-chip{opacity:.55}.drop-tag{font-family:var(--pixel);color:var(--cyan);border:2px dashed var(--cyan);flex-shrink:0;padding:6px;font-size:8px}.bracket-stage.exiting .stage-title{animation:.8s ease-in forwards stage-title-out}.bracket-stage.exiting .de-half.upper{animation:.8s cubic-bezier(.5,-.3,.9,.5) forwards exit-left}.bracket-stage.exiting .de-half.lower{animation:.8s cubic-bezier(.5,-.3,.9,.5) forwards exit-right}@keyframes exit-left{to{opacity:0;transform:translate(-120vw)rotate(-12deg)}}@keyframes exit-right{to{opacity:0;transform:translate(120vw)rotate(12deg)}}@keyframes stage-title-out{to{opacity:0;transform:translateY(-40px)}}.final-stage{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:1000px;margin-top:14px;display:flex}.final-stage.revealing .bracket-match.final{animation-delay:1.7s,2.6s}.final-stage.revealing .stage-title,.final-stage.revealing>.retro-button{animation:.6s ease-out 2.4s both slide-up}.retro-button.small{padding:8px 12px;font-size:9px}.bracket-match.final{border-color:var(--pink);animation:.9s cubic-bezier(.2,1.4,.4,1) .2s both final-spawn,2.4s ease-in-out 1.1s infinite final-glow}@keyframes final-spawn{0%{opacity:0;filter:brightness(3);transform:translateY(-160px)scale(2.2)rotate(-10deg)}45%{opacity:1;transform:translateY(0)scale(.92)rotate(2deg);box-shadow:0 0 #ffffffe6}70%{filter:brightness(1.6);transform:scale(1.06)rotate(-1deg);box-shadow:0 0 0 40px #ff5ec400}to{filter:none;box-shadow:5px 5px 0 #000, 0 0 14px var(--pink);transform:scale(1)rotate(0)}}.bracket-final-waiting{font-family:var(--pixel);color:var(--muted);opacity:.7;flex-direction:column;align-items:center;gap:4px;font-size:9px;display:flex}.bracket-final-waiting strong{font-family:var(--terminal);color:var(--pink);font-size:36px;font-weight:400}@media (hover:hover){.bracket-team .win-button:not(.undo){opacity:0;transition:opacity .12s}.bracket-team:hover .win-button,.bracket-team:focus-within .win-button{opacity:1}}.win-button.crown{color:#cfcfcf;box-shadow:none;background:#3a3a3a;border:2px solid #777;transition:background .15s,color .15s,box-shadow .15s,border-color .15s;animation:none}.win-button.crown:hover,.win-button.crown:focus-visible{background:var(--yellow);color:#000;box-shadow:0 0 12px var(--yellow), 0 0 32px #ffd400b3;outline:none}.bracket-round:has(.final) .bracket-match:after{background:var(--pink)}.bracket-round:has(.final) .bracket-match:before{background:var(--pink)}@keyframes final-glow{0%,to{border-color:var(--pink);box-shadow:5px 5px 0 #000, 0 0 14px var(--pink), inset 0 0 10px #ff5ec459}50%{border-color:var(--cyan);box-shadow:5px 5px 0 #000, 0 0 40px var(--cyan), inset 0 0 18px #00e5ff66}}.bracket-team.champion{background:color-mix(in srgb, var(--yellow) 18%, transparent);border-color:var(--yellow);box-shadow:0 0 14px var(--yellow);animation:1.2s ease-in-out infinite champ-glow}.champ-tag{font-family:var(--pixel);background:var(--yellow);color:#000;border:2px solid #fff;flex-shrink:0;padding:6px;font-size:8px;box-shadow:2px 2px #000}@keyframes champ-glow{0%,to{box-shadow:0 0 8px var(--yellow)}50%{box-shadow:0 0 26px var(--yellow)}}.seat-input{color:#fff;width:100%;min-width:0;font-family:var(--smooth);text-align:center;background:0 0;border:0;outline:none;padding:4px 6px;font-size:15px;font-weight:600}.seat-input::placeholder{color:var(--muted);letter-spacing:.08em;opacity:.8;font-size:11px}.bracket-slot:has(.seat-input:focus){border-color:var(--cyan);box-shadow:0 0 10px #00e5ff80}.bracket-slot{position:relative}.seat-remove{color:#fff;background:var(--red);cursor:pointer;border:2px solid #fff;width:18px;height:18px;padding:0;font-size:13px;line-height:1;position:absolute;top:2px;right:2px}@media (hover:hover){.seat-remove{opacity:0;transition:opacity .12s}.bracket-slot:hover .seat-remove,.seat-remove:focus-visible{opacity:1}}:is(.bracket-stage,.final-stage,.bracket-ghost){--pixel:var(--smooth);--terminal:var(--smooth)}:is(.bracket-stage,.final-stage) .stage-title{letter-spacing:.08em;font-size:18px;font-weight:700}:is(.bracket-stage,.final-stage) .match-title{letter-spacing:.12em;font-size:12px;font-weight:600}:is(.bracket-stage,.final-stage) .bracket-vs span{font-size:14px;font-weight:700}:is(.bracket-stage,.final-stage) :is(.win-button,.drop-tag,.champ-tag,.bracket-empty,.retro-button.small){letter-spacing:.06em;font-size:12px;font-weight:700}:is(.bracket-stage,.final-stage) .bracket-chip,.bracket-chip.bracket-ghost{font-size:17px;font-weight:600;line-height:1.4}.bracket-chip{--chip:var(--yellow);background:var(--chip);color:#000;max-width:100%;font-family:var(--terminal);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;text-overflow:ellipsis;white-space:nowrap;border:3px solid #000;padding:1px 12px;font-size:22px;line-height:1.1;animation:.35s ease-out chip-pop;display:inline-block;overflow:hidden;box-shadow:3px 3px #fff}.bracket-chip:hover{animation:.4s ease-in-out chip-wiggle}.bracket-chip.dragging{opacity:.25}@keyframes chip-pop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes chip-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.bracket-ghost{z-index:1000;pointer-events:none;cursor:grabbing;animation:none;position:fixed;transform:translate(-50%,-50%)rotate(-4deg)scale(1.1);box-shadow:6px 6px #000}.bracket-slot.drop-over{background:#1d6b16;box-shadow:inset 0 0 14px #7cff4fbf}.no-drop{opacity:.35}.retro-button.danger{background:var(--red);color:#fff}.retro-button.danger:hover{background:#ff6060}.final-reveal{z-index:950;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.final-reveal-flash{background:#fff;animation:.5s ease-out both reveal-flash;position:absolute;inset:0}@keyframes reveal-flash{0%{opacity:.95}to{opacity:0}}.final-reveal-rays{background:repeating-conic-gradient(#ffd40059 0 8deg, transparent 8deg 22deg);border-radius:50%;width:160vmax;height:160vmax;animation:2.6s ease-out both reveal-rays;position:absolute}@keyframes reveal-rays{0%{opacity:1;transform:scale(0)rotate(0)}30%{opacity:1;transform:scale(1)rotate(40deg)}to{opacity:0;transform:scale(1.1)rotate(160deg)}}.final-reveal-text{font-family:var(--pixel);color:var(--yellow);text-shadow:4px 4px 0 var(--pink), 8px 8px 0 #000;flex-direction:column;align-items:center;gap:12px;animation:2.6s ease-out both reveal-text;display:flex;position:relative}.final-reveal-text span{color:#fff;font-size:clamp(14px,3vw,24px)}.final-reveal-text strong{font-size:clamp(48px,13vw,140px);font-weight:400;animation:.4s step-end infinite title-colors}@keyframes reveal-text{0%{opacity:0;transform:scale(4)}14%{opacity:1;transform:scale(.9)}18%{transform:scale(1.05)translate(-6px,4px)}22%{transform:scale(1)translate(6px,-4px)}26%{transform:scale(1)translate(0)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)translateY(-40vh)}}.final-reveal-bit{background:var(--bit);width:12px;height:12px;animation:2s ease-out both reveal-bit;position:absolute;box-shadow:2px 2px #000}@keyframes reveal-bit{0%{opacity:1;transform:translate(0)rotate(0)}45%{transform:translate(var(--dx), var(--dy)) rotate(360deg);opacity:1}to{transform:translate(var(--dx), calc(var(--dy) + 60vh)) rotate(720deg);opacity:0}}@media (prefers-reduced-motion:reduce){.bracket-page *,.bracket-page :before,.bracket-page :after{transition:none!important;animation:none!important}}.victory{z-index:1200;background:radial-gradient(circle at 50% 40%,#241a04 0%,#0a0a14 70%);justify-content:center;align-items:center;animation:.4s ease-out victory-in;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes victory-in{0%{opacity:0}to{opacity:1}}.victory-rays{background:repeating-conic-gradient(#ffd40024 0 7deg, transparent 7deg 20deg);width:200vmax;height:200vmax;animation:18s linear infinite victory-spin;position:absolute}@keyframes victory-spin{to{transform:rotate(360deg)}}.victory-card{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:16px;padding:28px 36px;display:flex;position:relative}.victory-sub{font-family:var(--pixel);color:var(--cyan);letter-spacing:2px;font-size:12px}.victory-title{font-family:var(--pixel);color:var(--yellow);text-shadow:4px 4px 0 var(--pink), 8px 8px 0 #000;font-size:clamp(32px,9vw,72px);animation:1.4s ease-in-out infinite victory-bounce,3s step-end infinite title-colors}@keyframes victory-bounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.04)}}.victory-names{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.victory-name{--chip:var(--yellow);background:var(--chip);color:#000;font-family:var(--terminal);box-shadow:4px 4px 0 #fff, 0 0 24px var(--chip);border:3px solid #000;padding:8px 22px;font-size:32px;animation:.5s ease-out chip-pop}.victory-trophy{width:90px;height:90px;animation:1.4s ease-in-out infinite victory-bounce;position:relative}.victory-trophy span{background:linear-gradient(#ffe680,#f0b000);border:3px solid #000;position:absolute}.cup-bowl{border-radius:0 0 22px 22px;width:44px;height:34px;top:6px;left:23px}.cup-handle{border-radius:10px;width:16px;height:24px;top:10px}.cup-handle.left{left:8px}.cup-handle.right{right:8px}.cup-stem{width:10px;height:20px;top:40px;left:40px}.cup-base{border-radius:3px;width:34px;height:12px;top:60px;left:28px}.victory-bit{width:12px;height:12px;animation-name:victory-fall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-20px;box-shadow:2px 2px #0000004d}@keyframes victory-fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:.9;transform:translateY(102vh)rotate(540deg)}}@media (prefers-reduced-motion:reduce){.victory-rays,.victory-title,.victory-trophy,.victory-bit{animation:none!important}}:is(body:has(.sys),body:has(.welcome)){background:#ece9d8}:is(#root:has(.sys),#root:has(.welcome)){border:none;width:100%}.sys,.welcome{--blue:#215dc6;--font:Tahoma, "Segoe UI", Verdana, sans-serif;--title-font:"Trebuchet MS", "Segoe UI", Tahoma, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font);color:#000;text-align:left;font-size:13px;line-height:1.4}.sys *,.sys :before,.sys :after,.welcome *,.welcome :before,.welcome :after{box-sizing:border-box}.welcome{color:#fff;background:#5a7edc;grid-template-rows:72px 1fr 72px;min-height:100vh;display:grid}.welcome-top,.welcome-bottom{background:#00309c;position:relative}.welcome-top:after{content:"";opacity:.6;background:linear-gradient(90deg,#0000,#fff 30% 70%,#0000);height:2px;position:absolute;bottom:-2px;left:0;right:0}.welcome-bottom:before{content:"";background:linear-gradient(90deg,#0000,#f89b2c 30% 70%,#0000);height:2px;position:absolute;top:-2px;left:0;right:0}.welcome-bottom{align-items:center;padding:0 32px;display:flex}.welcome-bottom a{color:#fff;text-decoration:none}.welcome-bottom a:hover{text-decoration:underline}.welcome-middle{background:radial-gradient(60% 70% at 20% 30%,#7c9ee8,#0000 70%);grid-template-columns:1fr 2px 1fr;align-items:center;gap:32px;padding:24px 32px;display:grid}.welcome-divider{background:linear-gradient(#0000,#fffc,#0000);height:70%}.welcome-brand{text-align:right;justify-self:end}.welcome-brand h1{color:#fff;font-family:var(--title-font);text-shadow:1px 1px 2px #0000004d;margin:0 0 8px;font-size:34px;font-weight:700}.welcome-brand p{opacity:.9;margin:0;font-size:16px}.welcome-user{align-items:center;gap:16px;max-width:420px;display:flex}.welcome-avatar{background:linear-gradient(135deg,#ffd35c,#f29b1d);border:3px solid #fff;border-radius:6px;flex-shrink:0;width:64px;height:64px;box-shadow:1px 2px 4px #00000059}.welcome-form{flex-direction:column;flex:1;gap:6px;display:flex}.welcome-form strong{font-family:var(--title-font);font-size:20px}.welcome-form label{opacity:.9;font-size:12px}.welcome-row{gap:6px;display:flex}.welcome-row input{min-width:0;font-family:var(--font);color:#000;background:#fff;border:1px solid #1a3e9c;border-radius:3px;outline:none;flex:1;padding:5px 8px;font-size:14px}.welcome-go{color:#fff;cursor:pointer;background:linear-gradient(#7ad26a,#2f9a24);border:1px solid #fff;border-radius:4px;width:32px;height:32px;font-size:16px;font-weight:700}.welcome-go:disabled{opacity:.5;cursor:default}.welcome-check{align-items:center;gap:6px;font-size:12px;display:flex}.welcome-error{color:#000;background:#ffffe1;border:1px solid #000;border-radius:4px;margin:0;padding:6px 8px;font-size:12px}@media (width<=700px){.welcome-middle{grid-template-columns:1fr}.welcome-divider{display:none}.welcome-brand{text-align:left;justify-self:start}}.sys{background:#fff;grid-template-rows:auto 1fr;grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.sys-header{color:#fff;background:linear-gradient(90deg,#0a3fb8 0%,#2a6ae0 55%,#5a92f0 100%);border-bottom:3px solid #f89b2c;grid-column:1/-1;align-items:center;gap:14px;padding:10px 20px;display:flex}.sys-header .logo{background:linear-gradient(135deg,#ffd35c,#f29b1d);border:2px solid #fff;border-radius:5px;width:34px;height:34px}.sys-header h1{color:#fff;font-family:var(--title-font);text-shadow:1px 1px 1px #0000004d;margin:0;font-size:22px;font-weight:700}.sys-header .sub{opacity:.9;font-size:12px}.sys-header .spacer{flex:1}.sys-header .user{align-items:center;gap:10px;font-size:12px;display:flex}.sys-header button,.sys-header a{font-family:var(--font);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff9;border-radius:3px;padding:4px 10px;font-size:12px;text-decoration:none}.sys-header button:hover,.sys-header a:hover{background:#ffffff4d}.taskpane{background:linear-gradient(#7ba2e7 0%,#6375d6 100%);flex-direction:column;gap:12px;padding:12px;display:flex}.taskgroup{border-radius:4px 4px 0 0;overflow:hidden;box-shadow:0 1px 2px #00000026}.taskgroup h2{color:var(--blue);background:linear-gradient(90deg,#fff 0%,#c6d3f7 100%);margin:0;padding:6px 12px;font-size:12px;font-weight:700}.taskgroup nav,.taskgroup .details{background:#d6dff7;flex-direction:column;padding:8px 6px;display:flex}.taskgroup nav button,.taskgroup nav a{font-family:var(--font);color:var(--blue);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:2px;align-items:center;gap:8px;padding:4px 6px;font-size:12px;text-decoration:none;display:flex}.taskgroup nav button:hover,.taskgroup nav a:hover{color:#428eff;text-decoration:underline}.taskgroup nav button.active{color:#0c3a9e;background:#fff;font-weight:700}.ico{background:var(--ico,#7fa3e8);border:1px solid #00000040;border-radius:3px;flex-shrink:0;width:16px;height:16px}.taskgroup .details{color:#000;gap:4px;padding:10px 12px;font-size:12px}.content{flex-direction:column;gap:14px;min-width:0;padding:18px 24px 40px;display:flex}.content-title{border-bottom:1px solid #d0d0bf;align-items:center;gap:12px;padding-bottom:8px;display:flex}.content-title .ico{border-radius:5px;width:32px;height:32px}.content-title h2{font-family:var(--title-font);color:#039;margin:0;font-size:20px;font-weight:400}.content-title p{color:#555;margin:2px 0 0;font-size:12px}@media (width<=800px){.sys{grid-template-columns:1fr}.taskpane{flex-flow:wrap}.taskgroup{flex:200px}}.xp-button{min-width:75px;font-family:var(--font);color:#000;text-align:center;cursor:pointer;background:linear-gradient(#fff 0%,#ecebe6 86%,#d6d0c5 100%);border:1px solid #003c74;border-radius:3px;padding:4px 12px;font-size:12px;text-decoration:none;display:inline-block}.xp-button:hover:not(:disabled){box-shadow:inset 0 0 0 2px #fbc761,inset 0 -1px 0 2px #e5a01a}.xp-button:active:not(:disabled){background:linear-gradient(#e3e2dc,#f2f1ee)}.xp-button.default{box-shadow:inset 0 0 0 1px #3c7fb1,inset 0 0 0 2px #95b6de}.xp-button.danger{color:#fff;background:linear-gradient(#ef7a58,#c23a12);border-color:#7a1f05}.xp-button:disabled{color:#aca899;cursor:default;border-color:#c9c7ba}.xp-input{font-family:var(--font);color:#000;background:#fff;border:1px solid #7f9db9;outline:none;padding:3px 6px;font-size:12px}.xp-input:focus{border-color:#3c7fb1}pre.xp-input{white-space:pre-wrap;word-break:break-all;margin:6px 0;font-family:Lucida Console,Consolas,monospace}.xp-check{align-items:center;gap:5px;display:inline-flex}.xp-group{background:#fff;border:1px solid #d0d0bf;border-radius:4px;min-width:0;margin:0;padding:10px 12px 12px}.xp-group legend{color:#0046d5;padding:0 4px}.xp-link{color:#0046d5}.xp-intro{color:#444;margin:0}.xp-toolbar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.xp-error{color:#c00;margin:0}.xp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.xp-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (width<=1000px){.xp-grid,.xp-grid-3{grid-template-columns:1fr}}.xp-tiles{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.xp-tile{background:linear-gradient(#fff,#f4f3ee);border:1px solid #c3c3b1;border-radius:4px;flex-direction:column;gap:2px;padding:8px 12px;display:flex}.xp-tile strong{color:#1c3f94;font-size:22px}.xp-tile span{color:#555;font-size:12px}.xp-tile.warn strong{color:#b36b00}.xp-tile.alert strong{color:#c00}.app-card{background:linear-gradient(#fff,#f4f3ee);border:1px solid #c3c3b1;border-radius:4px;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:12px;display:grid}.app-card .ico{border-radius:8px;width:48px;height:48px}.app-card h3{color:#039;margin:0;font-size:15px}.app-card p{color:#555;margin:2px 0 6px;font-size:12px}.app-card .facts{flex-wrap:wrap;gap:4px 14px;margin-bottom:8px;font-size:12px;display:flex}.app-card .actions{gap:6px;display:flex}.xp-listview{background:#fff;border:1px solid #7f9db9;max-height:340px;overflow:auto}.xp-listview.tall{max-height:520px}.xp-listview table{border-collapse:collapse;white-space:nowrap;width:100%}.xp-listview th{z-index:1;text-align:left;background:linear-gradient(#fff,#ebeadb);border-bottom:2px solid #d6d2c2;border-right:1px solid #e2e0d4;padding:4px 8px;font-weight:400;position:sticky;top:0}.xp-listview td{border-bottom:1px solid #f1efe2;padding:3px 8px}.xp-listview tr:hover td{color:#fff;background:#316ac5}.xp-listview tr.bad td{color:#c00}.xp-listview tr.bad:hover td{color:#fff}.xp-listview .num{text-align:right}.xp-listview .mono{font-family:Lucida Console,Consolas,monospace;font-size:12px}.xp-empty{color:#777;text-align:center;margin:0;padding:16px}.kind,.app-tag{color:#000;border:1px solid #0003;border-radius:8px;padding:0 7px;font-size:11px;display:inline-block}.kind-you{background:#e0e0e0}.kind-player,.kind-visitor{color:#fff;background:#2f8fe0}.kind-crawler{background:#f0e442}.kind-scanner{background:repeating-linear-gradient(45deg,#f5b94d 0 4px,#e69f00 4px 7px);font-weight:700}.app-tag{background:var(--tag,#e4e4e4);border-radius:3px}.xp-graph{background-color:#000;background-image:linear-gradient(#0a4a0a 1px,#0000 1px),linear-gradient(90deg,#0a4a0a 1px,#0000 1px);background-size:12px 12px;border:2px inset #d4d0c8;align-items:stretch;gap:2px;height:120px;padding:4px;display:flex}.xp-graph.small{height:70px}.xp-graph .bar{flex-direction:column;flex:1;justify-content:flex-end;min-width:2px;height:100%;display:flex}.xp-graph .bar i{background:#0f0;display:block}.xp-graph .bar i.extra{background:#ff4040}.xp-graph-labels{color:#555;justify-content:space-between;margin-top:2px;font-size:11px;display:flex}.graph-toggle{gap:4px;margin-bottom:6px;display:flex}.xp-legend{color:#333;flex-wrap:wrap;gap:4px 14px;margin-top:4px;font-size:11px;display:flex}.xp-legend span{align-items:center;gap:5px;display:inline-flex}.xp-legend i{border:1px solid #00000059;width:14px;height:14px}.xp-bars{flex-direction:column;gap:4px;display:flex}.xp-bars .row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 52px;align-items:center;gap:8px;display:grid}.xp-bars .label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.xp-bars .track{background:#fff;border:1px solid #7f9db9;height:12px}.xp-bars .fill{background:linear-gradient(#7bd96b,#2d9f1c);height:100%;display:block}.xp-bars .count{text-align:right}.score{align-items:baseline;gap:6px;display:flex}.score strong{font-size:44px;line-height:1}.score .ok,.score-bar .ok{color:#2d8f1c;background-color:#52b43c}.score .meh,.score-bar .meh{color:#b36b00;background-color:#f0b23c}.score .bad,.score-bar .bad{color:#c00;background-color:#e2553b}.score strong.ok,.score strong.meh,.score strong.bad{background:0 0}.score-bar{background:#fff;border:1px solid #7f9db9;height:16px;margin-top:6px;padding:1px}.score-bar span{height:100%;display:block}.findings{flex-direction:column;gap:8px;display:flex}.finding{border:1px solid #d0d0bf;border-left:5px solid var(--sev);background:#fafaf6;border-radius:3px;grid-template-columns:26px minmax(0,1fr);gap:10px;padding:10px 12px;display:grid}.finding-critical{--sev:#d42a0c}.finding-warning{--sev:#f0a41c}.finding-info{--sev:#3d7ce0}.finding-good{--sev:#3aa12a}.finding-mark{color:#fff;background:var(--sev);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-family:Verdana,sans-serif;font-weight:700;display:flex;box-shadow:inset 0 -2px 3px #00000040}.finding-good .finding-mark:after{content:"";border:3px solid #fff;border-width:0 3px 3px 0;width:6px;height:11px;margin-top:-3px;transform:rotate(45deg)}.finding-body strong{font-size:13px}.finding-body p{color:#333;margin:3px 0 0}.finding-body .finding-rec{color:#000}.finding-body details{margin-top:6px}.finding-body summary{color:#0046d5;cursor:pointer}.xp-balloon{z-index:60;background:#ffffe1;border:1px solid #000;border-radius:8px;max-width:300px;padding:10px 12px;font-size:12px;position:fixed;bottom:16px;right:16px;box-shadow:2px 2px 6px #0006}*{box-sizing:border-box;margin:0;padding:0}body{color:#111;background:#f9f9f9;font-family:sans-serif}.layout{flex-direction:column;min-height:100vh;display:flex}.top-bar{color:#fff;letter-spacing:1px;background:#111;padding:12px 32px;font-size:18px;font-weight:700}.navbar{background:#fff;border-bottom:1px solid #ddd;flex-wrap:wrap;gap:8px;padding:0 16px;display:flex}.navbar button{cursor:pointer;color:#333;background:0 0;border:none;border-bottom:2px solid #0000;padding:16px 20px;font-size:15px;transition:border-color .2s,color .2s}.navbar button:hover,.navbar button.active{color:#000;border-bottom-color:#111}.homepage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:64px 32px;display:flex}.homepage h1{font-size:52px;font-weight:700}.homepage p{color:#555;max-width:500px;font-size:18px;line-height:1.6}