html{box-sizing:border-box;font-size:100%;background-color:#120303;color-scheme:dark}html,body{width:100%;margin:0;overflow-x:hidden;overflow-y:scroll}*,:after,:before{box-sizing:inherit}.game-container{display:flex;flex-direction:column;align-items:center;padding:20px}.game-area{background-color:#0003;padding:20px;border-radius:10px;text-align:center}.game-header{margin-bottom:20px}.game-header h2{margin-bottom:10px}.game-over{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000c;padding:20px;border-radius:10px;text-align:center;color:#fff;z-index:10;min-width:200px}.game-over button{background-color:#fff;color:#420000;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;margin-top:10px}.game-over button:hover{background-color:#ddd}.high-scores{margin:15px 0;color:#fff}.high-scores h4{margin-bottom:10px;color:#fff}.high-scores ol{list-style-position:inside;padding:0;margin:0}.high-scores li{margin:5px 0;font-size:16px}.game-header{height:60px;margin-bottom:10px;text-align:center}.game-title{font-weight:700;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(180deg,#fffffffa,#ffffffc7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 6px rgba(255,51,71,.45),0 0 14px rgba(255,51,71,.35),0 2px 18px rgba(0,0,0,.35)}.game-instructions{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);text-align:center;width:100%}.game-area{position:relative}.game-area canvas{position:relative;display:block}.game-start{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000c;padding:20px;border-radius:10px;text-align:center;color:#fff;font-size:.9rem;z-index:10;width:90%}.game-instructions{margin-top:20px;font-size:.9rem;opacity:.8}.game-instructions p{margin:5px 0}body{background-color:#420000;background-image:linear-gradient(#420000 2%,#a32020 108%);color:#fff;min-height:100vh;text-align:center;font-family:Roboto,sans-serif}.logo-area{margin-bottom:20px}.logo{width:120px;margin-bottom:10px}h2{font-size:14px;text-transform:uppercase;font-weight:400;letter-spacing:2px}.social-links{margin-top:20px}a{display:block;max-width:400px;margin:0 auto 15px;padding:15px 20px;font-size:.85rem;color:#fff;border:2px solid #fff;text-decoration:none;transition:all .2s ease-in-out;border-radius:50px}a img,a span{display:inline-block;width:16px;height:16px;margin-right:8px;vertical-align:middle}a:hover{background-color:#420000;color:#fff}a.featured{position:relative;background-color:#fff;color:#420000;font-weight:700}a.featured:before{content:"";position:absolute;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);border:2px solid #420000}.redirect-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center}.channels{display:flex;max-width:400px;margin:0 auto}.channels a{flex:1;padding:5px 10px;margin-right:10px;background-color:#420000;border:none}.channels a:last-child{margin-right:0}.channels a:hover{text-decoration:underline}.footer{display:block;max-width:400px;margin:0 auto 15px;padding:15px 20px;font-size:.85rem;color:#fff;text-align:center;transition:all .2s ease-in-out}.spinning-sloth{display:flex;justify-content:center;align-items:center;font-size:50px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skills-page{text-align:center;padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.skills-page .logo-area{margin-top:-20px}.skills-page h2{margin-top:-18px}.skills-table{margin:0 auto;border-collapse:collapse;width:80%;max-width:600px}.skills-table th,.skills-table td{border:1px solid #fff;padding:8px;text-align:left}.skills-table th{background-color:#420000;color:#fff}.skills-table td{background-color:#a32020;color:#fff}.skills-image{max-width:100%;height:auto;border:2px solid #fff;border-radius:10px}.skills-list{list-style-type:none;padding:0;margin:0}.search-container{display:flex;gap:10px;margin:20px 0;justify-content:center}.search-box{padding:10px 15px;font-size:16px;border:2px solid #fff;border-radius:6px;width:250px;transition:border-color .3s ease;background-color:transparent;color:#fff}.search-box:focus{outline:none;border-color:#a32020;box-shadow:0 0 5px #a320204d}.search-box::placeholder{color:#ffffffb3}.search-button{padding:10px 20px;font-size:16px;background-color:#420000;color:#fff;border:2px solid #fff;border-radius:6px;cursor:pointer;transition:all .3s ease}.search-button:hover{background-color:#a32020}.search-button:active{transform:translateY(1px)}:root{--bg-1: #120303;--bg-2: #2d0707;--bg-3: #420000;--text: #ffffff;--muted: rgba(255, 255, 255, .72);--accent: #ff3347;--accent-2: #a32020;--card: rgba(255, 255, 255, .06);--card-border: rgba(255, 255, 255, .14);--ring: rgba(255, 51, 71, .35);--column-width: 400px;--site-side-padding: 32px;--game-width: clamp(260px, calc(100vw - var(--site-side-padding)), var(--column-width))}body{background:radial-gradient(1200px 600px at 50% -10%,rgba(255,51,71,.08),transparent 50%),radial-gradient(800px 400px at 80% 120%,rgba(255,51,71,.08),transparent 50%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 50%,var(--bg-3) 100%);color:var(--text);min-height:100vh;text-align:center;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;background-color:#120303}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 16px}@supports (height: 100dvh){body,.app{min-height:100dvh}}@supports (height: 100svh){body,.app{min-height:100svh}}.logo-area{margin-bottom:12px}.logo{width:120px;height:auto;margin-bottom:8px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.4))}h2{font-size:clamp(16px,2.4vw,18px);text-transform:uppercase;font-weight:500;letter-spacing:2px;margin:0 0 4px;opacity:.9}.social-links{margin-top:12px;display:flex;flex-direction:column;gap:12px;max-width:100%;margin-left:auto;margin-right:auto;padding:0 4px}a{display:flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:16px;font-size:.95rem;color:var(--text);border:1px solid var(--card-border);text-decoration:none;border-radius:14px;background:linear-gradient(180deg,#ffffff0f,#ffffff08);box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff14;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:none}a img,a span{display:inline-block;width:20px;height:20px;margin:0;vertical-align:middle}a:hover{transform:translateY(-2px);border-color:var(--ring);box-shadow:0 16px 40px #ff334726,inset 0 1px #ffffff24;background:linear-gradient(180deg,#ffffff1a,#ffffff0a)}a:active{transform:translateY(0)}.footer{display:block;width:400px;max-width:100%;margin:22px auto 0;padding:0 6px;font-size:.9rem;color:var(--muted)}.game-container .footer{width:400px;max-width:100%;margin:12px auto 0;padding:0 12px}.game-container .footer p{margin:0;overflow-wrap:anywhere}.redirect-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.game-container{margin-top:-28px;padding:12px 0 16px}.game-area{background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid var(--card-border);box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff0f;width:400px;max-width:100%;margin:0 auto;padding:10px;border-radius:12px}.game-hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.hud-center{display:inline-flex;align-items:center;gap:10px}.score-badge{margin-top:8px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:linear-gradient(180deg,#ffffff1a,#ffffff0a);border:1px solid var(--card-border);box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff1f;color:var(--text);font-weight:700;letter-spacing:.5px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-width:110px;justify-content:center}.score-icon{opacity:.9}.score-text{font-variant-numeric:tabular-nums;min-width:4ch;text-align:right}.powerup-timers{display:inline-flex;gap:8px;margin-top:6px}.powerup-timers.ghost{visibility:hidden}.timer-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:linear-gradient(180deg,#ffffff1a,#ffffff0a);border:1px solid var(--card-border);color:var(--text);font-weight:600;font-size:.85rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.timer-badge.slowmo{box-shadow:0 6px 18px #78d2ff40,inset 0 1px #ffffff1f}.timer-badge.invincible{box-shadow:0 6px 18px #ffc85040,inset 0 1px #ffffff1f}.game-area canvas{border:2px solid #fff;border-radius:8px;display:block;margin:0 auto}.canvas-stage{position:relative;display:grid;grid-template-rows:1fr}.game-start,.game-over{background-color:#000000b3;border:1px solid var(--card-border)}.game-area .game-header{margin:0 0 12px;height:auto}.game-area .game-header h2{margin:0}.game-over button{background:linear-gradient(180deg,var(--accent),#e11d2e);color:#fff;border:none;padding:10px 18px;border-radius:10px;cursor:pointer;font-weight:700;box-shadow:0 8px 20px #ff334740}.game-over button:hover{filter:brightness(1.05)}.skills-page{gap:16px}.skills-table{width:400px;max-width:100%;border-collapse:collapse;border:1px solid var(--card-border);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff0f}.skills-table th,.skills-table td{border:1px solid var(--card-border)}.skills-table th{background-color:#ff334726;color:#fff}.skills-table td{background-color:#ffffff0a;color:#fff}.skill-name{display:inline-flex;align-items:center;gap:8px}.skill-icon{width:18px;height:18px;border-radius:3px}.skills-image{border:1px solid var(--card-border);border-radius:10px}.search-box{padding:10px 14px;border:1px solid var(--card-border);border-radius:12px;background-color:#ffffff0a;color:#fff}.search-box:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 4px #ff334726}.search-button{border:none;border-radius:12px;background:linear-gradient(180deg,var(--accent),#e11d2e);color:#fff;padding:10px 18px;cursor:pointer;box-shadow:0 10px 24px #ff334740}.search-button:hover{filter:brightness(1.05)}.search-note{margin-top:8px;color:var(--muted);font-size:.85rem}.skills-page .search-note a{display:inline;margin:0;padding:0;border:0;background:none;border-radius:0;box-shadow:none;text-decoration:underline;color:var(--text)}.skills-page .search-note a:hover,.skills-page .search-note a:active{transform:none;border-color:transparent;box-shadow:none;background:none;text-decoration:underline}.social-links a{width:400px;min-height:52px;margin-left:auto;margin-right:auto}