/* Write your global styles here, in PostCSS syntax */

:root {
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;
  background-color: #2e3440;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

body, main, div, p, ul, li {
  box-sizing: border-box;
}

body {
  margin: 0;
  place-items: center;
  background-color: #2e3440;
  overflow: hidden;
}

#body-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: calc(100% - 20px);
}

#game-container {
  width: 100%;
  display: flex;
  position: relative;
  justify-content: center;
  padding: 14px 0 0 0;
}

#app-control-panel {
  padding: 24px 0 0 0;
}

#bling-box {
}

.game-wrapper {
  padding: 28px 4px 4px 4px;
  background: rgb(34, 48, 62);
  border-radius: 16px;
  position: relative;
  box-shadow: 
    8px 13px 14px rgba(  0,   0,   0, 0.5), 
    4px  0px 12px rgba(255, 255, 255, 0.05)
}

/*
@media (min-width: 958px) and (max-width: 1199px) { .game-wrapper { margin-left: -4%; } }
@media (min-width: 1200px) { .game-wrapper { margin-left: -260px; } }
*/

.game-border {
  overflow: hidden;
  border-radius: 6px 6px 12px 12px;
  height: 520px;
}

canvas:focus-visible {
  outline: none !important;
}


@keyframes rotate {
  100% {
    transform: rotate(1turn);
  }
}

.welcome-start .instructions .big {
    margin-left: 8vw;
}
@media screen and (max-width: 600px) {
  .welcome-start .instructions .big {
    margin-left: 4vw;
  }
}

.popup-wrapper {
    position: absolute;
    z-index: 10;
}

.popup-wrapper.top { 
  top: -42px; 
  left: calc(50% - 70px); 
}
.popup-wrapper.left { 
  left: -60px; 
  top: 20%; 
}

.popup-wrapper.top.offset-6 {  margin-top: 6px; }
.popup-wrapper.left.offset-6 {  margin-left: 6px; }

.popup-arrow {
    position: absolute;
    z-index: 10;
}

.popup-arrow.down {
  bottom: -10px;
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;  
  border-top: 10px solid #000;
  left: calc(50% - 5px);
}

.popup-details {
  margin: 0;
  padding: 8px 8px 8px 18px;
  border-radius: 12px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.9;
  cursor: pointer;
  background: rgb(0, 0, 0);
  color: rgba(255, 255, 2550, 0.9);
}



.popup-details:hover {
    opacity: 1;
}

.popup-details .title {
    font-family: 'Archivo';
}

.popup-details .info-bug {
    width: 40px;
    display: flex;
    margin: 2px 0 0 0;
    justify-content: center;
}

.popup-details svg {
    color: rgb(240, 240, 240);
}


