:root{--common-dark:#333;--common-dark-rgb:51,51,51;--common-dark-fade:rgba(var(--common-dark-rgb),0.5);--common-dark-fade-alt:rgba(var(--common-dark-rgb),0.36);--turntable-dustcover:rgba(var(--common-dark-rgb),0.75);--turntable-dustcover-mix:rgba(var(--common-dark-rgb),0.375);--claw-button-sob:rgba(var(--common-dark-rgb),0.3);--card-base:#f7f7f7;--card-base-rgb:247,247,247;--card-shimmer:rgba(var(--card-base-rgb),0.5);--toast-pop:rgba(var(--card-base-rgb),0.85);--bg-emerald:#1c5e3d;--emerald-fade:#1c5e3d54;--bg-cherry:#6b0d16;--cherry-fade:#6b0d1654;--bg-twilight:#0c2d5f;--twilight-fade:#0c2d5f54;--bg-amethyst:#4b2262;--amethyst-fade:#4b226254;--debug-1-color:#8789c0;--debug-2-color:#bb9457;--debug-3-color:#ffe6a7;--debug-4-color:#81f0e5;--normal-size:16px;--medium-size:1.125rem;--basic-font-stack:monospace;--ctrls-font-stack:system-ui,Georgia,serif;--regular-weight:400;--light-weight:300;--medium-weight:550;--heavy-weight:700;font:normal var(--normal-size)/1 var(--basic-font-stack);--card-ratio:0.75;--card-height:120px;--card-magnified-height:180px;--card-width:90px;--card-hspace:40px;--card-wspace:22.5px}#title-marquee h2{font-size:var(--medium-size)}#title-marquee h2 b{font-weight:var(--medium-weight)}button,input,option,select,textarea{font-family:var(--ctrls-font-stack)}html{height:100%;width:100%}body{height:calc(100% - 16px);margin:8px;width:calc(100% - 16px)}header,main{display:flex;width:100%}main{align-items:center;justify-content:center}#title-marquee{align-items:center;display:inline-flex;gap:9px;-webkit-user-select:none;user-select:none}#title-marquee .markl{height:24px;width:24px}@keyframes yo-yo{0%{rotate:0deg}25%{rotate:90deg}50%{rotate:180deg}75%{rotate:270deg}to{rotate:1turn}}@keyframes dotdot-dot{0%{opacity:0}25%,50%,to{opacity:1}}@keyframes dotdot-dotdot{0%,25%{opacity:0}50%,to{opacity:1}}@keyframes dotdot-dotdotdot{0%,25%,50%{opacity:0}to{opacity:1}}@keyframes card-drop{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}#ribbon [role=tooltip]{background-color:var(--common-dark);border-radius:18px;color:var(--card-base);font-size:.81rem;padding:7px;position:absolute;right:15%;text-align:center;top:118%;transition:visibility .25s;visibility:hidden;width:300px;z-index:2}#brush select{font-size:.81rem;text-align:start}#shuffle{aspect-ratio:1/1;border-color:var(--common-dark-fade);border-radius:50%;border-style:ridge;border-width:2px;cursor:pointer;font-size:var(--medium-size);height:36px;max-height:36px}#claw .claw-drop,#shuffle{align-items:center;display:flex;justify-content:center}#claw .claw-drop{aspect-ratio:5/1;border-color:var(--common-dark-fade);border-radius:18px;border-style:dashed;border-width:1px;font-family:monospace;font-size:.85rem;height:26px;margin-left:18px;text-align:start;text-decoration:none}#pageload-curtain .loading-indicator .loading-dots{background-color:inherit;font-family:monospace;font-size:var(--medium-size);padding:1.5px 4.5px;pointer-events:none;text-align:center;-webkit-user-select:none;user-select:none}#turntable .turntable-off{align-self:flex-end;background-color:initial;border-color:#0000;color:var(--card-base);font-size:1rem}#turntable .turntable-cue-lever-spacer{color:var(--card-base);font-size:1.5rem}#turntable .turntable-cue-lever button{background-color:var(--card-base);border-color:var(--turntable-dustcover-mix);border-radius:18%;border-width:2px;font-family:sans-serif;font-size:.85rem;height:30px;padding:3px 9px;width:35px}#notification .toast .toast-close{font-size:.85rem}#icon-help button[command=close]{align-self:flex-end;background-color:initial;border-color:#0000;border-width:0;color:var(--common-dark);cursor:pointer;font-size:1rem}#pcs-shell{container:shell/size;min-width:300px}#pcs-shell header{align-items:flex-start;flex-flow:column nowrap;height:13%;justify-content:space-around;margin-bottom:9px;min-height:81px}#pcs-shell main{border-radius:18px;height:85%}#pcs-shell footer{display:none}#qhelp,#repolink{aspect-ratio:1/1;height:1rem;max-height:1rem;position:fixed}#qhelp{background:#0000;cursor:pointer;right:1rem;top:1rem}#repolink{bottom:0;cursor:help;display:inline;left:calc(50% - 24px);opacity:.2}#ribbon{align-items:center;display:flex;justify-content:space-around;padding:0 4.5px;position:relative;width:calc(100% - 9px)}#ribbon .ribbon-bow,#ribbon .ribbon-flourish,#ribbon .ribbon-swish{align-items:center;display:inline-flex}#ribbon .ribbon-flourish,#ribbon .ribbon-swish{background-color:var(--common-dark-fade-alt);padding:4.5px;width:45%}#ribbon .ribbon-swish{clip-path:polygon(0 0,100% 0,85% 100%,0 100%);justify-content:flex-end}#ribbon .ribbon-swish>:first-child{margin:0 15% 0 0}#ribbon .ribbon-flourish{clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);gap:0 18px;justify-content:flex-start}#ribbon .ribbon-flourish>:first-child{margin:0 0 0 15%}#brush select[name=brush-wells]{border-radius:4.5px;border-style:ridge;border-width:2.5px;cursor:pointer;padding:4.5px}#shuffle:active{border-width:1px}#reset{display:flex}#claw,#reset{align-items:center}#claw{display:inline-flex;gap:0 18px}#claw button,#reset button{align-items:center;aspect-ratio:1/1;border-radius:4.5px;border-width:0;box-shadow:3px 2.5px var(--common-dark-fade);cursor:pointer;display:flex;justify-content:center;max-height:28px;outline-color:var(--claw-button-sob);outline-style:ridge;outline-width:2px;padding:4px;translate:0 0}#claw button svg[role=img],#reset button svg[role=img],#shuffle svg[role=img]{height:20px;pointer-events:none;width:20px}#pageload-curtain{align-items:center;background-color:var(--common-dark-fade-alt);border-radius:inherit;display:flex;height:100%;justify-content:center;opacity:1;position:relative;transition:opacity allow-discrete .2s .1s;width:100%;z-index:10}#pageload-curtain.loading-done{opacity:0;visibility:hidden}#pageload-curtain .loading-indicator{align-items:center;aspect-ratio:1/1;background-color:initial;display:flex;flex-flow:column nowrap;justify-content:center;row-gap:4.5px;width:120px}#pageload-curtain .loading-indicator .loading-spinny{animation:yo-yo 1.5s ease-in-out .4s 36 alternate;aspect-ratio:3/4;background-color:var(--card-base);border-radius:4.5%;height:54px;padding:4.5px;rotate:0deg}#tableau{align-content:space-around;background-color:inherit;border-radius:inherit;display:flex;flex-flow:row wrap;gap:var(--card-wspace) var(--card-hspace);height:calc(100% - var(--card-wspace));justify-content:center;list-style:none;overflow-x:hidden;overflow-y:auto;padding:calc(var(--card-wspace)/2) calc(var(--card-hspace)/2);width:calc(100% - var(--card-hspace))}#tableau.hide-before-load{display:none}#tableau .playing-card{animation-duration:.25s;animation-fill-mode:backwards;animation-name:card-drop;animation-timing-function:ease-out;aspect-ratio:var(--card-ratio);box-shadow:none;cursor:pointer;height:var(--card-height);rotate:0deg;transition-delay:.15s;transition:rotate .2s,box-shadow .25s}#tableau .playing-card svg{height:100%;width:100%}#turntable{align-items:center;aspect-ratio:1/1;background-color:inherit;border:3.5px;border-color:var(--turntable-dustcover-mix);border-radius:inherit;flex-flow:column wrap;gap:18px 0;height:calc(var(--card-magnified-height) + 100px);justify-content:center;margin:auto;opacity:0;padding:9px 18px 18px;transition:all allow-discrete .7s ease-in-out}#turntable:popover-open{display:flex;opacity:1}#turntable .turntable-pickup{aspect-ratio:3/4;cursor:default;height:calc(var(--card-magnified-height));-webkit-user-select:none;user-select:none}#turntable .turntable-cue-lever{background-color:initial;display:flex;gap:0 18px;justify-content:center}#turntable .turntable-cue-lever .turntable-cue-lever-spacer{display:none;visibility:hidden}#turntable .turntable-cue-lever .turntable-cue-lever-regression:disabled+.turntable-cue-lever-spacer:has(+.turntable-cue-lever-progression:disabled){display:inline-block;margin:0 4.5px;visibility:visible}#notifications,#turntable .turntable-cue-lever .turntable-cue-lever-regression:disabled+.turntable-cue-lever-spacer+.turntable-cue-lever-progression:disabled,#turntable .turntable-cue-lever .turntable-cue-lever-regression:disabled:has(+.turntable-cue-lever-spacer+.turntable-cue-lever-progression:disabled){visibility:hidden}#notifications{align-items:center;background:#0000;border-radius:4.5px;border-width:0;display:flex;height:90%;inset:unset;bottom:5%;flex-flow:column-reverse nowrap;gap:18px 0;max-height:90%;max-width:300px;opacity:0;pointer-events:none;position:fixed;right:var(--medium-size);transition-behavior:allow-discrete;transition-timing-function:ease-out;transition:opacity .5s,visibility .5s;width:300px}#notifications:popover-open{opacity:1;visibility:visible}#notifications .toast{background:var(--toast-pop);border-radius:4.5px;border-width:0;max-height:30%;max-width:100%;outline-color:var(--common-dark);outline-style:double;outline-width:2px;padding:9px;pointer-events:auto}#notifications .toast:first-child{margin:0 0 9px}#notifications .toast .tost-close{aspect-ratio:1/1;border-radius:4.5px;border-width:0;height:22px}#notifications .toast .toast-msg{margin-left:18px;max-width:calc(100% - 40px);overflow:hidden;pointer-events:none;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}#icon-help{background-color:var(--card-base);border-radius:9px;border-style:solid;border-width:2px;display:none;flex-flow:column nowrap;margin:auto;outline-width:0;padding:1rem;position:fixed}#icon-help:open{display:flex}#icon-help img{background-repeat:no-repeat}@container shell (width < 800px){#pcs-shell header{align-items:center;height:17%;min-height:150px}#pcs-shell main{max-height:calc(100% - 159px)}#repolink{display:none}#title-marquee h2{font-size:0;visibility:hidden}#title-marquee h2 b{font-size:var(--medium-size);visibility:visible}#ribbon{align-items:flex-start;flex-flow:column nowrap}#ribbon .ribbon-flourish,#ribbon .ribbon-swish{justify-content:flex-start}#ribbon .ribbon-flourish :first-child,#ribbon .ribbon-swish :first-child{margin:0}#ribbon .ribbon-swish{width:75%}#ribbon .ribbon-flourish{clip-path:polygon(0 0,85% 0,100% 100%,0 100%);width:90%}#ribbon .ribbon-bow{align-self:flex-end;margin:0 4.5px 0 0}#ribbon [role=tooltip]{top:40%}#claw .claw-drop{margin-left:0}#tableau{gap:var(--card-wspace) calc(var(--card-hspace)/2)}#notifications{bottom:25%}}@media (orientation:landscape){#icon-help img{aspect-ratio:2/1;background-image:url(https://bharrisaplus.github.io/pcs_web/img/help_wide.svg);height:50vh;max-height:50vh}}@media (orientation:portrait){#icon-help img{aspect-ratio:1/2;background-image:url(https://bharrisaplus.github.io/pcs_web/img/help_portrait.svg);height:75vh;max-height:75vh}}#pcs-shell main[data-dye=green-dye]{background:var(--bg-emerald)}#pcs-shell main[data-dye=red-dye]{background:var(--bg-cherry)}#pcs-shell main[data-dye=blue-dye]{background:var(--bg-twilight)}#pcs-shell main[data-dye=purple-dye]{background:var(--bg-amethyst)}#pcs-shell:has(#notifications:popover-open) #qhelp,#pcs-shell:has(#notifications:popover-open) #repolink,#pcs-shell:has(#notifications:popover-open) #ribbon,#pcs-shell:has(#notifications:popover-open) #tableau,#pcs-shell:has(dialog:open) #qhelp,#pcs-shell:has(dialog:open) #repolink,#pcs-shell:has(dialog:open) #ribbon,#pcs-shell:has(dialog:open) #tableau,#pcs-shell:has(main .hide-before-load) #ribbon,#pcs-shell:has(main :popover-open) #qhelp,#pcs-shell:has(main :popover-open) #repolink,#pcs-shell:has(main :popover-open) #ribbon{cursor:default;pointer-events:none}#pcs-shell:has(#brush select:disabled) main #tableau .playing-card,#pcs-shell:has(#ribbon button:disabled) main #tableau .playing-card{cursor:default;pointer-events:none}#qhelp svg{fill:#4b4b4b40}#qhelp svg,#repolink svg{pointer-events:none;-webkit-user-select:none;user-select:none}#ribbon .ribbon-bow{background-color:initial}#ribbon button:disabled,#ribbon select:disabled{pointer-events:none}#ribbon:has(button:active) #clawimg-desc[role=tooltip],#ribbon:has(button:active) #clawtxt-desc[role=tooltip],#ribbon:has(button:active) #reset-desc[role=tooltip],#ribbon:has(button:active) #shuffle-desc[role=tooltip],#ribbon:has(button:disabled) #clawimg-desc[role=tooltip],#ribbon:has(button:disabled) #clawtxt-desc[role=tooltip],#ribbon:has(button:disabled) #reset-desc[role=tooltip],#ribbon:has(button:disabled) #shuffle-desc[role=tooltip]{visibility:hidden}#ribbon:has(#claw .claw-img:focus) #clawimg-desc[role=tooltip],#ribbon:has(#claw .claw-txt:focus) #clawtxt-desc[role=tooltip],#ribbon:has(#reset button:focus) #reset-desc[role=tooltip],#ribbon:has(#shuffle:focus) #shuffle-desc[role=tooltip]{visibility:visible}#brush select[name=brush-wells] option:nth-of-type(2){background-color:var(--emerald-fade)}#brush select[name=brush-wells] option:nth-of-type(3){background-color:var(--cherry-fade)}#brush select[name=brush-wells] option:nth-of-type(4){background-color:var(--twilight-fade)}#brush select[name=brush-wells] option:nth-of-type(5){background-color:var(--amethyst-fade)}#claw button:active,#reset button:active{box-shadow:1.5px 1px var(--common-dark-fade);translate:0 1.5px}#pageload-curtain .loading-indicator .loading-dots span{animation:1.5s ease-out .4s 36 alternate;color:var(--card-base);opacity:0}#tableau:has(+:popover-open) .playing-card{cursor:default;pointer-events:none}#turntable::backdrop{backdrop-filter:none;background-color:initial;border-radius:inherit;transition:all allow-discrete .7s ease-in-out}#turntable:popover-open::backdrop{backdrop-filter:blur(3px);background-color:var(--turntable-dustcover)}#turntable button{cursor:pointer}#turntable .turntable-cue-lever button:disabled{cursor:auto}#turntable .turntable-cue-lever-regression:disabled+.turntable-cue-lever-spacer:has(+.turntable-cue-lever-progression:disabled):before{content:"\2234"}#turntable .turntable-cue-lever-regression:disabled+.turntable-cue-lever-spacer:has(+.turntable-cue-lever-progression:disabled):after{content:"\1F382"}#notifications .toast .toast-close{cursor:pointer}#icon-help::backdrop{backdrop-filter:blur(3px);background-color:var(--turntable-dustcover)}#icon-help button[command=close]:focus-visible{border:none;outline:none}#pageload-curtain.loading-done .loading-indicator .loading-dots span,#pageload-curtain.loading-done .loading-indicator .loading-spinny{animation-play-state:paused}#pageload-curtain .loading-indicator .loading-dots span:first-child{animation-name:dotdot-dot}#pageload-curtain .loading-indicator .loading-dots span:nth-child(2){animation-name:dotdot-dotdot}#pageload-curtain .loading-indicator .loading-dots span:nth-child(3){animation-name:dotdot-dotdotdot}#tableau svg[role=img] use{pointer-events:none}@starting-style{#pageload-curtain .loading-indicator .loading-spinny{rotate:0deg}#pageload-curtain .loading-indicator .loading-dots span{opacity:0}#tableau .playing-card{box-shadow:none;opacity:1;rotate:0deg}#turntable:popover-open{opacity:0}#turntable:popover-open::backdrop{backdrop-filter:none;background-color:initial}#toaster:popover-open{opacity:0;visibility:hidden}}@media (hover:hover){#repolink:hover{opacity:.4}#ribbon:has(#claw .claw-img:hover) #clawimg-desc[role=tooltip],#ribbon:has(#claw .claw-txt:hover) #clawtxt-desc[role=tooltip],#ribbon:has(#reset button:hover) #reset-desc[role=tooltip],#ribbon:has(#shuffle:hover) #shuffle-desc[role=tooltip]{visibility:visible}#tableau .playing-card:hover{box-shadow:3px 3px 5px 3px var(--card-shimmer),0 0 2.5px 1.5px var(--card-shimmer);rotate:-9deg}}#tableau::-webkit-scrollbar-track{background:#0000}#tableau::-webkit-scrollbar-thumb{background:var(--card-shimmer);border-radius:9px}@supports (scrollbar-color:var(--card-shimmer ) transparent){#tableau{scrollbar-color:var(--card-shimmer) #0000}}