html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;font-family:Inter,sans-serif}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,.big,p,.small{margin-top:1rem}.ui{margin-top:2rem}h1{font:var(--h1)}h2{position:relative;font:var(--h2);color:var(--gray30)}h3{font:var(--h3);color:var(--gray10)}h4{font:var(--h4)}.big{font:var(--big)}p{font:var(--p)}.small{font:var(--small)}.ui h1{font:var(--h1ui)}.ui h2{font:var(--h2ui)}.ui h3{font:var(--h3ui)}.ui h4{font:var(--h4ui)}.ui .big{font:var(--bigui)}.ui p{font:var(--pui)}.ui .small{font:var(--smallui)}.ts{color:var(--gray70)}:root{--primary-color: #6a1b9a;--primary-light: #8e24aa;--primary-dark: #4a0072;--light-background: #f9f9f9;--dark-background: #1b1b20;--background-color: var(--light-background);--light-text: #333;--dark-text: #eee;--text: var(--light-text);--light-shadow: #0000002f;--dark-shadow: #ffffff13;--shadow: var(--light-shadow);--gray10: hsl(0, 0%, 10%);--gray30: hsl(0, 0%, 30%);--gray50: hsl(0, 0%, 50%);--gray70: hsl(0, 0%, 70%);--gray90: hsl(0, 0%, 90%);--ff: "Inter", sans-serif;--h1: bold 4rem/1em var(--ff);--h2: bold 3rem/1.2em var(--ff);--h3: bold 2.25rem/1.2em var(--ff);--h4: bold 1.5rem/1.6em var(--ff);--big: 1.25rem/1.6em var(--ff);--p: 1rem/1.6em var(--ff);--small: .75rem/2em var(--ff);--h1ui: bold 3rem/1.2em var(--ff);--h2ui: bold 2.25rem/1.2em var(--ff);--h3ui: bold 1.5rem/1.2em var(--ff);--h4ui: bold 1.12rem/1.6em var(--ff);--bigui: 1rem/1.6em var(--ff);--pui: .8rem/1.6em var(--ff);--smallui: .75rem/1.8em var(--ff);--cube-size: 150px;--cube-face-size: 150px;--cube-transition: 75px;--d20-size: 150px;--d20-face-size: 150px;--d20-transition: 75px}html{scroll-behavior:smooth}body{margin:0;background:#aae5a4}p{text-align:center}button{border:none;margin:20px;padding:18px;width:200px;font-size:large;text-transform:uppercase;border-radius:15px;cursor:pointer;color:#fff;box-shadow:0 10px 16px #0003,0 6px 20px #00000030;background-size:200%;transition:.6s;background-color:#007900;border:#000000;border-width:10px}button:hover{background-color:#009d00;box-shadow:0 16px 30px #fff3;box-shadow:0 10px 16px #0003,0 6px 20px #00000030;transform:scale(1.05)}button:focus{outline:#fff}button:disabled{opacity:.5;cursor:not-allowed}.main-content{min-width:100%}.game{text-align:center}.gameCards{display:flex;justify-content:center;align-items:center;width:100%;min-height:300px}.gameSide{flex:0 0 50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:1rem}.controls-area{display:flex;flex-direction:column;align-items:center;justify-content:center}.high-low-buttons{display:flex;gap:1rem}.result{text-align:center}.correct{color:green;font-weight:700}.wrong{color:red;font-weight:700}.score{margin-top:1rem;text-align:center;font-size:1.2rem}.gameover,.selectionScreen{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:1rem}.selectButtons{display:flex;flex-direction:row;align-items:center;justify-content:center;box-sizing:border-box;padding:1rem;gap:20px}@media (max-width: 768px){h1{font-size:2.2rem}h2{font-size:1.8rem}h3{font-size:1.4rem}p,.big,.small{font-size:.9rem}button{width:100%;max-width:300px;padding:14px;margin:10px;font-size:1rem}.gameCards{flex-direction:column;min-height:auto}.gameSide{flex:1 1 100%;width:100%;padding:.5rem}.high-low-buttons{flex-direction:column;gap:.5rem}.selectButtons{flex-direction:column;gap:.8rem}.score{font-size:1rem}}@media (max-width: 480px){h1{font-size:1.8rem}h2{font-size:1.5rem}button{max-width:90%}p{font-size:.85rem}.selectionScreen{padding:0rem}}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.logo{max-width:80%;max-height:100px}.selectionScreen{display:flex;flex-direction:column;align-items:center;padding:2rem;text-align:center}.selectButtons button:hover{background-color:#45a049}.highscore{margin:1rem 0;text-align:left;align-items:center;justify-content:space-between;padding:1rem;background-color:#faebd7;border-radius:20px;text-align:center;box-shadow:0 10px 16px #0003,0 6px 20px #00000030}.highscore h3{margin-bottom:.5rem}.highscore ul{list-style:none;padding:0;margin:0;width:200px}.score-item{display:flex;justify-content:space-between;padding:.25rem 0;font-weight:500}.highscore li{margin-bottom:.25rem}.footer{margin-top:2rem;font-size:.85rem;color:#666}.footer a{color:#4caf50;text-decoration:none}.footer a:hover{text-decoration:underline}.tag-card-wrapper{display:flex;justify-content:center;align-items:center;transition:transform .25s ease}.tag-card-wrapper.animating{transform:scale(.2)}.image-wrapper{position:relative;display:inline-block;max-width:250px}.tag-image{position:relative;max-width:250px;max-height:200px;width:auto;height:auto;display:block;border-radius:.75rem;box-shadow:0 2px 6px #00000040;background-color:#f2f2f2}.tag-image[src$=".svg"]{width:250px;height:auto;max-width:250px;max-height:200px}.license-info{position:absolute;bottom:8px;right:8px;font-size:.9rem;color:#fff;background:#0009;border-radius:6px;padding:4px 6px;cursor:pointer;transition:background .15s ease;z-index:20;pointer-events:auto;text-decoration:none}.license-info:hover{background:#000c}.tag-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:1rem;background-color:#faebd7;border-radius:20px;text-align:center;box-shadow:0 10px 16px #0003,0 6px 20px #00000030}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer}input[type=checkbox]:focus{outline:0}.toggle{height:16px;width:26px;border-radius:16px;display:inline-block;position:relative;margin:0;border:2px solid #485547;background:linear-gradient(180deg,#2d392d,#1f2720);transition:all .2s ease;transform:translateY(2px)}.toggle:after{content:"";position:absolute;top:1px;left:1px;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #2c2c2c33;transition:all .2s cubic-bezier(.5,.1,.75,1.35)}.toggle:checked{border-color:#7eec4f}.toggle:checked:after{transform:translate(9px)}@media (max-width: 768px){.gameCards{flex-direction:column;align-items:center;gap:1.5rem}.tag-card{width:90%;max-width:320px}.tag-image{max-width:100%;height:auto;max-height:180px}.gameSide{width:100%;display:flex;justify-content:center}h2{font-size:1.3rem}h4{font-size:1rem}.score h4{font-size:1.1rem}.controls-area{width:100%;display:flex;flex-direction:column;align-items:center;gap:.75rem;min-height:150px}.high-low-buttons{display:flex;flex-direction:column;align-items:center;width:80%;gap:.75rem}button{font-size:1.1rem;padding:.75rem 1rem;border-radius:12px}.image-toggle{margin-top:1rem;text-align:center}label{font-size:.95rem}}@media (max-width: 400px){.tag-card{width:95%;padding:.75rem}.tag-image{max-height:150px}h2{font-size:1.1rem}h4{font-size:.9rem}button{font-size:1rem;padding:.6rem .9rem}.controls-area{display:flex;flex-direction:column;align-items:center;gap:.75rem;min-height:150px}}.twitter-share-button>img{width:60px}.share{text-align:center}