/*

#2e3440  slate dark
#3b4252  slate A
#434c5e  slate B
#4c566a  slate C 

#d8dee9  frost dark
#e5e9f0  frost medium
#eceff4  frost pale

FROST COLORS
#8fbcbb  blue green
#88c0d0  blue pale
#81a1c1  blue somber
#5e81ac  blue dark

AURORA COLORS
#bf616a   red
#d08770   orange
#ebcb8b   yellow
#a3be8c   green 
#b48ead   purple


*/.app-header.svelte-uv75h8{width:100%;background-color:#3b4252;height:28px;display:flex;justify-content:flex-start;align-items:center}.app-name.svelte-uv75h8{font-family:'Archivo';font-size:clamp(22px, 2vw, 40px);color:#4c566a;text-transform:uppercase;text-shadow:1px 1px 2px #2e3440, -1px -1px 2px #2e3440;line-height:0.8;margin:0 0 -4px 4vw}.frame-action.svelte-1boisk8{position:absolute;top:-8px;right:5px;width:48px;height:2px;border-radius:4px;background-color:rgba(0, 0, 0, 0);z-index:100;pointer-events:none;transform:translate(0px, 0px);transition:transform 200ms ease-in-out, background-color 300ms ease-in-out}.frame-action.index-0.svelte-1boisk8{transform:translate(   0px, 0px)}.frame-action.index-1.svelte-1boisk8{transform:translate( -50px, 0px)}.frame-action.index-2.svelte-1boisk8{transform:translate(-100px, 0px)}.frame-action.index-3.svelte-1boisk8{transform:translate(-150px, 0px)}.frame-action.index-4.svelte-1boisk8{transform:translate(-200px, 0px)}.frame-action.index-5.svelte-1boisk8{transform:translate(-250px, 0px)}.frame-action.index-6.svelte-1boisk8{transform:translate(-300px, 0px)}.frame-action.index-7.svelte-1boisk8{transform:translate(-350px, 0px)}.frame-action.color-bronze.svelte-1boisk8{background-color:rgba(  69, 117, 112, 1.0)}.frame-action.color-chartreuse.svelte-1boisk8{background-color:rgba(  90, 270, 230, 1.0)}.frame-action.color-lilac.svelte-1boisk8{background-color:rgba( 100, 242, 174, 1.0)}.frame-action.color-lime.svelte-1boisk8{background-color:rgba( 106, 215,  39, 1.0)}.frame-action.color-peach.svelte-1boisk8{background-color:rgba( 255, 185,  82, 1.0)}.frame-action.color-periwinkle.svelte-1boisk8{background-color:rgba( 140,   0, 255, 1.0)}.frame-action.color-red.svelte-1boisk8{background-color:rgba( 217,  54,  54, 1.0)}.frame-action.color-white.svelte-1boisk8{background-color:rgba( 209, 249, 255, 1.0)}.tick-number.svelte-1a5yf13{position:absolute;top:4px;right:0px;font-family:monospace;color:#ebcb8b;display:flex;align-items:center;font-size:18px;justify-content:flex-end;padding-right:8px}.hundreds.svelte-1a5yf13,.tens.svelte-1a5yf13{text-align:right;transition:transform 170ms;transform:scale(1, 1)}.hundreds.flat-numbers.svelte-1a5yf13,.tens.flat-numbers.svelte-1a5yf13{transform:scale(1, 0.3)}.hundreds.tall-numbers.svelte-1a5yf13,.tens.tall-numbers.svelte-1a5yf13{transform:scale(1, 1.2)}.tens.blur-numbers.svelte-1a5yf13{filter:url("#blurFilter")}.phase-number.svelte-1a5yf13{position:absolute;top:-108px;right:0;width:140px;font-family:'Archivo';color:#ebcb8b;text-align:right;font-size:2vw;padding-right:1vw;text-transform:uppercase}.phase-action.svelte-1n39oea.svelte-1n39oea{padding:0px 0px 4px 0px;border:solid;border-width:1px;border-top-color:rgba(0, 0, 0, 0);border-right-color:rgba(0, 0, 0, 0.4);border-bottom-color:rgba(0, 0, 0, 0);border-left-color:rgba(0, 0, 0, 0);transition:border-color 400ms ease-in-out;border-radius:3px 3px 4px 4px}
    .tab-stack:last-of-type .phase-action
{border-right-color:rgba(0, 0, 0, 0);border-bottom-right-radius:15px}
    .tab-stack:nth-of-type(2) .phase-action
{border-bottom-left-radius:15px}.action-item.svelte-1n39oea.svelte-1n39oea{position:relative;display:flex;justify-content:center;align-items:center;height:24px;font-size:20px;overflow:hidden;margin:4px 0px 0px 0px}.action-item.broken.svelte-1n39oea.svelte-1n39oea{background:rgba(255, 0, 255, 0.2)}.register-priority.svelte-1n39oea.svelte-1n39oea{position:relative;height:22px;color:rgba(255, 255, 255, 0.9);font-size:19px;line-height:1;padding:3px 0px 0px 0px;display:flex;justify-content:center}.dead.svelte-1n39oea .action-item.svelte-1n39oea{opacity:0}.dead.svelte-1n39oea .register-priority.svelte-1n39oea{opacity:0}
    .phase-action.register .FaSolidWindowClose.broken
{position:absolute;top:3px;left:5px;z-index:2;transform:scale(3.7, 2.4)}.phase-action.active.color-bronze.svelte-1n39oea.svelte-1n39oea{border-color:rgba(  69, 117, 112, 0.8);border-top-color:rgba(  69, 117, 112, 0.4)}.phase-action.active.color-chartreuse.svelte-1n39oea.svelte-1n39oea{border-color:rgba(  90, 270, 230, 0.8);border-top-color:rgba(  90, 270, 230, 0.4)}.phase-action.active.color-lilac.svelte-1n39oea.svelte-1n39oea{border-color:rgba( 100, 242, 174, 0.8);border-top-color:rgba( 100, 242, 174, 0.4)}.phase-action.active.color-lime.svelte-1n39oea.svelte-1n39oea{border-color:rgba( 106, 215,  39, 0.8);border-top-color:rgba( 106, 215,  39, 0.4)}.phase-action.active.color-peach.svelte-1n39oea.svelte-1n39oea{border-color:rgba( 255, 185,  82, 0.8);border-top-color:rgba( 255, 185,  82, 0.4)}.phase-action.active.color-periwinkle.svelte-1n39oea.svelte-1n39oea{border-color:rgba( 140,   0, 255, 1.0);border-top-color:rgba( 140,   0, 255, 0.6)}.phase-action.active.color-red.svelte-1n39oea.svelte-1n39oea{border-color:rgba( 217,  54,  54, 0.8);border-top-color:rgba( 217,  54,  54, 0.4)}.phase-action.active.color-white.svelte-1n39oea.svelte-1n39oea{border-color:rgba( 209, 249, 255, 0.8);border-top-color:rgba( 209, 249, 255, 0.4)}.player-tabs.svelte-18hw5r8.svelte-18hw5r8{position:absolute;display:flex;top:-5px;right:10px;background:#2e3440;padding:0px 4px 3px 4px;border-radius:14px 14px 16px 16px;box-shadow:0px 0px 20px rgba(100, 175, 255, 0.15)}.tab-stack.svelte-18hw5r8.svelte-18hw5r8{width:50px;display:flex;flex-direction:column}.player-tab.svelte-18hw5r8.svelte-18hw5r8{width:50px;height:30px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;z-index:22}.tab-stack.svelte-18hw5r8:nth-of-type(2) .player-tab.svelte-18hw5r8{border-radius:5px 0px 0px 0px}.tab-stack.svelte-18hw5r8:last-of-type .player-tab.svelte-18hw5r8{border-radius:0px 5px 0px 0}.bubble.svelte-18hw5r8.svelte-18hw5r8{position:absolute;top:-30px;color:rgb(240, 90, 0);font-weight:bold;font-size:1.2em}.health-value.svelte-18hw5r8.svelte-18hw5r8{color:rgba(255, 255, 255, 0.7);font-size:14px;font-weight:bold;pointer-events:none;width:26px;height:22px;background-color:rgba(0, 0, 0, 0.5);border-radius:20px;position:absolute;overflow:hidden;text-align:center;padding:1px 0 0 1px;transition:background-color 800ms ease-in-out}.player-tabs .health-value svg{position:absolute;top:-1em;left:-0.85em}.player-tabs.svelte-18hw5r8:hover .player-tab:hover .health-value.svelte-18hw5r8,.player-tab.open.svelte-18hw5r8 .health-value.svelte-18hw5r8{color:rgba( 255, 255, 255, 1.00);background-color:rgba(0, 0, 0, 0.4)}.health-value.show-damage.svelte-18hw5r8.svelte-18hw5r8,.player-tabs.svelte-18hw5r8:hover .player-tab:hover .health-value.show-damage.svelte-18hw5r8,.player-tab.open.svelte-18hw5r8 .health-value.show-damage.svelte-18hw5r8{background-color:rgba(180, 40, 0, 0.9);transition:background-color 50ms ease-in-out}.color-bronze.svelte-18hw5r8.svelte-18hw5r8{background-color:rgba(  69, 117, 112, 0.25);border-top:4px solid rgba(  69, 117, 112, 1.0)}.color-chartreuse.svelte-18hw5r8.svelte-18hw5r8{background-color:rgba(  90, 270, 230, 0.25);border-top:4px solid rgba(  90, 270, 230, 1.0)}.color-lilac.svelte-18hw5r8.svelte-18hw5r8{background-color:rgba( 100, 242, 174, 0.25);border-top:4px solid rgba( 100, 242, 174, 1.0)}.color-lime.svelte-18hw5r8.svelte-18hw5r8{background-color:rgba( 106, 215,  39, 0.25);border-top:4px solid rgba( 106, 215,  39, 1.0)}.color-peach.svelte-18hw5r8.svelte-18hw5r8{background-color:rgba( 255, 185,  82, 0.25);border-top:4px solid rgba( 255, 185,  82, 1.0)}.color-periwinkle.svelte-18hw5r8.svelte-18hw5r8{background-color:rgba( 140,   0, 255, 0.25);border-top:4px solid rgba( 140,   0, 255, 1.0)}.color-red.svelte-18hw5r8.svelte-18hw5r8{background-color:rgba( 217,  54,  54, 0.25);border-top:4px solid rgba( 217,  54,  54, 1.0)}.color-white.svelte-18hw5r8.svelte-18hw5r8{background-color:rgba( 209, 249, 255, 0.25);border-top:4px solid rgba( 209, 249, 255, 1.0)}.player-tabs.svelte-18hw5r8:hover .color-bronze.svelte-18hw5r8{background-color:rgba( 69,  117, 112, 0.85)}.player-tabs.svelte-18hw5r8:hover .color-chartreuse.svelte-18hw5r8{background-color:rgba( 90,  270, 230, 0.85)}.player-tabs.svelte-18hw5r8:hover .color-lilac.svelte-18hw5r8{background-color:rgba( 100, 242, 174, 0.85)}.player-tabs.svelte-18hw5r8:hover .color-lime.svelte-18hw5r8{background-color:rgba( 106, 215,  39, 0.85)}.player-tabs.svelte-18hw5r8:hover .color-peach.svelte-18hw5r8{background-color:rgba( 255, 185,  82, 0.85)}.player-tabs.svelte-18hw5r8:hover .color-periwinkle.svelte-18hw5r8{background-color:rgba( 140,   0, 255, 0.85)}.player-tabs.svelte-18hw5r8:hover .color-red.svelte-18hw5r8{background-color:rgba( 217,  54,  54, 0.85)}.player-tabs.svelte-18hw5r8:hover .color-white.svelte-18hw5r8{background-color:rgba( 209, 249, 255, 0.85)}.player-tabs.svelte-18hw5r8:hover .color-bronze.svelte-18hw5r8:hover{background-color:rgba(  69, 117, 112, 1.00)}.player-tabs.svelte-18hw5r8:hover .color-chartreuse.svelte-18hw5r8:hover{background-color:rgba(  90, 270, 230, 1.00)}.player-tabs.svelte-18hw5r8:hover .color-lilac.svelte-18hw5r8:hover{background-color:rgba( 100, 242, 174, 1.00)}.player-tabs.svelte-18hw5r8:hover .color-lime.svelte-18hw5r8:hover{background-color:rgba( 106, 215,  39, 1.00)}.player-tabs.svelte-18hw5r8:hover .color-peach.svelte-18hw5r8:hover{background-color:rgba( 255, 185,  82, 1.00)}.player-tabs.svelte-18hw5r8:hover .color-periwinkle.svelte-18hw5r8:hover{background-color:rgba( 140,   0, 255, 1.00)}.player-tabs.svelte-18hw5r8:hover .color-red.svelte-18hw5r8:hover{background-color:rgba( 217,  54,  54, 1.00)}.player-tabs.svelte-18hw5r8:hover .color-white.svelte-18hw5r8:hover{background-color:rgba( 209, 249, 255, 1.00)}.color-bronze.open.svelte-18hw5r8.svelte-18hw5r8,.player-tabs.svelte-18hw5r8:hover .color-bronze.open.svelte-18hw5r8{background-color:rgba(  69, 117, 112, 1.00)}.color-chartreuse.open.svelte-18hw5r8.svelte-18hw5r8,.player-tabs.svelte-18hw5r8:hover .color-chartreuse.open.svelte-18hw5r8{background-color:rgba(  90, 270, 230, 1.00)}.color-lilac.open.svelte-18hw5r8.svelte-18hw5r8,.player-tabs.svelte-18hw5r8:hover .color-lilac.open.svelte-18hw5r8{background-color:rgba( 100, 242, 174, 1.00)}.color-lime.open.svelte-18hw5r8.svelte-18hw5r8,.player-tabs.svelte-18hw5r8:hover .color-lime.open.svelte-18hw5r8{background-color:rgba( 106, 215,  39, 1.00)}.color-peach.open.svelte-18hw5r8.svelte-18hw5r8,.player-tabs.svelte-18hw5r8:hover .color-peach.open.svelte-18hw5r8{background-color:rgba( 255, 185,  82, 1.00)}.color-periwinkle.open.svelte-18hw5r8.svelte-18hw5r8,.player-tabs.svelte-18hw5r8:hover .color-periwinkle.open.svelte-18hw5r8{background-color:rgba( 140,   0, 255, 1.00)}.color-red.open.svelte-18hw5r8.svelte-18hw5r8,.player-tabs.svelte-18hw5r8:hover .color-red.open.svelte-18hw5r8{background-color:rgba( 217,  54,  54, 1.00)}.color-white.open.svelte-18hw5r8.svelte-18hw5r8,.player-tabs.svelte-18hw5r8:hover .color-white.open.svelte-18hw5r8{background-color:rgba( 209, 249, 255, 1.00)}.player-tab.open.svelte-18hw5r8.svelte-18hw5r8,.tab-stack.svelte-18hw5r8:first-of-type .player-tab.open.svelte-18hw5r8,.tab-stack.svelte-18hw5r8:last-of-type .player-tab.open.svelte-18hw5r8{z-index:24;margin:-2px -2px -5px -2px;padding-bottom:4px;padding-top:6px;height:33px;width:54px;border:solid rgb(255, 255, 255);border-width:2px 2px 0 2px;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:0px;border-bottom-right-radius:0px}.tab-stack.svelte-18hw5r8:first-of-type .player-tab.open.svelte-18hw5r8{width:57px;margin-left:-4px}.tab-stack.svelte-18hw5r8:last-of-type .player-tab.open.svelte-18hw5r8{width:57px;margin-right:-4px}.icon-box.svelte-qzx78a{border:solid rgb(60, 90, 110) 1px;position:relative;display:flex;justify-content:center;align-items:center;height:32px;width:100%;font-size:20px;overflow:hidden}.icon-box.svelte-qzx78a:first-of-type{border-bottom:none}.icon-box.broken.svelte-qzx78a{background:rgba(255, 0, 255, 0.2)}
    .player-panel .action-frame .FaSolidWindowClose.broken
{position:absolute;top:1px;left:6px;z-index:2;transform:scale(4.4, 2.3)}.empty-action.svelte-qzx78a{width:100%}
    .player-panel .action-frame svg
{margin:0px}.action-frame.svelte-10o4utb{margin:0px;padding:0px;display:flex;justify-content:center;font-size:16px}.column.svelte-10o4utb{width:calc(20% - 2px);margin:0px -1px 0 0;font-size:0.7em;display:flex;flex-direction:column;align-items:center}.color-bronze.svelte-10o4utb{border-color:rgba(  69, 117, 112, 1)}.color-chartreuse.svelte-10o4utb{border-color:rgba(  90, 270, 230, 1)}.color-lilac.svelte-10o4utb{border-color:rgba( 100, 242, 174, 1)}.color-lime.svelte-10o4utb{border-color:rgba( 106, 215,  39, 1)}.color-peach.svelte-10o4utb{border-color:rgba( 255, 185,  82, 1)}.color-periwinkle.svelte-10o4utb{border-color:rgba( 140,   0, 255, 1)}.color-red.svelte-10o4utb{border-color:rgba( 217,  54,  54, 1)}.color-white.svelte-10o4utb{border-color:rgba( 209, 249, 255, 1)}.registers.svelte-1r9tcxk{display:flex;justify-content:center;font-size:18px;padding:18px 8px 0 12px;width:100%}.register.svelte-1r9tcxk{width:calc(20% - 2px);margin:0px -1px 0 0}.action-item.svelte-1r9tcxk,.register-priority.svelte-1r9tcxk{width:calc(100% - 2px);height:32px;border:solid rgb(60, 90, 110) 1px;border-radius:6px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;margin:0px}.register-priority.svelte-1r9tcxk{border-radius:18px;margin-top:6px;padding-top:3px;font-weight:normal;font-size:16px}.action-item.svelte-1r9tcxk{font-size:20px}.action-item.broken.svelte-1r9tcxk{background:rgba(255, 0, 255, 0.2)}
    .player-panel .register .FaSolidWindowClose.broken
{position:absolute;top:1px;left:4px;z-index:2;transform:scale(3.3, 2.4)}
    .player-panel .register svg
{margin:0px}.player-panel.svelte-1wiadl1.svelte-1wiadl1{position:absolute;z-index:10;top:25px;right:20px;padding:0px;border-radius:8px 8px 8px 8px;height:250px;width:220px;border:1px solid rgb(255, 255, 255);box-shadow:-6px 4px 20px rgba(0, 0, 0, 0.3)}.player-panel.index-0.svelte-1wiadl1.svelte-1wiadl1{right:20px}.player-panel.index-1.svelte-1wiadl1.svelte-1wiadl1{right:20px}.player-panel.index-2.svelte-1wiadl1.svelte-1wiadl1{right:20px}.player-panel.index-3.svelte-1wiadl1.svelte-1wiadl1{right:20px}.player-panel.index-4.svelte-1wiadl1.svelte-1wiadl1{right:20px}.player-panel.index-5.svelte-1wiadl1.svelte-1wiadl1{right:70px}.player-panel.index-6.svelte-1wiadl1.svelte-1wiadl1{right:120px}.player-panel.index-7.svelte-1wiadl1.svelte-1wiadl1{right:170px}.body-border.svelte-1wiadl1.svelte-1wiadl1{display:flex;width:calc(100% + 32px);border-radius:3px;border:solid white 1px;margin:-1px -16px 0px -16px}.body.svelte-1wiadl1.svelte-1wiadl1{width:100%;border-radius:3px;border:solid;border-width:16px 6px 18px 6px;display:flex}.body-inner.svelte-1wiadl1.svelte-1wiadl1{border-radius:1px;color:white;font-size:2em;font-weight:bold;background:#2e3440;width:calc(100% + 12px);padding:10px 4px 12px 4px;border-radius:3px;border-style:solid;margin:-3px;border-width:4px;border-top-color:rgba(140, 140, 140, 0.1);border-bottom-color:rgba(0, 0, 0, 0.2);border-right-color:rgba(0, 0, 0, 0.1);border-left-color:rgba(120, 120, 120, 0.1)}.color-bronze.svelte-1wiadl1.svelte-1wiadl1{background-color:rgba(  69, 117, 112, 0.5)}.color-chartreuse.svelte-1wiadl1.svelte-1wiadl1{background-color:rgba(  90, 270, 230, 0.5)}.color-lilac.svelte-1wiadl1.svelte-1wiadl1{background-color:rgba( 100, 242, 174, 0.5)}.color-lime.svelte-1wiadl1.svelte-1wiadl1{background-color:rgba( 106, 215,  39, 0.5)}.color-peach.svelte-1wiadl1.svelte-1wiadl1{background-color:rgba( 255, 185,  82, 0.5)}.color-periwinkle.svelte-1wiadl1.svelte-1wiadl1{background-color:rgba( 140,   0, 255, 0.5)}.color-red.svelte-1wiadl1.svelte-1wiadl1{background-color:rgba( 217,  54,  54, 0.5)}.color-white.svelte-1wiadl1.svelte-1wiadl1{background-color:rgba( 209, 249, 255, 0.5)}.color-bronze.svelte-1wiadl1 .body.svelte-1wiadl1{border-color:rgba(  69, 117, 112, 1)}.color-chartreuse.svelte-1wiadl1 .body.svelte-1wiadl1{border-color:rgba(  90, 270, 230, 1)}.color-lilac.svelte-1wiadl1 .body.svelte-1wiadl1{border-color:rgba( 100, 242, 174, 1)}.color-lime.svelte-1wiadl1 .body.svelte-1wiadl1{border-color:rgba( 106, 215,  39, 1)}.color-peach.svelte-1wiadl1 .body.svelte-1wiadl1{border-color:rgba( 255, 185,  82, 1)}.color-periwinkle.svelte-1wiadl1 .body.svelte-1wiadl1{border-color:rgba( 140,   0, 255, 1)}.color-red.svelte-1wiadl1 .body.svelte-1wiadl1{border-color:rgba( 217,  54,  54, 1)}.color-white.svelte-1wiadl1 .body.svelte-1wiadl1{border-color:rgba( 209, 249, 255, 1)}.player-name.svelte-1wiadl1.svelte-1wiadl1{margin:4px 10px -50px 18px;font-size:18px;color:rgba(0, 0, 0, 0.8);font-weight:bold;letter-spacing:0.05em;font-family:monospace;text-shadow:0 0 20px rgba(255, 255, 255, 1), 
                 0 0 20px rgba(255, 255, 255, 1)}.info-panel.svelte-1mgzvxg{position:absolute;z-index:10;top:0px;right:0px}.phase-title.svelte-1mgzvxg{position:absolute;top:1px;right:200px;display:flex;align-items:center;color:#508989;font-size:20px;font-weight:bold;text-transform:lowercase;background:black;padding:0em 0em 0em 0.5em;height:26px;overflow:hidden;border-radius:3px}.label.svelte-1mgzvxg{font-size:0.8em;letter-spacing:0.05em;opacity:0.9}.number.svelte-1mgzvxg{padding:0.1em 0.6em 0.1em 0.5em;margin:0em 0em 0 0.3em;line-height:1.1;border-radius:0 3px 3px 0;background:#35545e}.phase-title.index-1.svelte-1mgzvxg{right:90px }.phase-title.index-2.svelte-1mgzvxg{right:140px }.phase-title.index-3.svelte-1mgzvxg{right:190px }.phase-title.index-4.svelte-1mgzvxg{right:240px }.phase-title.index-5.svelte-1mgzvxg{right:290px }.phase-title.index-6.svelte-1mgzvxg{right:340px }.phase-title.index-7.svelte-1mgzvxg{right:390px }.phase-banner.svelte-lp7jjw.svelte-lp7jjw{position:absolute;height:180px;width:100%;top:80px;display:flex;justify-content:center;align-items:center}.phase-wrap.svelte-lp7jjw.svelte-lp7jjw{display:flex;justify-content:center;align-items:center;box-shadow:0px 0px 200px #ffa000 inset, 
                  8px  2px  0px rgb(255, 255, 255), 
                  4px -4px  0px rgb(255, 255, 255),
                 -8px  2px  0px rgb(255, 255, 255),
                 -4px -4px  0px rgb(255, 255, 255);padding:50px 64px 50px 50px;border-radius:300px;transition:transform 700ms, padding 700ms, opacity 500ms;transform:scale(0.4, 0.4);opacity:0;width:120%;margin:0 -100px 0 -100px}.phase-banner.show.svelte-lp7jjw .phase-wrap.svelte-lp7jjw{transform:scale(0.5, 0.5);opacity:1;padding:60px 74px 60px 60px}.phase-banner.fadeout.svelte-lp7jjw .phase-wrap.svelte-lp7jjw{transform:scale(0.6, 0.6);opacity:0;padding:80px 194px 80px 180px}.phase.svelte-lp7jjw.svelte-lp7jjw{font-family:'Archivo';font-size:110px;color:#e06000;line-height:0.8;display:flex}.phase.svelte-lp7jjw .name.svelte-lp7jjw{display:block;letter-spacing:-0.11em;margin:0;transition:transform 2000ms;transform:scale(1, 1) translate(0, 0);text-shadow:2px  2px 1px rgb(255, 255, 255), 
                  2px -2px 1px rgb(255, 255, 255),
                 -2px  2px 1px rgb(255, 255, 255),
                 -2px -2px 1px rgb(255, 255, 255)}.phase.svelte-lp7jjw .num.svelte-lp7jjw{display:block;width:120px;height:120px;border-radius:80px;color:white;background:#ff8000;margin:-12px -30px -14px 18px;transform:margin 1000ms;padding:12px 0 0 22px;box-sizing:border-box;transition:transform 2000ms;transform:scale(1, 1) translate(0, 0);box-shadow:8px  2px  0px rgb(255, 255, 255), 
                  4px -4px  0px rgb(255, 255, 255),
                 -8px  2px  0px rgb(255, 255, 255),
                 -4px -4px  0px rgb(255, 255, 255);text-shadow:2px  2px 1px rgb(255, 100, 0), 
                  2px -2px 1px rgb(255, 100, 0),
                 -2px  2px 1px rgb(255, 100, 0),
                 -2px -2px 1px rgb(255, 100, 0)}.phase-banner.show.svelte-lp7jjw .phase .name.svelte-lp7jjw,.phase-banner.fadeout.svelte-lp7jjw .phase .name.svelte-lp7jjw{transform:scale(0.95, 0.8) translate(4px, 2px)}.phase-banner.show.svelte-lp7jjw .phase .num.svelte-lp7jjw,.phase-banner.fadeout.svelte-lp7jjw .phase .num.svelte-lp7jjw{transform:scale(2.2, 2.0) translate(26px, -4px)}button.svelte-duwk50{cursor:pointer;color:#567;font-weight:bold;font-size:inherit;padding:0.6em 1em;margin:0 0.3em;border-radius:0.1em;background-color:#e8e8e8;border:1px solid rgba(255, 255, 255, 0.5);letter-spacing:0.08em;display:flex;justify-content:center;align-items:center;position:relative;z-index:10}button.wobot-button > div{pointer-events:none}button.circular.svelte-duwk50{border-radius:2em;padding:0.6em;-webkit-clip-path:circle(1.9em at center);clip-path:circle(1.9em at center);width:3.2em;height:3.2em}button.wide.svelte-duwk50{width:100%;text-align:center}button.yellow.svelte-duwk50{background-color:#ebcb8b;color:rgba(255, 255, 255, 0.9);text-shadow:1px 1px 2px #bbab00, 
        -1px -1px 2px #bbab00}button.red.svelte-duwk50{background-color:#bf616a;color:rgba(255, 255, 255, 0.9);text-shadow:1px 1px 2px #8f414a, 
        -1px -1px 2px #8f414a}button.orange.svelte-duwk50{background-color:#ff9750;color:rgba(255, 255, 255, 0.9);text-shadow:1px 1px 2px #a05740, 
        -1px -1px 2px #a05740}button.purple.svelte-duwk50{background-color:#b48ead;color:rgba(255, 255, 255, 0.9);text-shadow:1px 1px 2px #845e7d, 
        -1px -1px 2px #845e7d}button.green.svelte-duwk50{background-color:#a3be8c;color:rgba(255, 255, 255, 0.9);text-shadow:1px 1px 2px #738e5c, 
        -1px -1px 2px #738e5c}button.frost1.svelte-duwk50{background-color:#8fbcbb;color:rgba(255, 255, 255, 0.9);text-shadow:1px 1px 2px #5f8c8b, 
        -1px -1px 2px #5f8c8b}button.frost2.svelte-duwk50{background-color:#88c0d0;color:rgba(255, 255, 255, 0.9);text-shadow:1px 1px 2px #5890a0, 
        -1px -1px 2px #5890a0}button.frost3.svelte-duwk50{background-color:#81a1c1;color:rgba(255, 255, 255, 0.9);text-shadow:1px 1px 2px #518191, 
        -1px -1px 2px #518191}button.frost4.svelte-duwk50{background-color:#5e81ac;color:rgba(255, 255, 255, 0.9);text-shadow:1px 1px 2px #2e518c, 
        -1px -1px 2px #2e518c}button.yellow.svelte-duwk50:hover{background-color:#dbbb7b;text-shadow:none}button.red.svelte-duwk50:hover{background-color:#af515a;text-shadow:none}button.orange.svelte-duwk50:hover{background-color:#d08730;text-shadow:none}button.purple.svelte-duwk50:hover{background-color:#a47e9d;text-shadow:none}button.green.svelte-duwk50:hover{background-color:#93ae7c;text-shadow:none}button.frost1.svelte-duwk50:hover{background-color:#9fcccb;text-shadow:none}button.frost2.svelte-duwk50:hover{background-color:#98d0e0;text-shadow:none}button.frost3.svelte-duwk50:hover{background-color:#91b1d1;text-shadow:none}button.frost4.svelte-duwk50:hover{background-color:#6e91bc;text-shadow:none}button.svelte-duwk50:active{color:#666;box-shadow:inset 4px 4px 12px #c5c5c5,
        inset -4px -4px 12px rgba(255, 255, 255, 0.5)}button.group.svelte-duwk50{margin:0.2em -3px 0.2em -1px}button.stack.svelte-duwk50{margin:-2px 0.3em}button.stack2.svelte-duwk50{margin:-1px 0 -1px 0;padding:0.7em 0}button.group.stack.svelte-duwk50{margin:-2px -2px -2px -1px}button.group.svelte-duwk50:first-of-type{margin-left:0.3em}.tooltip-theme-1.tooltip{width:120px;text-align:center}.showcase.svelte-333qbc{font-size:20px;position:absolute;overflow-y:auto;top:64px;right:0;bottom:0;left:0;padding:0 0 60px 0}.column.svelte-333qbc{max-width:600px;display:flex;text-align:left;margin:0 auto;padding:0 0 40px 0}.action-item.svelte-333qbc{display:flex;border:solid rgb(60, 240, 250);border-width:0 0 1px 0;padding:6px 0 6px 8px}.action-item button{height:72px}.action-title.svelte-333qbc{font-family:'Archivo'}.action-notes.svelte-333qbc{font-size:0.8em}.details-pane.svelte-333qbc{padding:1em}.priority-legend.svelte-p8jdt1.svelte-p8jdt1{font-size:19px;padding:1em 3vw;color:#bbb;position:relative;height:100%;max-width:640px;margin:0 auto}h1.svelte-p8jdt1.svelte-p8jdt1{margin:0.4em 0 0.4em 0;padding:0;font-size:1.4em;font-family:'Archivo'}.body.svelte-p8jdt1.svelte-p8jdt1{display:flex;position:relative;height:calc(100% - 2em)}.arrow-icon-wrap.svelte-p8jdt1.svelte-p8jdt1{position:absolute;top:32px;left:7px;transform:scale(1.2, 1.6)}.priority-grid-wrap.svelte-p8jdt1.svelte-p8jdt1{margin:0;border:solid 1px rgba(255, 255, 255, 0.2);border-radius:8px;width:180px;height:206px;padding:8px;flex-shrink:0;display:flex;justify-content:center;align-items:flex-start}.priority-grid.svelte-p8jdt1.svelte-p8jdt1{display:flex;margin:-2px 0 0 0;justify-content:center;align-items:flex-start;flex-wrap:wrap;font-size:15px}.priority-item.svelte-p8jdt1.svelte-p8jdt1{width:calc(25% - 2px);padding:13px 1px;height:60px;display:flex;justify-content:center;align-items:center}.priority-val.svelte-p8jdt1.svelte-p8jdt1{border:solid 1px rgb(220, 255, 255);background:rgba(120, 220, 255, 0.8);line-height:1;letter-spacing:-0.05em;display:flex;justify-content:center;align-items:center;border-radius:24px;color:rgb(0, 60, 70);height:100%;width:100%;opacity:0.9;transition:opacity 500ms}.priority-val.unavailable.svelte-p8jdt1.svelte-p8jdt1{opacity:0.3;background:rgba(0, 0, 0, 0.7);color:white;border:solid 1px rgba(255, 255, 255, 0.8);cursor:default}.priority-val.in-use.svelte-p8jdt1.svelte-p8jdt1{border:solid 2px  #C030B0;background:#b48ead;margin:-6px 0 -6px 0;color:#444;opacity:0.8}.description.svelte-p8jdt1.svelte-p8jdt1{font-size:0.9em;overflow-y:auto;margin:0 -3vw 0 0;padding:12px 3vw 0 0;position:relative}.description.svelte-p8jdt1 p.svelte-p8jdt1{margin:0 0 1em 56px}.description.svelte-p8jdt1 p.indent.svelte-p8jdt1{margin-left:96px}.priority-val.inline.svelte-p8jdt1.svelte-p8jdt1{width:18px;height:16px;margin:0 10px 0px -38px;padding:2px 2px 3px 1px;text-align:center;display:inline-block;font-size:1.1em}.priority-val.sort-order.inline.svelte-p8jdt1.svelte-p8jdt1{border:solid 2px #d08770;background:#d08770;margin:6px 0 0 -42px;padding:1px 10px 11px 2px;opacity:0.7;position:absolute}.modal-panel.overlay{display:flex;width:80vw;height:60vw;opacity:0;transform-origin:top left;transition-property:initial;transition-duration:initial;transition-timing-function:initial}.modal-background.overlay{display:block;top:50%;bottom:50%;right:50%;left:50%;opacity:1;border-radius:max(50vw, 50vh);box-shadow:0 0 100px rgb(0, 0, 0);opacity:0;pointer-events:none;transition:top 600ms, right 600ms, bottom 600ms, left 600ms, opacity 400ms}.modal-background.overlay.show{opacity:1;top:-51%;right:-51%;left:-51%;bottom:-51%;pointer-events:all;transition:opacity 1200ms}.close-me.svelte-1wnxsi4.svelte-1wnxsi4{position:absolute;padding:16px 16px 14px 16px;top:0;right:0;cursor:pointer;opacity:1;font-size:2em;line-height:0.6;font-family:'Archivo';color:#202020;text-shadow:1px  1px 0px rgba(0, 70, 30, 1), 
        -1px -1px 0px rgba(0, 70, 30, 1), 
         1px -1px 0px rgba(0, 70, 30, 1), 
        -1px  1px 0px rgba(0, 70, 30, 1)}.bright.svelte-1wnxsi4 .close-me.svelte-1wnxsi4{color:#90f0f0;text-shadow:1px  1px 0px rgba(0, 200, 200, 1), 
        -1px -1px 0px rgba(0, 200, 200, 1), 
         1px -1px 0px rgba(0, 200, 200, 1), 
         -1px 1px 0px rgba(0, 200, 200, 1)}.close-me.svelte-1wnxsi4.svelte-1wnxsi4:hover{color:#00e0ef}.close-me.svelte-1wnxsi4.svelte-1wnxsi4:hover{opacity:1}.popover.svelte-e3w23w.svelte-e3w23w{position:absolute;z-index:9800;top:0;left:0;width:0;height:0;opacity:0;background:yellow;display:block;overflow:hidden;padding:6px}.popover.confirm.svelte-e3w23w.svelte-e3w23w{border:solid #88eedd;border-width:8px;padding:0;border-radius:116px}.popover.confirm.svelte-e3w23w.svelte-e3w23w:after{content:" ";position:absolute;width:134px;height:96px;background:rgba(190, 110, 0, 0.6);top:14px;border-radius:280px;left:calc(50% - 106px);mix-blend-mode:hard-light;pointer-events:none;border:solid 40px rgba(90, 250, 90, 0.8);box-shadow:1px 1px 16px rgba(0, 100, 140, 1);opacity:0.6}.pop-contents.svelte-e3w23w.svelte-e3w23w{width:100%;height:100%}.pop-contents.confirm.svelte-e3w23w.svelte-e3w23w{padding:0 20px;height:calc(100% + 6px);background-color:rgba(230,240,250, 1);box-shadow:inset 2px 2px 26px rgba(180, 255, 225, 0.8)}.confirm.svelte-e3w23w .title.svelte-e3w23w{padding:2px 0 0px 0;margin:-4px -20px 8px -20px;text-align:center;background:#88eedd;font-family:'Archivo';color:rgba(255, 255, 255, 0.7);font-size:1.4em;text-shadow:0 0 10px rgba(0, 160, 170, 0.9)}.confirm.svelte-e3w23w .message.svelte-e3w23w{color:#224455}.button-group-wrap.svelte-e3w23w.svelte-e3w23w{border:solid 4px rgba(110, 240, 230, 0.8);border-radius:38px;margin:0.8em -4px 0 -4px;width:calc(100% + 8px)}.button-group.svelte-e3w23w.svelte-e3w23w{padding:1em;box-shadow:inset 0 0 14px rgba(0, 0, 0, 0.1);margin:0;border:solid 2px rgba(0, 250, 130, 0.8);border-radius:34px;font-size:0.9em;display:flex;min-height:2.5em;justify-content:center;background:white;align-items:center;width:100%}.modal-panel .instructions{width:100%;text-align:left;padding:0 2em;z-index:10;color:#d08770}.modal-panel.panel-tutor .instructions{padding:0 1em 0 1.4em}.instructions.buttons-only.svelte-17vyvmm.svelte-17vyvmm{padding:0;font-size:max(20px, 0.9em)}.instructions.buttons-only.svelte-17vyvmm .instructions-box.svelte-17vyvmm{display:none}.instructions.buttons-only.svelte-17vyvmm .options.svelte-17vyvmm{border:solid 2px #b0500a;border-radius:4px;background-color:rgba(0.30,0.34,0.42, 0.85);min-height:4em;width:-moz-fit-content;width:fit-content}.modal-panel.bright .instructions{color:#5e81ac}.instructions.big.svelte-17vyvmm.svelte-17vyvmm{font-family:'Archivo';font-size:0.7em;width:100%;text-align:left;color:#5e81ac}.word.svelte-17vyvmm.svelte-17vyvmm{margin:0 0.3em 0 0}.word.snug.svelte-17vyvmm.svelte-17vyvmm{margin:0 0 0 -0.24em}.word.break.svelte-17vyvmm.svelte-17vyvmm{width:100%;margin:0;height:1px;flex-grow:6}.instructions-word.sizer.svelte-17vyvmm.svelte-17vyvmm{opacity:0;pointer-events:none}.instructions-box.svelte-17vyvmm.svelte-17vyvmm{display:flex;justify-content:flex-start;flex-wrap:wrap;width:100%;text-align:left;min-height:1.6em}.instructions.svelte-17vyvmm .options.svelte-17vyvmm{border-radius:4px;padding:1em;box-shadow:inset 0 0 14px rgba(0, 0, 0, 0.1);margin:1em 0 0 0;border:solid 4px rgba(140, 190, 250, 0.4);font-size:0.7em;display:flex;width:100%;margin:2vw 0 0 0;min-height:5.2em;justify-content:center;align-items:center}.bright .instructions .options{background:rgba(240, 244, 255, 0.6)}.bright.shield .instructions .options{border-radius:44px}.instructions.svelte-17vyvmm .options.sizer.svelte-17vyvmm{opacity:0;pointer-events:none;height:5.2em}.panel-tutor.svelte-25o09e.svelte-25o09e{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;font-size:min(4vw, 18px);pointer-events:none;z-index:9030}.portrait-frame.svelte-25o09e.svelte-25o09e{width:70%;height:64%;margin:1em 0 0.6em 0;overflow:hidden;position:relative}.portrait-frame.svelte-25o09e img.svelte-25o09e{width:100%;border:none;position:absolute}.hidden-mickey.svelte-25o09e.svelte-25o09e{display:none}.modal-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9000;background-color:rgba(0, 0, 0, 0.8);display:none;transition:opacity 400ms}.modal.svelte-116eiar .mask.svelte-116eiar{position:absolute;background-color:rgba(0, 0, 0, 0.88);opacity:1;transition:all 500ms;z-index:9010}.modal.svelte-116eiar .mask.mask-T.svelte-116eiar{top:-10px;right:-10px;height:5px;left:-10px;opacity:0}.modal.svelte-116eiar .mask.mask-R.svelte-116eiar{top:50%;right:-10px;bottom:51%;width:5px;opacity:0;z-index:9015}.modal.svelte-116eiar .mask.mask-B.svelte-116eiar{height:5px;right:-10px;bottom:-10px;left:-10px;opacity:0}.modal.svelte-116eiar .mask.mask-L.svelte-116eiar{top:50%;width:5px;bottom:51%;left:-10px;opacity:0;z-index:9015}.modal.svelte-116eiar .mask.svelte-116eiar::after{content:' ';background-color:#004050;position:absolute;z-index:10}.modal.svelte-116eiar .mask.mask-T.svelte-116eiar::after{width:8000px;height:1px;bottom:-1px;left:-4000px}.modal.svelte-116eiar .mask.mask-R.svelte-116eiar::after{height:8000px;width:1px;bottom:-4000px;left:-1px}.modal.svelte-116eiar .mask.mask-R.svelte-116eiar::before{content:' ';position:absolute;left:-60px;height:calc(100% + 2px);width:60px;border:solid #00d0f0;border-radius:2px 1px 1px 2px;border-width:4px 8px 4px 0;top:-5px;z-index:20}.modal.svelte-116eiar .mask.mask-B.svelte-116eiar::after{width:8000px;height:1px;top:-1px;left:-4000px}.modal.svelte-116eiar .mask.mask-L.svelte-116eiar::after{height:8000px;width:1px;bottom:-4000px;right:-1px}.modal.svelte-116eiar .mask.mask-L.svelte-116eiar::before{content:' ';position:absolute;right:-60px;height:calc(100% + 2px);width:60px;border:solid #00d0f0;border-radius:1px 2px 2px 1px;border-width:4px 0 4px 8px;top:-5px;z-index:20}.modal-background.see-through.svelte-116eiar.svelte-116eiar{opacity:0;pointer-events:none}.modal-panel{position:absolute;border:solid 2px #507040;background-color:rgba(0.30,0.34,0.42, 0.85);border-radius:4px;z-index:9020;display:none;justify-content:center;align-items:center;top:0;left:0;height:35vw;width:55vw;transition-property:transform, height, width;transition-duration:500ms, 300ms, 300ms;transition-timing-function:cubic-bezier(0.2, 0, 0.1, 1)}.modal-panel.bright{border:solid 14px #80f0f0;background-color:rgba(230,240,250, 1);box-shadow:inset 2px 2px 26px rgba(180, 255, 225, 0.8)}.modal-panel.bright.shield{border:solid 24px #80f0f0;border-radius:160px 160px 200px 200px}.modal-panel.hidden{opacity:0;pointer-events:none}.modal-panel.buttons-only{border:none;background-color:transparent}.modal-panel.panel-hidden{opacity:0;pointer-events:none}.modal-panel.buttons-only .panel-border{border:none}.modal-panel .panel-border{border:solid 1px rgba(0, 80, 160, 0.4);position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px}.modal-panel.bright.shield .panel-border{border-radius:140px 140px 180px 180px}.open .modal-background{display:block}.modal.open .modal-panel{display:flex}.welcome-start.svelte-1hvgtxm{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;height:100%;padding:1.6em 1.6em 1em 1.6em;font-size:clamp(20px, 3vw, 30px)}h1.app-title.svelte-1hvgtxm{font-family:'Archivo';font-size:3.3em;text-transform:uppercase;z-index:20;line-height:1.2;padding:0;margin:0 -1em -0.6em -1.1em;letter-spacing:-0.13em;color:rgb(230,250,255);text-shadow:1px  1px  0px rgba(0, 230, 250, 1), 
        -1px -1px  0px rgba(0, 230, 250, 1), 
         1px -1px  0px rgba(0, 230, 250, 1), 
        -1px  1px  0px rgba(0, 230, 250, 1),
         4px  4px 12px rgba(0, 100, 200, 0.3)}.bright .welcome-start .instructions{border-radius:44px}.hidden-mickey.svelte-1hvgtxm{display:none}.welcome-start .instructions button{border-radius:3em;padding:0.8em 1.2em;margin:-0.6em 0.4em;line-height:1;text-transform:uppercase}.pick-a-color.svelte-5lxozc.svelte-5lxozc{text-align:center;font-size:clamp(16px, 3vw, 30px);margin:1.6em 0 0 0}.gallery.svelte-5lxozc.svelte-5lxozc{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.portrait.svelte-5lxozc.svelte-5lxozc{padding:0.3em 0em;margin:0 -1px;display:flex;flex-direction:column;align-items:center;cursor:pointer;border-radius:50px 50px 80px 80px;overflow:hidden}.portrait.svelte-5lxozc img.svelte-5lxozc{width:3.7em;height:3.6em;opacity:0.8}.portrait.svelte-5lxozc:hover img.svelte-5lxozc{opacity:1}.label.svelte-5lxozc.svelte-5lxozc{color:#88c0d0;font-size:max(12px, 0.4em);letter-spacing:0.1em;line-height:1;padding:0.6em 0 0 0}.pick-a-color .instructions .options.sizer{display:none}.pick-a-color .instructions.big{margin-left:1em}.base-panel.svelte-1lwfqcg{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;height:100%;font-size:clamp(20px, 3vw, 34px)}.hidden-mickey.svelte-1lwfqcg{display:none}.debug-panel-wrap.svelte-1w3ixpi.svelte-1w3ixpi{position:absolute;z-index:40;bottom:0;width:100%;height:156px;background-color:rgb(40, 50, 60);transition:transform 400ms;transform-origin:bottom;transform:scale(1, 0) translate(0, 200px);padding:40px 0 20px 0}.debug-panel-wrap.open.svelte-1w3ixpi.svelte-1w3ixpi{transform:scale(1, 1) translate(0, 0)}.debug-panel.svelte-1w3ixpi.svelte-1w3ixpi{display:flex;align-items:center;padding:0.6em 0 0 2em;width:100%}.button-group.svelte-1w3ixpi.svelte-1w3ixpi{font-size:11px;padding:0.2em 0.4em;display:flex}.close-me.svelte-1w3ixpi.svelte-1w3ixpi{position:absolute;padding:16px 16px 14px 16px;top:3.2em;z-index:10;right:100px;cursor:pointer;opacity:0.2;font-size:1.4em;line-height:0.6;font-family:'Archivo';color:#90f0f0;text-shadow:1px  1px 0px rgba(0, 200, 200, 1), 
        -1px -1px 0px rgba(0, 200, 200, 1), 
         1px -1px 0px rgba(0, 200, 200, 1), 
         -1px 1px 0px rgba(0, 200, 200, 1)}.debug-panel-wrap.svelte-1w3ixpi .close-me.svelte-1w3ixpi{top:0.2em}.close-me.svelte-1w3ixpi.svelte-1w3ixpi:hover{color:#00e0ef}.close-me.svelte-1w3ixpi.svelte-1w3ixpi:hover{opacity:1}.close-me.hidden.svelte-1w3ixpi.svelte-1w3ixpi{display:none}.action-frame.svelte-mejuqd.svelte-mejuqd{margin:0;padding:0;display:flex;justify-content:center;font-size:clamp(20px, 2vw, 20px)}.action-frame .column button{font-size:0.9em}
    .action-item svg,
    .action-frame svg
{margin:-5px 4px}
    .action-item svg.reverse,
    .action-frame svg.reverse
{transform:scale(-1, 1)}
    .action-item svg.ArrowUp,
    .action-frame svg.ArrowUp
{transform:scale(0.85, 0.85)}
    .action-item svg.DoubleArrow,
    .action-frame svg.DoubleArrow
{transform:scale(0.85, 0.85) rotate(180deg)}
    .action-item svg.cc180,
    .action-frame svg.cc180
{transform:rotate(180deg)}
    .action-item svg.tilt,
    .action-frame svg.tilt
{transform:rotate(-20deg) translate(0px, -2px)}
    .action-item svg.tilt.reverse,
    .action-frame svg.tilt.reverse
{transform:scale(-1, 1) rotate(-20deg) translate(0px, -2px)}
    .action-item svg.rcc,
    .action-frame svg.rcc
{transform:rotate(-90deg)}
    .action-item svg.cw,
    .action-frame svg.cw
{transform:rotate(90deg)}.action-inner-frame.svelte-mejuqd.svelte-mejuqd{width:36vw;min-width:360px;max-width:420px;display:flex;justify-content:center;position:relative;margin:0;position:relative;box-shadow:0 0 18px rgba(0, 0, 0, 0.5)}.column.svelte-mejuqd.svelte-mejuqd{width:calc(20% - 0px);margin:0;font-size:0.7em}.column.svelte-mejuqd .empty-action.svelte-mejuqd{width:100%;border:solid rgba(56, 76, 86, 1);border-width:1px 1px 1px 0;border-radius:1px;margin:-1px 0 0 -1px;height:calc(50% + 1px)}.action-pill.svelte-mejuqd.svelte-mejuqd{position:absolute;width:calc(20% - 10px);height:38px;z-index:210;display:flex;top:0;left:0;justify-content:center;align-items:center;font-size:0.7em;border:solid 1px rgba(255, 255, 255, 0.3);border-radius:14px;opacity:0;pointer-events:none;color:rgba(255, 255, 255, 0.9)}.action-pill.frost1.svelte-mejuqd.svelte-mejuqd{background-color:#8fbcbb;text-shadow:1px 1px 2px #5f8c8b, -1px -1px 2px #5f8c8b}.action-pill.frost2.svelte-mejuqd.svelte-mejuqd{background-color:#88c0d0;text-shadow:1px 1px 2px #5890a0, -1px -1px 2px #5890a0}.action-pill.frost3.svelte-mejuqd.svelte-mejuqd{background-color:#81a1c1;text-shadow:1px 1px 2px #518191, -1px -1px 2px #518191}.action-pill.frost4.svelte-mejuqd.svelte-mejuqd{background-color:#5e81ac;text-shadow:1px 1px 2px #2e518c, -1px -1px 2px #2e518c}.priority-grid-wrap.svelte-5xql0h{margin:-4px 2px 0 4px;position:relative}.priority-grid.svelte-5xql0h{font-size:15px;position:relative}.priority-item.svelte-5xql0h{width:36px;height:36px;padding:4px 4px 6px 4px;margin:0 0 -6px 0;display:flex;justify-content:center;align-items:center}.priority-val.svelte-5xql0h{border:solid 4px #00ffff;background:rgba(120, 220, 255, 1);line-height:1;letter-spacing:-0.05em;display:flex;justify-content:center;align-items:center;border-radius:24px;color:rgb(0, 60, 70);height:100%;width:100%;cursor:pointer;opacity:0.6;margin:-12px 0 -12px 0;box-shadow:0 0 18px rgba(0, 0, 0, 0.5)}.priority-val.svelte-5xql0h:hover{opacity:1;background:rgba(120, 220, 255, 0.9)}.priority-val.send-pill.svelte-5xql0h{position:absolute;pointer-events:none;width:34px;height:34px;z-index:210;opacity:0}.action-item.svelte-1agg4uq{width:100%;height:100%;position:absolute;z-index:10;display:flex;align-items:center;justify-content:center;border-radius:11px 11px 0 0;box-shadow:inset 0px 1px 22px rgba(0, 30, 40, 0.7)}.active .action-item{border-radius:13px 13px 0 0;box-shadow:inset 0px 1px 22px rgba(0, 30, 40, 0.4)}.action-item.yellow.svelte-1agg4uq{background-color:#ebcb8b;color:rgba(255, 255, 255, 0.9);text-shadow:1px 1px 2px #bbab00, 
        -1px -1px 2px #bbab00}.action-item.red.svelte-1agg4uq{background-color:#bf616a;color:rgba(255, 255, 255, 0.9);text-shadow:1px 1px 2px #8f414a, 
        -1px -1px 2px #8f414a}.action-item.orange.svelte-1agg4uq{background-color:#d08770;color:rgba(255, 255, 255, 0.9);text-shadow:1px 1px 2px #a05740, 
        -1px -1px 2px #a05740}.action-item.purple.svelte-1agg4uq{background-color:#b48ead;color:rgba(255, 255, 255, 0.9);text-shadow:1px 1px 2px #845e7d, 
        -1px -1px 2px #845e7d}.action-item.green.svelte-1agg4uq{background-color:#a3be8c;color:rgba(255, 255, 255, 0.9);text-shadow:1px 1px 2px #738e5c, 
        -1px -1px 2px #738e5c}.action-item.frost1.svelte-1agg4uq{background-color:#8fbcbb;color:rgba(255, 255, 255, 0.9);text-shadow:1px 1px 2px #5f8c8b, 
        -1px -1px 2px #5f8c8b}.action-item.frost2.svelte-1agg4uq{background-color:#88c0d0;color:rgba(255, 255, 255, 0.9);text-shadow:1px 1px 2px #5890a0, 
        -1px -1px 2px #5890a0}.action-item.frost3.svelte-1agg4uq{background-color:#81a1c1;color:rgba(255, 255, 255, 0.9);text-shadow:1px 1px 2px #518191, 
        -1px -1px 2px #518191}.action-item.frost4.svelte-1agg4uq{background-color:#5e81ac;color:rgba(255, 255, 255, 0.9);text-shadow:1px 1px 2px #2e518c, 
        -1px -1px 2px #2e518c}.action-item.yellow.svelte-1agg4uq:hover{background-color:#dbbb7b}.action-item.red.svelte-1agg4uq:hover{background-color:#af515a}.action-item.orange.svelte-1agg4uq:hover{background-color:#c07760}.action-item.purple.svelte-1agg4uq:hover{background-color:#a47e9d}.action-item.green.svelte-1agg4uq:hover{background-color:#93ae7c}.action-item.frost1.svelte-1agg4uq:hover{background-color:#9fcccb}.action-item.frost2.svelte-1agg4uq:hover{background-color:#98d0e0}.action-item.frost3.svelte-1agg4uq:hover{background-color:#91b1d1}.action-item.frost4.svelte-1agg4uq:hover{background-color:#6e91bc}.register-frame.svelte-1qily68.svelte-1qily68{margin:20px 0 0 4px;padding:0;display:flex;justify-content:center;align-items:flex-start;position:relative}.register-inner-frame.svelte-1qily68.svelte-1qily68{width:36vw;min-width:360px;max-width:420px;display:flex;justify-content:space-between}.register-wrapper.svelte-1qily68.svelte-1qily68{width:calc(20% - 10px);height:3.3em;position:relative;box-shadow:0 0 18px rgba(0, 0, 0, 0.5)
}.register-wrapper.active.svelte-1qily68.svelte-1qily68{z-index:10}.register-item.svelte-1qily68.svelte-1qily68{width:100%;height:2.6em;border:solid 2px #a8c0b8;border-radius:14px 14px 2px 2px;cursor:pointer;position:relative}.register-item.svelte-1qily68.svelte-1qily68:hover{border-color:#c49ebd}.register-item.svelte-1qily68:hover .phase-number.svelte-1qily68{opacity:0.3}.item-inner.svelte-1qily68.svelte-1qily68{margin:-2px 0 0 0;color:#eceff4;font-family:'Archivo';display:flex;justify-content:center;align-items:center;flex-wrap:wrap;position:relative;pointer-events:none}.phase-number.svelte-1qily68.svelte-1qily68{font-size:4.7em;position:absolute;text-align:center;top:0.03em;line-height:0.9;opacity:0.07;transform:scale(1.2, 0.5);transform-origin:top;text-shadow:1px 1px 4px rgba(0, 0, 0, 0.05)}.active.svelte-1qily68 .register-item.svelte-1qily68{border:solid 4px #C030B0;border-radius:16px 16px 2px 2px;margin:-1px -1px 0 -2px;height:calc(2.6em + 2px);width:calc(100% + 4px);box-shadow:-1px -1px 0px rgba(250, 100, 150, 0.9),
        -1px  1px 0px rgba(250, 100, 150, 0.9),
         1px  1px 0px rgba(250, 100, 150, 0.9),
         1px -1px 0px rgba(250, 100, 150, 0.9)}.active.svelte-1qily68 .register-item.svelte-1qily68:hover{border-color:#D040C0}.active.svelte-1qily68 .register-item .item-inner.svelte-1qily68{margin:-3px 0 0 0}.active.svelte-1qily68 .register-item .phase-number.svelte-1qily68{opacity:0.8;margin-left:-1px}.active.svelte-1qily68 .register-item:hover .phase-number.svelte-1qily68{opacity:0.8}.register-priority.svelte-1qily68.svelte-1qily68{position:absolute;width:100%;height:17px;bottom:-5px;right:0;z-index:10;cursor:pointer}.priority-value.svelte-1qily68.svelte-1qily68{height:100%;width:100%;display:flex;justify-content:flex-end;align-items:center;background:#a8c0b8;border-width:0 2px 2px 2px;border-radius:0 0 14px 14px;color:#402000;font-size:1em;padding:2px 12px 0 0;margin:-1px 0 0 0}.priority-value.svelte-1qily68.svelte-1qily68:hover{background:#c49ebd}.highlight.svelte-1qily68.svelte-1qily68{border-radius:1em;width:36px;height:26px;padding:1px 0 0 4px;margin:0px -2px -4px 0;line-height:1.2;display:flex;justify-content:flex-end;pointer-events:none}.highlight-inner.svelte-1qily68.svelte-1qily68{margin:0px 0 0 -1px;text-align:right;width:32px}.pill_source.svelte-1qily68.svelte-1qily68,.pill_reply.svelte-1qily68.svelte-1qily68{border:solid 4px #00ffff;background:rgba(120, 220, 255, 1);margin:-2px -4px 0 0;opacity:1;color:black;padding:0px 0 0 4px;z-index:20;position:absolute;pointer-events:none;opacity:0}.active.svelte-1qily68 .register-priority.svelte-1qily68{width:calc(100% + 4px);right:-2px}.active.svelte-1qily68 .priority-value.svelte-1qily68{background:#C030B0;border-radius:2px 2px 16px 16px;padding-top:1px;border:solid #C030B0;border-width:0 3px 3px 3px;padding:4px 12px 0 0;box-shadow:-1px  1px 0px rgba(250, 100, 150, 0.9),
         1px  1px 0px rgba(250, 100, 150, 0.9)}.active.svelte-1qily68 .priority-value.svelte-1qily68:hover{background:#D040C0}.priority-value.swap-ready.svelte-1qily68 .highlight.svelte-1qily68,.active.svelte-1qily68 .priority-value.swap-ready .highlight.svelte-1qily68{border:solid 4px #00ffff;background:rgba(120, 220, 255, 1);margin:-2px -4px 0 0;opacity:1;color:black;padding:0px 0 0 4px}.priority-value.swap-ready.svelte-1qily68.svelte-1qily68{padding-right:10px}.active.svelte-1qily68 .priority-value.swap-ready.svelte-1qily68{padding-right:12px}.control-panel-mods.svelte-1q59r1s.svelte-1q59r1s{font-size:19px;width:clamp(138px, 14vw, 200px);height:142px;border:solid 1px rgba(255, 255, 255, 0.2);border-radius:4px;position:relative;padding:0 0 0 16px;display:flex;justify-content:space-between;flex-direction:column;margin:-2px 0 0 0;box-shadow:0 0 18px rgba(0, 0, 0, 0.5)
}.stats.svelte-1q59r1s.svelte-1q59r1s{width:100%}.rally-flags.svelte-1q59r1s.svelte-1q59r1s{width:100%;font-size:0.48em;margin:1em 0 0 -0.6em;display:flex;justify-content:space-between;padding:0 1em 0 0.4em}.flag-number.svelte-1q59r1s.svelte-1q59r1s{position:absolute;font-family:'Archivo';color:#f0f0f0;font-size:1.5em;top:-0.75em;left:-1.2em}.rally-flags.svelte-1q59r1s .empty.svelte-1q59r1s{opacity:0.1;width:0;height:0;border-top:1em solid transparent;border-left:2em solid #88c0d0;border-bottom:1em solid transparent;position:relative;margin-right:0.2em}.rally-flags.svelte-1q59r1s .empty .flag-number.svelte-1q59r1s{display:none}.rally-flags.svelte-1q59r1s .full.svelte-1q59r1s{width:0;height:0;border-top:1em solid transparent;border-left:2em solid #FF0273;border-bottom:1em solid transparent;position:relative;margin-right:0.2em}.rally-flags.svelte-1q59r1s .empty.svelte-1q59r1s:last-of-type,.rally-flags.svelte-1q59r1s .full.svelte-1q59r1s:last-of-type{margin-right:0}.health.svelte-1q59r1s.svelte-1q59r1s{display:flex;font-size:1.2em;margin:0.4em 0 0 0;width:90%;justify-content:center;align-items:center}.health-icon.svelte-1q59r1s.svelte-1q59r1s{position:relative;height:1.7em;width:1.7em;border-radius:2em;background-color:#a3be8c;margin:0 -0.05em 0 -0.2em;overflow:hidden;box-shadow:2px 0 3px rgba(0,0,0,0.5)}.health-icon svg{margin:-0.15em -0.3em -0.2em -0.1em}.health-counter.svelte-1q59r1s.svelte-1q59r1s{position:absolute;font-family:'Archivo';color:#f0f0f0;font-size:1.1em;top:0.1em;left:0.5em;z-index:2;opacity:1;text-shadow:1px 1px 6px rgba(0,0,0,0.75)}.good.svelte-1q59r1s.svelte-1q59r1s,.damage.svelte-1q59r1s.svelte-1q59r1s{height:1em;width:6%;margin:0 2px 0 0;border-radius:2px}.good.svelte-1q59r1s.svelte-1q59r1s{background-color:#a3be8c}.damage.svelte-1q59r1s.svelte-1q59r1s{background-color:#bf616a}.stuff.svelte-1q59r1s.svelte-1q59r1s{display:flex;justify-content:flex-end;align-items:flex-end;padding:0 0.3em 0.3em 0}.go-button.svelte-1q59r1s.svelte-1q59r1s{font-size:0.6em;opacity:0.6;margin:0 0.4em 0.8em 0}.go-button.ready.svelte-1q59r1s.svelte-1q59r1s{transform:translate(2px, 2px) scale(1.2);opacity:1}.go-button .Send{margin:0 -3px 0 3px}.go-button.turn-locked.svelte-1q59r1s.svelte-1q59r1s,.go-button.performing.svelte-1q59r1s.svelte-1q59r1s{opacity:0.4;pointer-events:none}main.svelte-14447sv.svelte-14447sv{width:100%;transition:transform 300ms;transform:translate(0, 0);display:flex;flex-wrap:wrap;justify-content:center;padding:0 0 2.2em 0}main.svelte-14447sv .left.svelte-14447sv{margin:0;margin-right:max(12px, 1vw)}main.svelte-14447sv .right.svelte-14447sv{margin:0;margin-left:max(12px, 1.8vw)}main.active.svelte-14447sv.svelte-14447sv{transform:translate(
        0, 
        /*         og Y      window Height   ux Height  */
        calc(-1 * (576px -   (100vh  -        170px  )))
    )}main.svelte-14447sv>i.svelte-14447sv{position:absolute;width:3vw;height:3vw;margin-top:0;right:2vw;opacity:0.5;top:0.6em;cursor:pointer}main.svelte-14447sv>i.svelte-14447sv:hover{opacity:1}main.svelte-14447sv>i.svelte-14447sv:before,main.svelte-14447sv i.svelte-14447sv:after{content:"";position:absolute;background-color:#ffa073;top:20%;left:40%;width:0.6vw;height:1.6vw}main.svelte-14447sv>i.svelte-14447sv:before{transform:translate(-0.35vw, 0) rotate(45deg)}main.svelte-14447sv>i.svelte-14447sv:after{transform:translate(0.35vw, 0) rotate(-45deg)}main.active.svelte-14447sv>i.svelte-14447sv:before{transform:translate(0.35vw, 0) rotate(45deg)}main.active.svelte-14447sv>i.svelte-14447sv:after{transform:translate(-0.35vw, 0) rotate(-45deg)}main.main-performing.svelte-14447sv.svelte-14447sv,main.main-performing.active.svelte-14447sv.svelte-14447sv,main.main-turn-locked.svelte-14447sv.svelte-14447sv,main.main-turn-locked.active.svelte-14447sv.svelte-14447sv{pointer-events:none;opacity:0.5;transform:translate(0, 0)}main.main-turn-locked.active.svelte-14447sv>i.svelte-14447sv:before{transform:translate(-0.35vw, 0) rotate(45deg)}main.main-performing.active.svelte-14447sv>i.svelte-14447sv:before{transform:translate(-0.35vw, 0) rotate(45deg)}main.main-turn-locked.active.svelte-14447sv>i.svelte-14447sv:after{transform:translate(0.35vw, 0) rotate(-45deg)}main.main-performing.active.svelte-14447sv>i.svelte-14447sv:after{transform:translate(0.35vw, 0) rotate(-45deg)}