@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-e5ed3748]{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-e5ed3748]{margin:0}.modal[data-v-e5ed3748]{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-e5ed3748]{display:flex;margin:1em 0}.year[data-v-e5ed3748]{font-weight:700;color:#d3d3d3;margin-top:-.5em}.image[data-v-e5ed3748]{width:50%}img[data-v-e5ed3748]{width:100%;border-radius:1em}.youtube[data-v-e5ed3748]{background-color:#fe0032;color:#fff;padding:.5em;width:fit-content;border-radius:.5em;cursor:pointer;text-decoration:none;align-self:center}.information[data-v-e5ed3748]{width:50%;display:flex;padding-left:1em;flex-direction:column;align-items:flex-start}i[data-v-e5ed3748]{margin-right:.5em;width:1em}.desc[data-v-e5ed3748]{text-align:justify}.categories[data-v-e5ed3748]{display:flex;gap:.5em;flex-wrap:wrap;align-items:center;margin:1.5em 0 1em}.categories i[data-v-e5ed3748]{margin:0}.category[data-v-e5ed3748]{background-color:#d3d3d3;color:gray;border-radius:.5em;padding:0 .5em;font-style:italic}.delete[data-v-e5ed3748]{width:fit-content;margin:auto;background-color:#ee636d;color:#fff;padding:.5em 1em;border-radius:.5em;cursor:pointer}.reservation[data-v-e5ed3748]{background-color:#6babfa;margin:1em auto;padding:.5em 1em;border-radius:.5em;color:#fff;width:fit-content}.played-btn[data-v-e5ed3748]{background:#6babfa;width:fit-content;padding:.5em 1em;border-radius:.5em;font-weight:700;color:#fff;cursor:pointer;margin:1em auto}.played[data-v-e5ed3748]{color:#d3d3d3;font-style:italic}header[data-v-6bce43f2]{display:flex;align-items:flex-end;justify-content:space-between}header p[data-v-6bce43f2]{color:#d3d3d3;text-decoration:underline;cursor:pointer;margin-bottom:.5em}.imgs[data-v-6bce43f2]{display:flex;flex-direction:column;gap:1em}img[data-v-6bce43f2]{cursor:pointer;height:6em;width:auto;border-radius:.5em}.stats p[data-v-6bce43f2]{text-align:right;padding:.5em 0}.cards[data-v-6bce43f2]{display:flex;gap:1em;justify-content:center;flex-wrap:wrap}.card[data-v-6bce43f2]{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-6bce43f2]{text-align:center;list-style:none;align-items:center;width:45%;gap:1em;justify-content:center}.sort[data-v-6bce43f2]{display:flex;gap:1em;padding:.5em 1em 1em;align-items:center}.sort .btn[data-v-6bce43f2]{cursor:pointer;background-color:#3f3a60;padding:.5em;border-radius:.5em;color:#fff}.reserved[data-v-6bce43f2]{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-6bce43f2]{display:flex;flex-direction:column;align-items:center;height:100%}.btn[data-v-6bce43f2]{background:#6babfa;width:fit-content;padding:.5em 1em;border-radius:.5em;font-weight:700;color:#fff;cursor:pointer;margin:.5em}header[data-v-d331b89b]{display:flex;align-items:flex-end;justify-content:space-between}header p[data-v-d331b89b]{color:#d3d3d3;text-decoration:underline;cursor:pointer;margin-bottom:.5em}.search[data-v-d331b89b]{display:flex;border:1px solid black;border-radius:.5em;width:100%;align-items:center;gap:.5em;padding-left:1em}.search input[data-v-d331b89b]{width:100%;padding:.5em 1em}input[data-v-d331b89b]{border:none;font-size:inherit;font-family:inherit}ul[data-v-d331b89b]{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-d331b89b]{cursor:pointer;font-weight:700;text-align:left;margin-bottom:.5em}li i[data-v-d331b89b]{margin-right:.5em}.boardgame[data-v-d331b89b]{margin-top:1em}img[data-v-d331b89b]{width:100%}.control[data-v-d331b89b]{display:flex;gap:1em;margin-top:1em;justify-content:space-between}.control input[data-v-d331b89b]{border:1px solid black;border-radius:.5em;padding:.5em 1em}.btn[data-v-d331b89b]{background-color:#7fffd4;padding:.5em 1em;border-radius:.5em;cursor:pointer}.stats[data-v-d331b89b]{display:flex;gap:1em}.success[data-v-d331b89b]{color:#41a04e}