@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box}body{font-family:Noto Sans Thai,sans-serif}.container[data-v-9b7a7f52]{text-align:center;max-width:450px;width:90vw;margin:auto;padding-top:1em;padding-bottom:3em}.close[data-v-0b14ced6]{margin:0 auto 1em;display:flex;align-items:center;justify-content:center;border-radius:50%;width:2em;height:2em;cursor:pointer;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.close i[data-v-0b14ced6]{margin:0}.modal[data-v-0b14ced6]{max-width:450px;width:90vw;height:90vh;position:fixed;background-color:#fff;z-index:99;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:1em;overflow:scroll;overflow-x:hidden;padding:1em}.summary[data-v-0b14ced6]{display:flex;margin:1em 0}.year[data-v-0b14ced6]{font-weight:700;color:#d3d3d3;margin-top:-.5em}.image[data-v-0b14ced6]{width:50%}img[data-v-0b14ced6]{width:100%;border-radius:1em}.youtube[data-v-0b14ced6]{background-color:#fe0032;color:#fff;padding:.5em;width:fit-content;border-radius:.5em;cursor:pointer;text-decoration:none;align-self:center}.information[data-v-0b14ced6]{width:50%;display:flex;padding-left:1em;flex-direction:column;align-items:flex-start}i[data-v-0b14ced6]{margin-right:.5em;width:1em}.desc[data-v-0b14ced6]{text-align:justify}.categories[data-v-0b14ced6]{display:flex;gap:.5em;flex-wrap:wrap;align-items:center;margin:1.5em 0 1em}.categories i[data-v-0b14ced6]{margin:0}.category[data-v-0b14ced6]{background-color:#d3d3d3;color:gray;border-radius:.5em;padding:0 .5em;font-style:italic}.delete[data-v-0b14ced6]{width:fit-content;margin:auto;background-color:#ee636d;color:#fff;padding:.5em 1em;border-radius:.5em;cursor:pointer}.reservation[data-v-0b14ced6]{background-color:#6babfa;margin:1em auto;padding:.5em 1em;border-radius:.5em;color:#fff;width:fit-content}.played-btn[data-v-0b14ced6]{background:#6babfa;width:fit-content;padding:.5em 1em;border-radius:.5em;font-weight:700;color:#fff;cursor:pointer;margin:1em auto}.played[data-v-0b14ced6]{color:#d3d3d3;font-style:italic}header[data-v-8ca2c9f1]{display:flex;align-items:flex-end;justify-content:space-between}.imgs[data-v-8ca2c9f1]{display:flex;flex-direction:column;gap:1em}img[data-v-8ca2c9f1]{cursor:pointer;height:6em;width:auto;border-radius:.5em}.stats[data-v-8ca2c9f1]{display:flex;justify-content:space-between}.stats p[data-v-8ca2c9f1]{text-align:right}.stats a[data-v-8ca2c9f1]{color:#d3d3d3;text-decoration:underline;cursor:pointer}.cards[data-v-8ca2c9f1]{display:flex;gap:1em;justify-content:center;flex-wrap:wrap}.card[data-v-8ca2c9f1]{overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:flex-start;padding:1em;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;border-radius:1em}li[data-v-8ca2c9f1]{text-align:center;list-style:none;align-items:center;width:45%;gap:1em;justify-content:center}.sort[data-v-8ca2c9f1]{width:100%;display:flex;gap:.5em;padding:.5em 1em 1em;flex-wrap:wrap;justify-content:center;align-items:center}.sort .btn[data-v-8ca2c9f1]{cursor:pointer;background-color:#3f3a60;padding:.5em 1em;border-radius:.5em;color:#fff;min-width:7.5em;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:.3em}.sort .btn.active[data-v-8ca2c9f1]{background-color:#6babfa;font-weight:700}.reserved[data-v-8ca2c9f1]{width:7em;position:absolute;right:-2em;top:1em;transform:rotate(45deg);padding:0 .5em;background-color:#6babfa;color:#fff;box-shadow:2px 2px 5px #0003}.information[data-v-8ca2c9f1]{display:flex;flex-direction:column;align-items:center;height:100%}.btns[data-v-8ca2c9f1]{display:flex;align-content:center;margin:.5em;border-radius:.5em;overflow:hidden}.btn[data-v-8ca2c9f1]{width:fit-content;padding:.5em 1em;font-weight:700;cursor:pointer}.view[data-v-8ca2c9f1]{background:#e6e6e6}.play[data-v-8ca2c9f1]{background:#6babfa;color:#fff}header[data-v-f48c1ce3]{display:flex;align-items:flex-end;justify-content:space-between}header p[data-v-f48c1ce3]{color:#d3d3d3;text-decoration:underline;cursor:pointer;margin-bottom:.5em}.search[data-v-f48c1ce3]{display:flex;border:1px solid black;border-radius:.5em;width:100%;align-items:center;gap:.5em;padding-left:1em}.search input[data-v-f48c1ce3]{width:100%;padding:.5em 1em}input[data-v-f48c1ce3]{border:none;font-size:inherit;font-family:inherit}ul[data-v-f48c1ce3]{max-height:20vh;overflow:scroll;overflow-x:hidden;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;padding:.5em .5em 0;border-radius:.5em}li[data-v-f48c1ce3]{cursor:pointer;font-weight:700;text-align:left;margin-bottom:.5em}li i[data-v-f48c1ce3]{margin-right:.5em}.boardgame[data-v-f48c1ce3]{margin-top:1em}img[data-v-f48c1ce3]{width:100%}.control[data-v-f48c1ce3]{display:flex;gap:1em;margin-top:1em;justify-content:space-between}.control input[data-v-f48c1ce3]{border:1px solid black;border-radius:.5em;padding:.5em 1em}.btn[data-v-f48c1ce3]{background-color:#7fffd4;padding:.5em 1em;border-radius:.5em;cursor:pointer}.stats[data-v-f48c1ce3]{display:flex;gap:1em}.success[data-v-f48c1ce3]{color:#41a04e}