@font-face{font-family:Grandstander Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/grandstander-vietnamese-wght-normal.B5nfZGX5.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Grandstander Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/grandstander-latin-ext-wght-normal.BlZWWlOG.woff2) format("woff2-variations");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Grandstander Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/grandstander-latin-wght-normal.CQwu0ja0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Adjusted Arial Black Fallback;src:local(Arial Black);size-adjust:88%;ascent-override:108%;descent-override:60%;line-gap-override:normal}@layer reset,typography,defaults,themes,patterns,layouts,components,utilities,overrides;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{line-height:1.5}img,picture,video,canvas,svg{display:block;max-inline-size:100%}input,button,textarea,select{font:inherit;letter-spacing:inherit;word-spacing:inherit;color:currentColor}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul{list-style:none}:not([class]){h1&,h2&,h3&,h4&,h5&,h6&{margin-block:.75em;line-height:1.25;text-wrap:balance;letter-spacing:-.05ch}p&,ol&,ul&{margin-block:1em}ol&,ul&{padding-inline-start:1.5em;list-style:revert}li&{margin-block:.5em}}}@layer typography{:root{--font-body: system-ui, sans-serif;--font-code: monospace;--font-header: "Grandstander Variable", "Adjusted Arial Black Fallback", "Times New Roman", serif}html{font-family:var(--font-body)}blockquote{font-family:var(--font-header)}button{font-family:var(--font-header);font-weight:600;font-size:var(--s0)}h1,h2,h3,h4,h5,h6{width:var(--width-reading);font-family:var(--font-header);text-align:start;margin-block-end:var(--s-3)}h1{font-weight:900;font-size:var(--s5);line-height:var(--s5)}h2{font-weight:800;font-size:var(--s4);line-height:var(--s4)}h3{font-weight:800;font-size:var(--s3);line-height:var(--s3)}h4{font-weight:700;font-size:var(--s2);line-height:var(--s2)}h5{font-weight:700;font-size:var(--s1);line-height:var(--s1)}h6{font-weight:700;font-size:var(--s0);line-height:var(--s0)}label{font-family:var(--font-header);font-size:var(--s0)}th{font-family:var(--font-header);font-weight:700;color:var(--color-text-black)}p{width:var(--width-reading);margin-block-end:var(--s3);font-weight:300;line-height:1.5}a:any-link{color:inherit;word-wrap:break-word}}@layer defaults{:root{color-scheme:light dark;--ratio: 1.2;--s-5: calc(var(--s-4) / var(--ratio));--s-4: calc(var(--s-3) / var(--ratio));--s-3: calc(var(--s-2) / var(--ratio));--s-2: calc(var(--s-1) / var(--ratio));--s-1: calc(var(--s0) / var(--ratio));--s0: 1.125rem;--s1: calc(var(--s0) * var(--ratio));--s2: calc(var(--s1) * var(--ratio));--s3: calc(var(--s2) * var(--ratio));--s4: calc(var(--s3) * var(--ratio));--s5: calc(var(--s4) * var(--ratio))}button{font-family:var(--font-header);cursor:pointer;user-select:none}code{user-select:contain}form{width:var(--width-input);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s1)}menu,ol,ul{padding-inline-start:unset}li{list-style-position:inside}sub,sup{display:inherit;font-size:var(--s-2)}table{width:var(--width-reading);font-family:var(--font-body);overflow-x:scroll;border-collapse:collapse;border-spacing:0;border-radius:var(--s-5) var(--s-5) 0 0;box-shadow:0 0 0 .4px var(--color-brand);margin-block:var(--s5)}td,th{width:fit-content;padding:var(--s-3);border-spacing:0;text-align:start}thead th:first-of-type{border-radius:var(--s-5) 0 0 0}thead th:last-of-type{border-radius:0 var(--s-5) 0 0}}@layer themes{:root{--color-background-light: var(--color-brand-light-10);--color-background-dark: var(--color-brand-dark-10);--color-text-black: #181818;--color-text-white: #f2f6fa;--color-black: #242424;--color-white: #f5f5f5;--color-brand: #c54f9b;--color-brand-light-90: color-mix(in srgb, var(--color-brand) 90%, white 10%);--color-brand-light-70: color-mix(in srgb, var(--color-brand) 70%, white 30%);--color-brand-light-50: color-mix(in srgb, var(--color-brand) 50%, white 50%);--color-brand-light-30: color-mix(in srgb, var(--color-brand) 30%, white 70%);--color-brand-light-10: color-mix(in srgb, var(--color-brand) 10%, white 90%);--color-brand-dark-90: color-mix(in srgb, var(--color-brand) 90%, black 10%);--color-brand-dark-70: color-mix(in srgb, var(--color-brand) 70%, black 30%);--color-brand-dark-50: color-mix(in srgb, var(--color-brand) 50%, black 50%);--color-brand-dark-30: color-mix(in srgb, var(--color-brand) 30%, black 70%);--color-brand-dark-10: color-mix(in srgb, var(--color-brand) 10%, black 90%);--color-code: #FFA500;--color-disabled: #6c757d;--color-disabled-background: #e2e3e5;--color-error: #bb2124;--color-error-background: #f8d7da;--color-info: #5bc0de;--color-info-background: #d1ecf1;--color-success: #22bb33;--color-success-background: #d4edda;--color-warning: #f0ad4e;--color-warning-background: #fff3cd}html{background-color:light-dark(var(--color-background-light),var(--color-background-dark));color:light-dark(var(--color-brand-dark-50),var(--color-brand-light-10));transition:all .42s}blockquote{background-color:light-dark(var(--color-background-dark),var(--color-background-light));color:light-dark(var(--color-text-white),var(--color-text-black));border-radius:var(--s0);padding:var(--s0);margin-block:var(--s3)}button{background-color:light-dark(var(--color-brand-light-50),var(--color-brand-dark-70));border:1px solid light-dark(var(--color-brand-light-70),var(--color-brand-dark-30));border-radius:5px}button:hover{background-color:light-dark(var(--color-brand-light-70),var(--color-brand-dark-50));border-color:light-dark(var(--color-brand-light-90),var(--color-brand-dark-90))}code{background-color:var(--color-background-dark);color:var(--color-code);border-radius:var(--s0);padding:var(--s-3);user-select:contain}footer{background-color:light-dark(var(--color-brand-light-50),var(--color-brand-dark-50));color:inherit}::selection{background-color:var(--color-brand);color:var(--color-text-white)}a{color:inherit;text-decoration:2px underline inherit;text-underline-offset:6px}a:hover{text-decoration:unset}address{user-select:text;color:inherit}th{background-color:var(--color-brand-light-70);padding:var(--s0);border-bottom:2px solid var(--color-white)}tr:nth-child(odd){background-color:var(--color-brand-light-30);color:var(--color-text-black)}tr:nth-child(2n){background-color:var(--color-background-light);color:var(--color-text-black)}tr:hover:not(thead tr){background-color:var(--color-brand-dark-70);color:var(--color-text-white)}}@layer patterns;@layer layouts{:root{--height-header: 60px;--width-input: clamp(min(100%, 160px, 80vw), min(340px, 100%), 80vw);--width-reading: clamp(120px, 100%, min(92vw, 580px))}html{width:100%;min-height:100vh}button{max-width:min(240px,60vw);padding:var(--s-3) var(--s-5);margin:0 auto;margin-block:var(--s1)}code{width:fit-content}address,article,aside,hgroup,nav{width:var(--width-reading)}input,label,select,textarea{width:var(--width-input);padding:var(--s-5);margin:0 auto;border-radius:var(--s-5)}main{width:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center}section{width:clamp(min(100%,480px),max(100%,var(--width-reading)),min(100%,94vw));display:inherit;flex-direction:inherit;align-items:inherit}hr{height:2px;width:var(--width-reading);border:2px solid light-dark(var(--color-brand-light-70),var(--color-brand-light-50));border-radius:var(--s-5);margin:0 auto}p{width:var(--width-reading);margin-block-end:var(--s3)}footer{min-height:40vh}}@layer utilities;@layer overrides;@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}button[data-astro-cid-ryndxnsa]:active,button[data-astro-cid-ryndxnsa]:focus,button[data-astro-cid-ryndxnsa]:hover{box-shadow:0 0 0 .3px light-dark(var(--color-brand-light-50),var(--color-brand-dark-50))}button[data-astro-cid-ryndxnsa]:active,button[data-astro-cid-ryndxnsa]:focus{box-shadow:0 0 0 .6px var(--color-brand)}#icon[data-astro-cid-ryndxnsa]{filter:invert(0)}@media (prefers-color-scheme: light){#icon[data-astro-cid-ryndxnsa]{filter:invert(1)}}dialog[data-astro-cid-ryndxnsa]{background-color:var(--color-text-white);color:var(--color-text-black);display:flex;flex-direction:column;top:400px;padding:var(--s5);border-radius:var(--s-5);box-shadow:0 0 10px #0000001a;opacity:0;transition:opacity .3s ease,transform .3s ease}dialog[data-astro-cid-ryndxnsa][open]{opacity:1;transform:scale(1);pointer-events:auto}[data-astro-cid-ryndxnsa][popover]{width:fit-content;height:clamp(30vh,50vh,80vh);top:calc(30vh + var(--height-header));place-content:center;margin:0 auto;border:solid;padding:.25em;overflow:auto;color:CanvasText;background-color:Canvas;font-size:var(--s0);padding:var(--s2);opacity:0;transform:scaleX(0);transition:opacity .6s,transform .2s,backdrop-filter 2.2s}[data-astro-cid-ryndxnsa][popover]::backdrop{top:var(--height-header);backdrop-filter:blur(10px);Add blur to popover backdrop transition: backdrop-filter .3s ease}[data-astro-cid-ryndxnsa][popover]:popover-open{opacity:1;transform:scaleX(1)}@starting-style{[data-astro-cid-ryndxnsa][popover]:popover-open{opacity:0;transform:scaleX(.9)}}button[data-astro-cid-ryndxnsa]{background-color:transparent;cursor:pointer;padding:var(--s-5) var(--s-3);border-radius:var(--s-5);border:none}ul[data-astro-cid-ryndxnsa]{box-sizing:inherit;margin-block-start:var(--s0);display:flex;font-family:var(--font-header);flex-direction:column;gap:var(--s5);list-style-type:none;padding:var(--s1);font-size:var(--s1);font-weight:500}a[data-astro-cid-ryndxnsa]:any-link{text-decoration:none;position:relative;color:inherit;text-underline-offset:6px;margin-inline-start:var(--s0)}a[data-astro-cid-ryndxnsa]:any-link:after{content:"";position:absolute;width:100%;height:3px;bottom:-6px;left:0;background-color:light-dark(var(--color-brand-dark-70),var(--color-brand-light-70));transform:scaleX(0);transform-origin:right;transition:transform .15s ease}a[data-astro-cid-ryndxnsa]:hover:after{transform:scaleX(1);transform-origin:left}:focus-visible[data-astro-cid-ryndxnsa],:focus-within[data-astro-cid-ryndxnsa],:focus[data-astro-cid-ryndxnsa]{outline-offset:var(--s-5)}header[data-astro-cid-kaxznkur]{height:var(--height-header);box-sizing:inherit;--height-header: 64px;position:sticky;top:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10000}nav[data-astro-cid-kaxznkur]{width:100%;height:100%;display:flex;font-weight:400;box-shadow:0 0 1px .1px light-dark(var(--color-brand-light-90),var(--color-brand-dark-90))}div[data-astro-cid-kaxznkur].navBar{width:inherit;max-width:1600px;display:inherit;justify-content:space-between;padding:0 var(--s0);margin:0 auto}div[data-astro-cid-kaxznkur].left{max-height:var(--height-header);display:inherit;align-items:center}div[data-astro-cid-kaxznkur].right{display:inherit;flex-direction:inherit;align-items:center}ul[data-astro-cid-kaxznkur].nav__list{min-width:340px;width:clamp(min(400px,90vw),440px,100%);display:flex;flex-direction:row;justify-content:space-around;font-family:var(--font-header)}ul[data-astro-cid-kaxznkur].nav__list li[data-astro-cid-kaxznkur]{display:flex}li[data-astro-cid-kaxznkur]{min-width:100px;list-style:none}a[data-astro-cid-kaxznkur]{width:100%;text-decoration:none;text-align:center}a[data-astro-cid-kaxznkur]:hover{text-decoration:2px underline var(--color-brand);text-underline-offset:6px}button[data-astro-cid-kaxznkur]{min-width:48px;min-height:48px;padding:unset}@media (max-width: 520px){li[data-astro-cid-kaxznkur].brand,ul[data-astro-cid-kaxznkur].nav__list{display:none}}html{touch-action:manipulation;user-select:none}h1#title{width:100%;text-align:center;color:light-dark(var(--color-brand-dark-70),var(--color-brand-light-30))}#player-setup{container-type:inline-size;width:100%;display:inherit;flex-direction:column;gap:var(--s0);margin-block-end:var(--s5)}h2#player-setup-title{color:light-dark(var(--color-brand-dark-50),var(--color-brand-light-70));font-size:var(--s4);margin:0 auto;margin-block-end:var(--s-3);text-align:center}button#add-player{background-color:light-dark(var(--color-brand-dark-10),var(--color-brand-light-10));color:light-dark(var(--color-brand-light-50),var(--color-brand-dark-50));padding:var(--s-5);border:2px solid light-dark(var(--color-brand-dark-70),var(--color-brand-light-70))}button#add-player:hover{background-color:light-dark(var(--color-brand-dark-90),var(--color-brand-light-30));color:light-dark(var(--color-brand-light-10),var(--color-brand-light-10))}select{margin-block-end:var(--s3)}input{font-family:var(--font-header);font-size:var(--s1);padding:var(--s-3);margin-block-end:var(--s3);border-radius:var(--s-5);border:none;box-shadow:0 0 0 2px light-dark(var(--color-brand-dark-50),var(--color-brand-light-70))}input:hover{box-shadow:0 0 0 2px light-dark(var(--color-brand-dark-90),var(--color-brand-light-30))}select#emoji-select,option.emoji{width:auto;font-size:2rem;text-align:center;-webkit-text-align-last:center;padding:var(--s-3) 0;border:none;border-radius:var(--s-5);box-shadow:0 0 0 2px light-dark(var(--color-brand-dark-50),var(--color-brand-light-70));cursor:pointer}select#emoji-select:hover{box-shadow:0 0 0 2px light-dark(var(--color-brand-dark-90),var(--color-brand-light-30))}ul#setup-players-list{width:fit-content;min-height:200px;font-family:var(--font-header);font-size:var(--s2);margin:0 auto}li.players-list-player{min-width:220px;font-weight:600;margin-block-end:var(--s-3);list-style-type:decimal}h2#leaderboard{color:light-dark(var(--color-brand-light-50),var(--color-brand-light-90));font-size:var(--s4);margin-block:var(--s-3);text-align:center}h2.current-player-label{color:light-dark(var(--color-brand-light-10),var(--color-brand-light-10));font-size:var(--s4);margin-block:var(--s-5);text-align:inherit}div#current-player-label{background-color:light-dark(var(--color-brand-dark-50),var(--color-brand-light-70));color:light-dark(var(--color-brand-light-10),yellow);padding:var(--s-3);width:clamp(200px,min(100%,440px),90vw);display:flex;flex-direction:column;font-size:var(--s4);text-align:center;margin:0 auto;border-radius:var(--s-5);box-shadow:0 0 0 2px light-dark(var(--color-brand-light-90),var(--color-brand-dark-50))}div#turn-controls{width:clamp(min(240px,100%),min(440px,100%),90vw);height:fit-content;display:flex;justify-content:space-between;gap:var(--s-3);padding:var(--s-5);margin:0 auto}div#turn-controls button{padding:var(--s-5)}div#roll-history{width:var(--width-reading);background-color:light-dark(var(--color-brand-light-30),var(--color-brand-light-10));color:light-dark(var(--color-brand-dark-70),var(--color-brand-light-90));text-align:center;padding:var(--s-5);margin:0 auto;border:1px solid light-dark(var(--color-brand-light-70),var(--color-brand-dark-90));border-radius:var(--s-5)}div#roll-buttons{width:min(94vw,100%);flex-wrap:wrap;justify-content:center;gap:var(--s-2);margin-block:var(--s1)}div.roll-button-card{width:clamp(100px,200px,200px);background-color:var(--color-brand-light-50);font-family:var(--font-header);font-weight:700;font-size:large;padding:var(--s-5);border-radius:var(--s-5);box-shadow:1px 1px 1px 2px light-dark(var(--color-brand-light-90),var(--color-brand-light-30))}img.roll-button-card-image{width:100%;height:fit-content;object-fit:contain;border-radius:var(--s-5)}div.roll-button-card-name:not(div.roll-button-card-double div.roll-button-card-name){min-height:80px;font-size:var(--s1);font-weight:700;text-align:center;text-wrap:wrap;color:light-dark(var(--color-brand-dark-30),var(--color-brand-dark-50))}div.roll-button-card-double{color:light-dark(var(--color-brand-dark-30),var(--color-brand-dark-30))}div.roll-button-card-points{font-family:var(--font-header);font-size:var(--s1);font-weight:700;text-align:center;-webkit-text-stroke:.8px var(--color-brand-dark-50);color:light-dark(var(--color-brand-dark-30),var(--color-brand-dark-50))}span.roll-button-card-roll{color:light-dark(var(--color-brand-light-10),var(--color-brand-light-10));font-size:var(--s3);font-weight:800}button.roll-button{width:100%;background-color:var(--color-brand-light-10);color:light-dark(var(--color-brand-dark-30),var(--color-brand-dark-50));font-weight:600}button#toggle-images{background-color:light-dark(var(--color-brand-light-10),var(--color-brand-light-10));color:light-dark(var(--color-brand-light-50),var(--color-brand-dark-50));padding:var(--s-5);border:2px solid light-dark(var(--color-brand-dark-70),var(--color-brand-light-70))}button#toggle-images:hover{background-color:light-dark(var(--color-brand-dark-90),var(--color-brand-light-30));color:light-dark(var(--color-brand-light-10),var(--color-brand-light-90))}@container (max-width: 1320px){div.roll-button-card{width:clamp(100px,140px,160px)}button.roll-button{font-size:var(--s1);padding:var(--s-3) 0}span.roll-button-card-label{font-size:var(--s-1)}}@container (max-width: 960px){div.roll-button-card{width:clamp(100px,110px,140px)}button.roll-button{font-size:var(--s0);padding:var(--s-3) 0}}button#start-game{background-color:var(--color-success-background);color:var(--color-success);padding:var(--s-5);border:1px solid var(--color-success)}button#start-game:hover{background-color:var(--color-success);color:var(--color-success-background);border:1px solid var(--color-success-background)}button#undo-roll{background-color:var(--color-disabled-background);color:var(--color-disabled);border:1px solid var(--color-disabled)}button#undo-roll:hover{background-color:var(--color-disabled);color:var(--color-disabled-background)}button#pig-out{background-color:var(--color-error-background);color:var(--color-error);border:1px solid var(--color-error)}button#pig-out:hover{background-color:var(--color-error);color:var(--color-error-background)}button#end-turn{background-color:light-dark(var(--color-brand-light-50),var(--color-brand-dark-70));border:1px solid light-dark(var(--color-brand-light-70),var(--color-brand-dark-90))}ul#leaderboard-list{width:100%;font-family:var(--font-header);font-size:var(--s2);margin-block-end:var(--s-5)}li.leaderboard-player{display:grid;grid-template-columns:1fr 2fr 1fr;width:100%;align-items:center}.leaderboard-emoji{grid-column:1;font-size:var(--s4)}.leaderboard-name{grid-column:2;color:light-dark(var(--color-brand-light-70),var(--color-brand-dark-70))}.leaderboard-score{grid-column:3;text-align:end;font-size:var(--s4);font-weight:700;color:light-dark(var(--color-brand-light-30),var(--color-brand-dark-50))}div.player-score{background-color:light-dark(transparent,transparent);width:clamp(min(300px,94vw),320px,max(100%,94vw));display:flex;justify-content:space-between;align-items:center;margin:0 auto;margin-block-start:var(--s0)}@container (max-width: 340px){div.player-score{flex-direction:column;gap:var(--s2)}}div.score-cell-label{background-color:light-dark(var(--color-brand-light-30),var(--color-brand-dark-30));min-width:155px;color:light-dark(var(--color-brand-dark-70),var(--color-brand-light-10));text-align:center;font-family:var(--font-header);font-size:var(--s1);font-weight:700;padding:var(--s-5);box-shadow:0 0 0 2px light-dark(var(--color-brand-light-90),var(--color-brand-dark-50));border-radius:var(--s-5)}#label-if-end{background-color:light-dark(var(--color-brand-light-50),var(--color-brand-dark-70));border:1px solid light-dark(var(--color-brand-light-70),var(--color-brand-dark-90))}div.score-cell-value{color:light-dark(var(--color-brand-dark-30),var(--color-brand-light-30));font-family:var(--font-header);font-size:var(--s5);font-weight:700;text-align:center}section#leaderboard{width:clamp(min(300px,94vw),440px,min(100%,94vw));background-color:light-dark(var(--color-brand-dark-10),var(--color-brand-light-10));color:light-dark(var(--color-brand-light-50),var(--color-brand-light-90));padding:0 var(--s5);margin:var(--s0) auto 0;border-radius:var(--s-5);box-shadow:0 0 0 2px light-dark(var(--color-brand-light-90),var(--color-brand-dark-50));user-select:none}details{font-family:var(--font-header);font-size:var(--s2);font-weight:700;color:light-dark(var(--color-brand-dark-30),var(--color-brand-dark-50))}#button-bar{width:var(--width-input);display:none;justify-content:center;gap:var(--s-3);margin:0 auto}#button-bar button{padding:var(--s-3);border:1px solid light-dark(var(--color-brand-light-70),var(--color-brand-dark-90))}#button-bar button:hover{background-color:light-dark(var(--color-brand-light-70),var(--color-brand-dark-90));color:var(--color-brand-light-10)}