:root{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-callout:none;-webkit-user-drag:none;-webkit-user-modify:none;-webkit-highlight:none;-webkit-tap-highlight-color:transparent;--md-sys-color-primary:#9dd49e;--md-sys-color-surface-tint:#9dd49e;--md-sys-color-on-primary:#023912;--md-sys-color-primary-container:#1f5027;--md-sys-color-on-primary-container:#b8f0b8;--md-sys-color-secondary:#b8ccb5;--md-sys-color-on-secondary:#243424;--md-sys-color-secondary-container:#3a4b3a;--md-sys-color-on-secondary-container:#d4e8d0;--md-sys-color-tertiary:#a1ced6;--md-sys-color-on-tertiary:#00363d;--md-sys-color-tertiary-container:#1f4d54;--md-sys-color-on-tertiary-container:#bceaf2;--md-sys-color-error:#ffb4ab;--md-sys-color-on-error:#690005;--md-sys-color-error-container:#93000a;--md-sys-color-on-error-container:#ffdad6;--md-sys-color-background:#101510;--md-sys-color-on-background:#e0e4db;--md-sys-color-surface:#101510;--md-sys-color-on-surface:#e0e4db;--md-sys-color-surface-variant:#424940;--md-sys-color-on-surface-variant:#c1c9be;--md-sys-color-outline:#8c9389;--md-sys-color-outline-variant:#424940;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#e0e4db;--md-sys-color-inverse-on-surface:#2d322c;--md-sys-color-inverse-primary:#37693d;--md-sys-color-primary-fixed:#b8f0b8;--md-sys-color-on-primary-fixed:#002107;--md-sys-color-primary-fixed-dim:#9dd49e;--md-sys-color-on-primary-fixed-variant:#1f5027;--md-sys-color-secondary-fixed:#d4e8d0;--md-sys-color-on-secondary-fixed:#0f1f11;--md-sys-color-secondary-fixed-dim:#b8ccb5;--md-sys-color-on-secondary-fixed-variant:#3a4b3a;--md-sys-color-tertiary-fixed:#bceaf2;--md-sys-color-on-tertiary-fixed:#001f24;--md-sys-color-tertiary-fixed-dim:#a1ced6;--md-sys-color-on-tertiary-fixed-variant:#1f4d54;--md-sys-color-surface-dim:#101510;--md-sys-color-surface-bright:#363a35;--md-sys-color-surface-container-lowest:#0b0f0b;--md-sys-color-surface-container-low:#181d18;--md-sys-color-surface-container:#1c211c;--md-sys-color-surface-container-high:#272b26;--md-sys-color-surface-container-highest:#313630}.light{--md-sys-color-primary:#37693d;--md-sys-color-surface-tint:#37693d;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#b8f0b8;--md-sys-color-on-primary-container:#1f5027;--md-sys-color-secondary:#516350;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#d4e8d0;--md-sys-color-on-secondary-container:#3a4b3a;--md-sys-color-tertiary:#39656c;--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:#bceaf2;--md-sys-color-on-tertiary-container:#1f4d54;--md-sys-color-error:#ba1a1a;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#ffdad6;--md-sys-color-on-error-container:#93000a;--md-sys-color-background:#f7fbf2;--md-sys-color-on-background:#181d18;--md-sys-color-surface:#f7fbf2;--md-sys-color-on-surface:#181d18;--md-sys-color-surface-variant:#dee5d9;--md-sys-color-on-surface-variant:#424940;--md-sys-color-outline:#727970;--md-sys-color-outline-variant:#c1c9be;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#2d322c;--md-sys-color-inverse-on-surface:#eef2e9;--md-sys-color-inverse-primary:#9dd49e;--md-sys-color-primary-fixed:#b8f0b8;--md-sys-color-on-primary-fixed:#002107;--md-sys-color-primary-fixed-dim:#9dd49e;--md-sys-color-on-primary-fixed-variant:#1f5027;--md-sys-color-secondary-fixed:#d4e8d0;--md-sys-color-on-secondary-fixed:#0f1f11;--md-sys-color-secondary-fixed-dim:#b8ccb5;--md-sys-color-on-secondary-fixed-variant:#3a4b3a;--md-sys-color-tertiary-fixed:#bceaf2;--md-sys-color-on-tertiary-fixed:#001f24;--md-sys-color-tertiary-fixed-dim:#a1ced6;--md-sys-color-on-tertiary-fixed-variant:#1f4d54;--md-sys-color-surface-dim:#d7dbd3;--md-sys-color-surface-bright:#f7fbf2;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#f1f5ec;--md-sys-color-surface-container:#ebefe6;--md-sys-color-surface-container-high:#e5e9e1;--md-sys-color-surface-container-highest:#e0e4db}body{background-color:var(--md-sys-color-background);width:100vw;height:100vh;color:var(--md-sys-color-on-background);margin:0;padding:0;font-family:Google Sans Flex,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}h1{margin:0}header{justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}header img{height:60px;display:block}a{color:var(--md-sys-color-primary);text-decoration:none}a:hover{text-decoration:underline}#main{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.center{background-color:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);z-index:1;border-radius:16px;flex-direction:column;width:100%;max-width:1200px;height:100%;max-height:900px;padding:1.5rem;display:flex;position:relative;overflow:hidden}.tabs{align-self:center;gap:4px;width:100%;max-width:800px;padding:0 1.5rem .5rem;display:flex}.tab{border-radius:4px;flex:1;justify-content:center;align-items:center;padding:.4rem 1rem;display:flex}.tab.active{--md-ripple-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary)}.tab:first-child{border-radius:12px 4px 4px}.tab:last-child{border-radius:4px 12px 4px 4px}.active-indicator{background-color:var(--md-sys-color-primary);border-radius:2px 2px 0 0;width:0;height:3px;transition:width .2s cubic-bezier(0,0,0,1);position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.tab.active .active-indicator{width:50px}.buttons{justify-content:center;align-items:center;margin-top:auto;display:flex}.background{color:#fff;background-image:radial-gradient(circle, var(--md-sys-color-on-background) 2px, transparent 2px), radial-gradient(circle, var(--md-sys-color-on-background) 2px, transparent 2px);background-position:0 0,5px 5px;background-repeat:repeat;background-size:10px 10px;width:100%;height:100%;animation:2s linear infinite move;transform:rotate(-10deg)scale(1.5)translateY(-70px)}.background-animation{width:100%;height:100%}#banner-background{pointer-events:none;z-index:1;opacity:.08;border-radius:16px;width:100%;height:300px;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#ffffffb0 0%,#0000 50%);mask-image:linear-gradient(#ffffffb0 0%,#0000 50%)}@keyframes move{0%{background-position:0 0,5px 5px}to{background-position:10px 10px,15px 15px}}.embed-area{background-color:var(--md-sys-color-surface-container-lowest);border:1px solid var(--md-sys-color-outline-variant);aspect-ratio:16/9;border-radius:12px;width:auto;max-width:100%;margin:auto;overflow:hidden}#guessing .embed-area{opacity:1;align-self:center;height:100%;max-height:min(580px,55vh);transition:max-height .4s cubic-bezier(.2,0,0,1),height .4s cubic-bezier(.2,0,0,1)}#guessing.has-options .embed-area{height:200px;max-height:200px}#guessing .embed-area .player{opacity:1;transition:opacity .2s cubic-bezier(.2,0,0,1)}#guessing.has-options .embed-area .player{opacity:0}#guessing.has-options.revealed .embed-area .player{opacity:1}#random-vid .embed-area{align-self:center;height:100%}.page{display:none}.page.visible{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex}.long-label{text-transform:uppercase;opacity:.7;letter-spacing:.1rem;font-size:.75rem;font-weight:700}.player{width:100%;height:100%;position:relative}.top-page-row{justify-content:space-between;display:flex}#player-g:after{content:"";background-color:var(--md-sys-color-surface-container-lowest);pointer-events:none;width:828px;max-width:calc(100% - 80px);height:1.2lh;position:absolute;top:11px;left:71px}.score-display{text-align:center;color:var(--md-sys-color-primary);min-height:1.2em;font-size:.85rem;font-weight:600}.guess-options{opacity:0;pointer-events:none;flex-direction:column;align-self:center;gap:6px;width:100%;max-width:800px;max-height:0;padding:0;transition:max-height .35s cubic-bezier(.2,0,0,1),opacity .25s cubic-bezier(.2,0,0,1),transform .25s cubic-bezier(.2,0,0,1),padding .35s cubic-bezier(.2,0,0,1);display:flex;overflow:hidden;transform:translateY(6px)}#guessing.has-options .guess-options{opacity:1;pointer-events:auto;max-height:300px;padding:.5rem 0;transform:translateY(0)}.guess-options md-button{text-align:left;--button-text:var(--md-sys-color-on-surface);width:100%}.guess-result{text-align:center;opacity:0;min-height:1.4em;font-size:.9rem;font-weight:600;transition:opacity .25s cubic-bezier(.2,0,0,1),color .2s;display:none}#guessing.revealed .guess-result{opacity:1}.guess-result.correct{color:var(--md-sys-color-primary)}.guess-result.wrong{color:var(--md-sys-color-error)}.bottom-left{z-index:2;position:fixed;bottom:12px;left:12px}.bottom-right{opacity:.8;font-size:12px;position:fixed;bottom:2px;right:2px}.subscribe-card{border:1px solid var(--md-sys-color-outline-variant);background-color:var(--md-sys-color-surface-container);border-radius:12px;flex-direction:row;align-items:center;gap:12px;padding:.75rem 1rem;display:flex}.subscribe-card h3{margin:0}#pfp{border-radius:100px;width:48px;height:48px}@media screen and (width<=768px){.subscribe-card,.bottom-right{display:none}}.flex-col{flex-direction:column;display:flex}.flex-row{display:flex}.gap{gap:8px}