:root{--color-primary: #5ebdeeff;--color-primary-light: #7ac9f0;--color-primary-lighter: #f2f7fa;--color-secondary: #365472;--color-secondary-darker: #1d344c;--color-accent: #336d97;--color-accent-light: #4b89b5;--color-text-light: #dadada;--color-white: #ffffff;--color-neutral-light: #ddd;--color-neutral-medium: #666666;--color-neutral-dark: #5a6774;--color-bg-light: rgb(251, 249, 248);--color-disabled-bg: #cccccc;--color-neutral-border-soft: #e0e0e0;--color-neutral-border-strong: #c8c8c8;--bg-dim-xs: rgba(0, 0, 0, .03);--bg-dim-sm: rgba(0, 0, 0, .05);--bg-shine-sm: rgba(255, 255, 255, .05);--color-status-win: #28a745;--color-status-loss: #dc3545;--color-status-info: #17a2b8;--color-status-warning: #ffc107;--color-button-ring-bg: #f0f4f9;--color-drag-ghost-bg: #eef;--color-drag-chosen-bg: #f8f8f8;--container-max-width: 1200px;--container-narrow-width: 800px;--container-small-width: 400px;--spacing-xs: 5px;--spacing-sm: 8px;--spacing-md: 10px;--spacing-lg: 20px;--spacing-xl: 25px;--control-button-size: 28px;--z-index-timer-waiting: 1;--z-index-timer-active: 2;--z-index-resizer: 10;--z-index-dialog: 1000;--radius-sm: 5px;--radius-md: 10px;--radius-lg: 15px;--shadow-default: 0 4px 15px rgba(0, 0, 0, .2);--shadow-button-primary: 0 2px 5px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .3);--shadow-button-primary-hover: 0 4px 8px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .4);--shadow-button-primary-active: 0 1px 2px rgba(0, 0, 0, .2);--text-color-default: var(--color-secondary);--text-color-emphasis: var(--text-color-default);--text-color-accent: var(--color-accent);--text-color-on-dark: var(--color-text-light);--text-color-on-dark-secondary: var(--color-neutral-dark);--text-color-disabled: var(--color-neutral-medium);--bg-page-gradient-start: var(--color-secondary);--bg-page-gradient-end: var(--color-primary);--bg-pattern: url(/img/bg-dialog.png);--bg-container: var(--color-bg-light) var(--bg-pattern) repeat;--bg-highlight-primary: rgba(94, 189, 238, .1);--button-bg: var(--color-primary);--button-bg-hover: var(--color-accent);--button-bg-disabled: var(--color-disabled-bg);--button-text-color: var(--color-text-light);--button-radius: var(--radius-sm);--button-primary-gradient: linear-gradient(to bottom, var(--color-primary), var(--color-accent));--button-primary-gradient-hover: linear-gradient(to bottom, var(--color-primary-light), var(--color-accent-light));--button-disabled-gradient: linear-gradient(to bottom, #aaa, #888);--button-global-bg: var(--color-accent);--button-global-bg-hover: var(--color-bg-light);--button-global-border: 2px solid var(--color-white);--button-global-border-hover: 1px solid var(--color-accent);--form-border-color: var(--color-neutral-light);--form-radius: var(--radius-sm);--dialog-bg: var(--bg-container);--dialog-bg-gradient-light: linear-gradient(to bottom, #efefef 0%, var(--color-white) 100%);--dialog-shadow: var(--shadow-default);--dialog-radius: var(--radius-lg);--dialog-border-color: var(--color-accent);--dialog-border-color-soft: var(--color-neutral-border-soft);--card-bg-pattern: var(--color-accent);--card-symbol-color: var(--color-white);--card-inner-border-color: rgba(128, 128, 128, .475);--accordion-border-color: #336d973d}[data-theme=blue]{--color-primary: #5ebdeeff;--color-primary-light: #7ac9f0;--color-primary-lighter: #f2f7fa;--color-secondary: #365472;--color-secondary-darker: #1d344c;--color-accent: #336d97;--color-accent-light: #4b89b5;--bg-highlight-primary: rgba(74, 163, 216, .1);--text-color-accent: var(--color-accent);--card-bg-pattern: var(--color-accent);--accordion-border-color: #336d973d}[data-theme=red]{--color-primary: #e48a3c;--color-primary-light: #f18c5a;--color-primary-lighter: #fdf7f4;--color-secondary: #84452b;--color-secondary-darker: #5a2e1d;--color-accent: #a94b29;--color-accent-light: #e67848;--bg-highlight-primary: rgba(228, 110, 60, .1);--text-color-accent: var(--color-accent);--card-bg-pattern: var(--color-accent);--accordion-border-color: #e46e3c59}@font-face{font-family:Lilita One;src:url(../fonts/Lilita_One/lilita-one-v16-latin-regular.woff2) format("woff2"),url(../fonts/Lilita_One/Lilita-Regular.woff) format("woff");font-style:normal;font-display:block}@font-face{font-family:Oswald;src:url(../fonts/Oswald/Oswald-ExtraLight.woff2) format("woff2"),url(../fonts/Oswald/Oswald-ExtraLight.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Oswald;src:url(../fonts/Oswald/Oswald-Light.woff2) format("woff2"),url(../fonts/Oswald/Oswald-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Oswald;src:url(../fonts/Oswald/Oswald-Regular.woff2) format("woff2"),url(../fonts/Oswald/Oswald-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Oswald;src:url(../fonts/Oswald/Oswald-Medium.woff2) format("woff2"),url(../fonts/Oswald/Oswald-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Oswald;src:url(../fonts/Oswald/Oswald-SemiBold.woff2) format("woff2"),url(../fonts/Oswald/Oswald-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Oswald;src:url(../fonts/Oswald/Oswald-Bold.woff2) format("woff2"),url(../fonts/Oswald/Oswald-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;height:100%;background-color:var(--bg-page-gradient-end)}body{font-family:Oswald,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;color:var(--text-color-default);font-size:.9em;line-height:1.5em;font-weight:300;letter-spacing:.01em;background:url(../img/pixel.png) repeat,linear-gradient(to bottom,var(--bg-page-gradient-start) 0px,var(--bg-page-gradient-end) 400px)}h1,h2{font-family:Lilita One,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif}h1{color:var(--color-white);margin-bottom:6px}h2{font-weight:500;font-size:1.8em;color:var(--text-color-emphasis);margin-bottom:15px;margin-top:10px}h3,h4{font-weight:400;margin-top:.4em;margin-bottom:.3em;font-size:1em}.heading--playful{font-size:1.8em;letter-spacing:.01em;background:linear-gradient(to bottom,var(--color-accent),var(--color-accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;padding-top:.3em;padding-bottom:.54em;text-shadow:1px 1px 2px rgba(44,62,80,.15),0 -1px 1px rgba(255,255,255,.3);transform:rotate(-1deg)}.dialog-hl--playful{font-size:1.9em;font-family:Lilita One,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;background:linear-gradient(to bottom,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-top:.3em;padding-bottom:.54em;background-clip:text;color:transparent;text-shadow:1px 1px 2px rgba(44,62,80,.15)}.points--playful{font-size:2em;font-family:Lilita One,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;background:linear-gradient(to bottom,var(--color-primary-light),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:1px 1px 2px rgba(44,62,80,.15);transform:rotate(.8deg)}small{font-size:.7em;color:var(--text-color-disabled)}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.cursor-hidden{cursor:none!important}.transparent{opacity:0;transition:opacity .5s ease-in-out}.progress-bar{width:100%;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden}.progress-bar-inner{height:100%;width:0%;background-color:var(--color-primary);border-radius:4px;transition:width .2s ease-out}html,body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,textarea,select{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.card,button,.accordion__header{touch-action:manipulation}body.choose-mode{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-md);text-align:center;min-height:100vh}body.choose-mode>.dialog-content{max-width:var(--container-small-width)}body.game-active{display:flex;flex-direction:column;height:100vh;overflow:hidden}body.game-active main#app-content{flex-grow:1;min-height:0}.game-container{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-lg) var(--spacing-md) var(--spacing-md);width:100%;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.game-container header{color:var(--text-color-accent);text-align:center;margin-bottom:var(--spacing-md);flex-shrink:0}.game-container header .game-status>div{display:block}.game-container header .match-score-display{display:none}.sp-container #status-message{display:none}.training-container header,.mission-container header{display:none}.splitscreen-container.timed-game-player{justify-content:center;flex-wrap:nowrap}.splitscreen-container.timed-game-player .game-board-container.player-only{flex-basis:auto;flex-grow:1;flex-shrink:1;max-width:var(--container-narrow-width);width:100%;margin:0 auto}.game-board{display:grid;background:var(--bg-container);border-radius:0 0 var(--radius-lg) var(--radius-lg);flex-grow:1}.global-controls{text-align:center;display:flex;justify-content:center;gap:var(--spacing-sm);flex-shrink:0;padding:var(--spacing-sm) 0 0;margin-bottom:var(--spacing-xs)}.global-controls button{background-color:var(--button-global-bg);border:var(--button-global-border);padding:0;width:var(--control-button-size);height:var(--control-button-size);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s,border-color .2s}#btn-open-settings,#btn-show-premium{display:none}body.logged-in #btn-open-settings,body.logged-in #btn-show-premium{display:flex}body.premium-user #btn-show-premium,body.logged-in .login-header{display:none}.global-controls button .svg-icon{width:55%;height:55%;fill:var(--color-white);transition:fill .2s ease-in-out}.global-controls button:hover:not(:disabled){background-color:var(--button-global-bg-hover);border:var(--button-global-border-hover)}.global-controls button:hover:not(:disabled) .svg-icon{fill:var(--button-global-bg)}.global-controls button .svg-icon--premium{fill:var(--premium-yellow, #FFD700)}.global-controls button:hover:not(:disabled) .svg-icon--premium{fill:var(--button-global-bg)}.global-controls button img{display:none}.splitscreen-container{display:flex;flex-direction:row;height:100%;width:100%;gap:0;flex-wrap:wrap;align-items:stretch;flex-grow:1;min-height:0}.game-board-container{flex:1 1 45%;display:flex;flex-direction:column;min-width:0;min-height:0}.resizer{background-color:transparent;z-index:var(--z-index-resizer);display:flex;justify-content:center;align-items:center;transition:background-color .2s;pointer-events:none;margin:var(--spacing-xs)}.resizer .resizer-icon{background-color:var(--button-global-bg-hover);border:var(--button-global-border-hover);border-radius:50%;width:var(--control-button-size);height:var(--control-button-size);padding:var(--spacing-xs);color:var(--button-global-bg);pointer-events:auto;transition:background-color .2s,border-color .2s,color .2s;box-shadow:0 1px 3px #0003}.resizer .resizer-icon:hover{background-color:var(--button-global-bg);border-color:var(--color-white);color:var(--color-white)}.resizer--vertical{flex:0 0 12px}.resizer--vertical .resizer-icon{cursor:col-resize}.resizer--horizontal{flex:0 0 12px}.resizer--horizontal .resizer-icon{cursor:row-resize}@media (max-width: 768px){.game-container{padding:15px var(--spacing-xs) var(--spacing-xs)}.game-container header{margin-bottom:0}.splitscreen-container{flex-direction:column;align-items:center}.resizer--horizontal{display:flex}.resizer--vertical{display:none}.game-board-container{flex-basis:auto;max-width:600px;width:95%;min-width:unset;flex-shrink:1;flex-grow:1;min-height:0}}@media (max-width: 500px){.game-container header h1 img{max-width:150px;height:auto}.game-status{font-size:.9em}}@media (min-width: 769px){.resizer--vertical{display:flex}.resizer--horizontal{display:none}}.accordion__item{margin-bottom:8px;border:1px dashed var(--accordion-border-color);border-radius:var(--radius-sm);overflow:hidden;transition:border-color .2s;flex-shrink:0;transform:translateZ(0);contain:layout}.accordion__item:last-child{margin-bottom:0}.accordion__header{font-size:1em;cursor:pointer;padding:6px 15px;margin:0;min-height:38px;background-color:var(--color-primary-lighter);display:flex;align-items:center;position:relative;flex-shrink:0;transform:translateZ(0);backface-visibility:hidden}#loggedin-game-options .accordion__header{overflow:hidden;position:relative;z-index:0}#loggedin-game-options .accordion__header:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background-image:linear-gradient(135deg,white 25%,transparent 25.5%,transparent 50%,white 50.5%,white 75%,transparent 75.5%,transparent);background-size:45px 45px;filter:blur(2px);z-index:-1;pointer-events:none;contain:strict;will-change:transform}#loggedin-game-options .accordion__item>.accordion__header>span{background:linear-gradient(to bottom,var(--color-secondary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:1px 1px 2px rgba(44,62,80,.15),0 -1px 1px rgba(255,255,255,.3)}#loggedin-game-options .accordion__item.active>.accordion__header>span{background:none;-webkit-text-fill-color:initial;color:var(--color-accent);text-shadow:none}.accordion__header-content{display:flex;align-items:center;flex-grow:1}.accordion__header:after{content:"";width:14px;height:14px;background:linear-gradient(to bottom,var(--color-accent),var(--color-accent-light));-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path fill="none" stroke="black" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" d="M7 13.5a6.5 6.5 0 1 0 0-13a6.5 6.5 0 0 0 0 13M7 4v6M4 7h6"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path fill="none" stroke="black" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" d="M7 13.5a6.5 6.5 0 1 0 0-13a6.5 6.5 0 0 0 0 13M7 4v6M4 7h6"/></svg>');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;transition:transform .3s ease-out;position:absolute;right:13px;top:50%;transform:translateY(-50%)}.accordion__item.active:not(.completed)>.accordion__header:after{background-color:var(--color-accent);background-image:none;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path fill="none" stroke="black" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" d="M7 13.5a6.5 6.5 0 1 0 0-13a6.5 6.5 0 0 0 0 13M4 7h6"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path fill="none" stroke="black" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" d="M7 13.5a6.5 6.5 0 1 0 0-13a6.5 6.5 0 0 0 0 13M4 7h6"/></svg>')}.accordion-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out;background-color:var(--bg-shine-sm);will-change:grid-template-rows;transform:translateZ(0);backface-visibility:hidden}.accordion-body__contents{padding:0 15px;min-height:0;background-color:#ffffffb1;transform:translateZ(0);backface-visibility:hidden;content-visibility:auto}.accordion__item.active>.accordion-body{grid-template-rows:1fr;border-top:1px dotted var(--accordion-border-color)}.accordion__item.active>.accordion-body>.accordion-body__contents{padding:10px 15px 20px;max-height:calc(102vh - 370px);overflow-y:hidden}.accordion__item.active.scroll-ready>.accordion-body>.accordion-body__contents{overflow-y:auto}.accordion__item.active>.accordion-body>.accordion-body__contents.nested-scroll-parent{overflow-y:hidden!important;display:flex;flex-direction:column}.accordion__item.active>.accordion-body>.accordion-body__contents.nested-scroll-parent .sub-accordion{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.accordion__item.active>.accordion-body>.accordion-body__contents.nested-scroll-parent .sub-accordion .accordion__item{flex:0 0 auto;min-height:38px;overflow:hidden}.accordion__item.active>.accordion-body>.accordion-body__contents.nested-scroll-parent .sub-accordion .accordion__item.active{flex:1;min-height:38px;display:flex;flex-direction:column}.accordion__item.active>.accordion-body>.accordion-body__contents.nested-scroll-parent .sub-accordion .accordion__item.active>.accordion-body{flex:1;min-height:0;overflow:hidden}.accordion__item.active>.accordion-body>.accordion-body__contents.nested-scroll-parent .sub-accordion .accordion__item.active>.accordion-body>.accordion-body__contents{overflow-y:hidden;max-height:none;height:100%}.accordion__item.active>.accordion-body>.accordion-body__contents.nested-scroll-parent .sub-accordion .accordion__item.active.scroll-ready>.accordion-body>.accordion-body__contents{overflow-y:auto}.accordion__item.active>.accordion-body>.accordion-body__contents.nested-scroll-parent .sub-accordion .accordion-body__contents{overflow-y:hidden;max-height:none!important;flex-grow:1}.accordion__item.active>.accordion-body>.accordion-body__contents.nested-scroll-parent .sub-accordion .accordion__item.scroll-ready .accordion-body__contents{overflow-y:auto!important}.accordion__header h4,.accordion__header>span{font-weight:400;letter-spacing:.03em;color:var(--color-accent);margin:0;padding:0;width:100%;text-align:center}.accordion-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);height:16px;width:auto;fill:url(#playful-gradient) var(--color-accent);filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.accordion__header:has([data-translate-key=missionsModeTitle]) .accordion-icon{left:13px}.accordion__item.active .accordion-icon{fill:var(--text-color-accent)}.accordion__header-content>span{flex-grow:1;text-align:center}.accordion-body__contents .discipline-group.symbol-set-selection{display:none;flex-wrap:wrap;justify-content:center}.accordion__item.active .accordion-body__contents .discipline-group.symbol-set-selection{display:flex}.sub-accordion{margin-top:15px;margin-left:-15px;margin-right:-15px;border:none;border-radius:0}.sub-accordion .accordion__item{border:1px solid var(--accordion-border-color);margin-bottom:7px;margin-left:10px;margin-right:10px;border-radius:var(--radius-sm)}.sub-accordion .accordion__item:last-child{margin-bottom:0}.sub-accordion .accordion__header{color:var(--color-accent);font-size:.95em;font-weight:200;letter-spacing:.01em;padding:0 12px;background-color:var(--color-primary-lighter);display:flex;align-items:center}.sub-accordion .accordion__header:before{display:none}.sub-accordion .accordion__header>span{text-align:left;width:100%;letter-spacing:.01em}.sub-accordion .accordion__item.active{border-color:var(--accordion-border-color)}.sub-accordion .accordion__item.active>.accordion__header{background-color:var(--color-primary-lighter)}.sub-accordion .accordion__item.active:not(.completed)>.accordion__header:after{transform:translateY(-50%)}.sub-accordion .accordion-body{padding:0;background-color:transparent;will-change:grid-template-rows;transform:translateZ(0);backface-visibility:hidden}.sub-accordion .accordion__item.active>.accordion-body>.accordion-body__contents,.sub-accordion .accordion__item.active.scroll-ready>.accordion-body>.accordion-body__contents{max-height:none!important;overflow-y:visible!important;height:auto}.accordion__item.premium-only>.accordion__header{cursor:not-allowed;pointer-events:auto;background-color:#e8e8e8}.accordion__item.premium-only>.accordion__header:before{filter:grayscale(100%)}.accordion__item.premium-only>.accordion__header>span{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:var(--text-color-disabled)!important;background-clip:unset!important;color:var(--text-color-disabled)!important;text-shadow:none!important}.accordion__item.premium-only>.accordion__header:after{background:var(--text-color-disabled)}.accordion__item.premium-only .premium-star-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:11px;height:11px;opacity:1}.accordion__item.premium-only>.accordion__header:hover .premium-star-icon{transform:translateY(-50%) scale(1.2)}body.premium-user .accordion__item.premium-only>.accordion__header{cursor:pointer;background-color:var(--color-primary-lighter)}body.premium-user .accordion__item.premium-only>.accordion__header:before{filter:none}body.premium-user .accordion__item.premium-only>.accordion__header>span{-webkit-text-fill-color:unset!important;color:var(--color-accent)!important}body.premium-user .accordion__item.premium-only>.accordion__header:after{background:linear-gradient(to bottom,var(--color-accent),var(--color-accent-light))}button{background-color:var(--color-secondary);color:#e0f2fe;font-family:Oswald;letter-spacing:.01em;border:none;padding:10px 20px;border-radius:var(--button-radius);cursor:pointer;transition:background-color .3s;touch-action:manipulation}button.play-button:hover:not(:disabled),button.back-button:hover:not(:disabled){background-color:transparent}button:disabled{background-color:var(--button-bg-disabled);color:var(--text-color-disabled);cursor:not-allowed}.play-button,.back-button{background:none;border:none;padding:0;cursor:pointer;display:inline-block;vertical-align:middle;margin:0 auto}.c-round-button{--button-size: 81px;--surface-offset: 5px;--surface-size: calc(var(--button-size) - (var(--surface-offset) * 2) + 1px);--icon-size: 32px;--surface-gradient: linear-gradient(to bottom, var(--color-primary), var(--color-accent));--shadow-color-light: var(--color-primary-light);--shadow-color-dark: var(--color-secondary-darker);background:none;border:none;padding:0;cursor:pointer;display:inline-block;vertical-align:middle;margin:1px auto 6px}.c-round-button__outer-ring{width:var(--button-size);height:var(--button-size);background-color:#f0f4f9;border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 0 1px 1px #0000004d,2px 3px 5px #0000001a}.c-round-button__inner-shadow{position:absolute;z-index:1;width:var(--surface-size);height:var(--surface-size);top:var(--surface-offset);background-color:#000;border-radius:50%;filter:blur(1px)}.c-round-button__surface{position:absolute;z-index:2;width:var(--surface-size);height:var(--surface-size);top:var(--surface-offset);border-radius:50%;display:flex;justify-content:center;align-items:center;background:var(--surface-gradient);box-shadow:inset 0 4px 2px var(--shadow-color-light),inset 0 -4px 2px var(--shadow-color-dark),0 0 2px #000c;transition:box-shadow .1s ease-in-out}.c-round-button__icon{width:var(--icon-size);fill:#e0f2fe;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5));transition:width .1s ease-in-out}.c-round-button__icon svg{width:100%;height:100%}.c-round-button:active .c-round-button__surface{box-shadow:inset 0 2px 2px var(--shadow-color-light),inset 0 -2px 2px var(--shadow-color-dark),0 0 2px #000c}.c-round-button:active .c-round-button__icon{width:calc(var(--icon-size) - 1px)}.c-round-button--back{--button-size: 62px;--surface-offset: 4px;--icon-size: 24px;--surface-gradient: linear-gradient(to bottom, var(--color-accent), var(--color-secondary));--shadow-color-light: var(--color-accent-light);--shadow-color-dark: var(--color-secondary-darker)}.c-round-button--back .c-round-button__icon{margin-top:2px}.c-round-button--ingame-back{--button-size: 33px;--surface-offset: 2px;--surface-size: 29px;--icon-size: 14px;--surface-gradient: linear-gradient(to bottom, var(--color-accent), var(--color-secondary));--shadow-color-light: var(--color-accent-light);--shadow-color-dark: var(--color-secondary-darker);margin:0}.c-round-button--ingame-back .c-round-button__surface{box-shadow:inset 0 2px 1px var(--shadow-color-light),inset 0 -2px 1px var(--shadow-color-dark),0 0 1px #000c}.c-round-button--ingame-back .c-round-button__icon{margin-top:1px}.c-round-button--ingame-back:active .c-round-button__icon{width:var(--icon-size)}.c-round-button:disabled .c-round-button__surface{background:var(--button-disabled-gradient);filter:grayscale(80%)}.c-round-button:disabled .c-round-button__outer-ring{opacity:.7}.dialog{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;display:grid;place-items:center;padding:var(--spacing-md);z-index:var(--z-index-dialog)}.dialog-content{background-color:var(--dialog-bg);border-radius:var(--dialog-radius);border:1px solid var(--dialog-border-color);padding:var(--spacing-lg);width:100%;max-width:600px;text-align:center;box-shadow:0 0 0 4px #ffffff26,var(--dialog-shadow),#0a25402e 0 -4px 14px inset;max-height:85vh;display:flex;flex-direction:column;background:var(--bg-container)}.dialog-content--compact{max-width:300px;padding:var(--spacing-lg) var(--spacing-lg);margin-bottom:32px}.dialog-button-container{margin-top:var(--spacing-lg);display:flex;justify-content:center;align-items:center}.dialog-button-container--vertical{flex-direction:column;gap:var(--spacing-md)}#rules-dialog .dialog-content{max-height:85vh;display:flex;flex-direction:column}.dialog-hl--striped{position:relative;overflow:hidden;background-color:var(--color-primary-lighter);border:1px dashed var(--accordion-border-color);border-radius:var(--radius-md);padding:0;margin:10px 0 25px;min-height:50px;display:flex;align-items:center;justify-content:center;z-index:0}.dialog-hl--striped:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background-image:linear-gradient(135deg,white 25%,transparent 25.5%,transparent 50%,white 50.5%,white 75%,transparent 75.5%,transparent);background-size:45px 45px;filter:blur(2px);z-index:-1;pointer-events:none;opacity:.8}.dialog-hl--striped .dialog-hl--playful{margin:0;padding:.2em 0;font-size:1em;transform:none;background:linear-gradient(to bottom,var(--color-secondary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:1px 1px 2px rgba(44,62,80,.15),0 -1px 1px rgba(255,255,255,.3)}#rules-content{flex-grow:1;overflow-y:auto;text-align:center;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-md);line-height:1.6em}#rules-content h3{font-size:1.35em;color:var(--color-accent);letter-spacing:.01em;display:flex;align-items:center;gap:10px;text-align:left;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px dashed var(--accordion-border-color)}.rules-header-icon{width:auto;height:1.1em;fill:var(--color-accent)}#rules-content h4{font-size:1.15em;letter-spacing:0;color:var(--color-accent);text-align:left;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);padding-top:var(--spacing-md);padding-bottom:var(--spacing-xs)}#rules-content p{text-align:left;margin-bottom:15px}#rules-content ul{display:inline-block;text-align:left;margin-top:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding-left:var(--spacing-lg);margin-left:0;margin-right:0}#rules-content li{margin-bottom:var(--spacing-xs);list-style-type:circle}.rules-section{display:grid;grid-template-columns:110px 1fr;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.rules-illustration{width:auto;height:auto;justify-self:center;flex-shrink:0;margin-top:5px}#premium-dialog .dialog-content{max-height:85vh;display:flex;flex-direction:column}#premium-features-list-container{flex-grow:1;overflow-y:auto;text-align:center;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-md)}#premium-features-list-container ul{display:inline-block;text-align:left;margin-top:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding-left:var(--spacing-lg);margin-left:0;margin-right:0}#premium-features-list-container li{margin-bottom:var(--spacing-md);line-height:1.5}@media (max-width: 500px){.dialog-button-container{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center}.dialog-button-container button:not(.c-round-button){width:100%;max-width:250px;padding:var(--spacing-sm) var(--spacing-md);font-size:.9em}}.dialog-content h3:not(.accordion__header),.dialog-content h4:not(.accordion__header){background:linear-gradient(to bottom,var(--color-secondary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:1px 1px 2px rgba(44,62,80,.1);display:flex;align-items:center;gap:10px}.dialog-content h3:not(.accordion__header) svg,.dialog-content h4:not(.accordion__header) svg{fill:url(#gradient-secondary-accent)!important}.form-group{margin-bottom:20px;text-align:left}.form-group input{width:100%;padding:10px;border:1px solid var(--form-border-color);border-radius:var(--form-radius);background-color:var(--color-white)}.error-message{color:var(--text-color-accent);font-size:.8em;margin:-18px 0 15px;display:none}.discipline-selection{margin-top:15px;padding-top:10px;border-top:1px solid var(--form-border-color);text-align:left}.discipline-group{margin-bottom:10px;margin-top:16px;border:none;padding:0;display:flex;flex-wrap:nowrap;justify-content:center;gap:8px}#sp-time-options{gap:6px}.discipline-group legend{display:none;padding:0;margin:0}.discipline-group label{--selection-color: var(--color-primary);--selection-accent-color: var(--color-accent);--selection-text-color: var(--text-color-default);--selection-font-weight: 300;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;color:var(--text-color-default);padding:4px 8px;background-color:var(--color-bg-light);border:1px solid var(--accordion-border-color, var(--form-border-color));border-radius:var(--radius-sm);transition:border-color .2s,background-color .2s,box-shadow .2s;vertical-align:middle;min-height:38.5px;position:relative}.discipline-group label:hover:not(.disabled){border-color:var(--color-primary);box-shadow:inset 0 0 0 100vmax var(--bg-highlight-primary)}.discipline-group label.disabled:hover{border-color:var(--text-color-disabled);box-shadow:inset 0 0 0 100vmax #0000000a}.discipline-group label:has(input[type=radio]:checked){border-color:var(--color-accent);--selection-color: var(--color-accent);--selection-accent-color: var(--color-primary);--selection-text-color: var(--text-color-accent);--selection-font-weight: bold}.discipline-group label:has(.time-limit-preview){--selection-color: var(--color-accent)}.discipline-group label:has(.time-limit-preview):has(input[type=radio]:checked){--selection-color: var(--color-primary)}.discipline-group input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;padding:0;border:0}.card-count-options{margin-bottom:6px}.card-count-options+.card-count-options{margin-top:8px}.card-layout-preview{display:grid;gap:1.5px;width:30px;padding:2px;background-color:var(--bg-dim-sm);border-radius:2px;flex-shrink:0}.card-layout-preview.cards-8,.card-layout-preview.cards-12,.card-layout-preview.cards-16{grid-template-columns:repeat(4,1fr)}.card-layout-preview.cards-9{grid-template-columns:repeat(3,1fr)}.card-layout-preview.cards-15{grid-template-columns:repeat(5,1fr)}.card-layout-preview.cards-18{grid-template-columns:repeat(6,1fr)}.card-layout-preview.cards-20{grid-template-columns:repeat(5,1fr)}.card-layout-preview span{display:block;background-color:var(--selection-color);height:5px;width:100%;border-radius:1px;transition:background-color .2s}.card-layout-preview span.group{background-color:var(--selection-accent-color)}.time-limit-preview{display:inline-flex;gap:2px;align-items:center;vertical-align:middle}.time-limit-preview .pie-timer-svg-wrapper{width:24px;height:24px}.time-limit-preview .pie-timer-bg{fill:#0000001a}.time-limit-preview .pie-timer-fill{fill:var(--selection-color);transition:fill .2s}.label-text{line-height:1;transition:color .2s,font-weight .2s;color:var(--selection-text-color);font-weight:var(--selection-font-weight)}.discipline-group .label-text{display:none}.discipline-group input[type=radio]+span:not(.card-layout-preview):not(.label-text):not(.time-limit-preview):not(.color-scheme-swatch):not(.symbol-set-thumbnail){display:none}.discipline-group label.disabled{color:var(--text-color-disabled);cursor:not-allowed;border-color:var(--form-border-color);background-color:transparent;text-decoration:none;opacity:.6}.discipline-group input[type=radio]:disabled+.card-layout-preview{filter:grayscale(80%)}.discipline-group input[type=radio]:disabled~.time-limit-preview{filter:grayscale(60%) brightness(1.15);opacity:.6}.discipline-group input[type=radio]:disabled+.card-layout-preview+.label-text,.discipline-group input[type=radio]:disabled+span:not(.card-layout-preview):not(.label-text):not(.premium-star-icon){color:var(--text-color-disabled);text-decoration:line-through}.premium-star-icon{position:absolute;bottom:12px;right:8px;width:11px;height:11px;fill:var(--premium-yellow, #FFD700);stroke:var(--color-accent);stroke-width:.5px;stroke-linejoin:round;flex-shrink:0;filter:drop-shadow(0 0 1px rgba(0,0,0,.3));transition:transform .2s;z-index:2}.discipline-group label.disabled:hover .premium-star-icon{transform:scale(1.2)}.symbol-set-scroll-container{padding-right:5px;margin-top:10px}.symbol-set-selection{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}.symbol-set-option{--symbol-svg-fill: var(--text-color-default);--symbol-name-color: var(--text-color-default);--symbol-name-weight: 300;display:flex;align-items:center;gap:8px;padding:5px;border:1px solid var(--accordion-border-color, var(--form-border-color));border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s,background-color .2s;background-color:transparent;position:relative}.symbol-set-option:hover:not(.disabled){border-color:var(--color-primary);background-color:transparent;--symbol-svg-fill: var(--color-accent)}.symbol-set-option:has(input[type=radio]:checked){border-color:var(--color-accent);background-color:transparent;--symbol-svg-fill: var(--color-primary);--symbol-name-color: var(--text-color-accent);--symbol-name-weight: bold}.symbol-set-option input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;padding:0;border:0}.symbol-set-thumbnail{width:32px;height:32px;padding:2px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.symbol-set-thumbnail svg{width:28px;height:28px;object-fit:contain;fill:var(--symbol-svg-fill);color:var(--symbol-svg-fill);transition:fill .2s,color .2s}.symbol-set-option .symbol-set-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;color:var(--symbol-name-color);font-weight:var(--symbol-name-weight)}.symbol-set-option.disabled{color:var(--text-color-disabled);cursor:not-allowed;opacity:.6}.symbol-set-option.disabled .symbol-set-thumbnail svg{fill:var(--text-color-disabled)}.sortable-list{list-style-type:none;padding:0;margin-top:8px;background-color:transparent;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sortable-list li{padding:5px 6px 5px 5px;border:1px solid var(--form-border-color);border-radius:var(--radius-sm);display:flex;align-items:center;gap:6px;background-color:var(--bg-shine-sm);color:var(--text-color-default);transition:border-color .2s,box-shadow .2s,background-color .2s;position:relative}.sortable-list li.no-preference{padding-left:29px}.sortable-list li:hover{border-color:var(--color-primary);box-shadow:0 0 4px var(--bg-highlight-primary)}.sortable-list li .set-position{font-weight:700;color:var(--color-accent);font-size:.9em;width:20px;text-align:center;flex-shrink:0}.sortable-list li.top-preference{background-color:var(--color-white);border-color:var(--color-primary-light)}.drag-handle{cursor:grab;color:var(--color-primary);font-size:1.2em;padding:0 2px;align-self:stretch;display:flex;align-items:center;transition:color .2s;margin-left:-5px}.drag-handle:hover{color:var(--color-accent)}.sortable-list .sortable-ghost{opacity:.4;background-color:var(--color-drag-ghost-bg);border-radius:var(--radius-sm)}.sortable-list .sortable-chosen{background-color:var(--color-drag-chosen-bg);box-shadow:inset 0 0 5px #0000001a;cursor:grabbing}.sortable-list li .symbol-set-thumbnail{width:24px;height:24px;margin-left:0;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sortable-list li .symbol-set-thumbnail svg{width:100%;height:100%;object-fit:contain;fill:var(--color-primary);transition:fill .2s}.sortable-list li:hover .symbol-set-thumbnail svg{fill:var(--color-accent)}.sortable-list li .symbol-set-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.player-info{position:relative;display:flex;align-items:center;gap:11px;padding:10px 17px;margin-bottom:10px;background:var(--bg-container);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 0 0 4px #ffffff26;flex-shrink:0;min-height:62px}.player-info h2{display:inline-flex;align-items:center;font-size:1.6em;font-weight:800;padding:0;margin:0;text-align:left;vertical-align:middle}.player-info-contents{flex:1;display:flex;align-items:center;gap:15px;background-color:var(--color-primary-lighter);border:1px dashed var(--accordion-border-color);border-radius:var(--radius-md);padding:0 1em;position:relative;overflow:hidden;z-index:0;min-height:40px;margin:5px 0}#timer-container{z-index:10;pointer-events:none}.player-info-contents:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background-image:linear-gradient(135deg,white 25%,transparent 25.5%,transparent 50%,white 50.5%,white 75%,transparent 75.5%,transparent);background-size:35px 35px;filter:blur(2px);z-index:-1;pointer-events:none;opacity:.8}.player-info-contents h2 span,.player-info-contents .score span:not(.score-label){background:linear-gradient(to bottom,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:1px 1px 2px rgba(44,62,80,.15),0 -1px 1px rgba(255,255,255,.3);line-height:1.2}.player-info .score,.player-info .match-score{margin-left:auto;text-align:right;position:relative}.player-info #player-score,.player-info .match-score{font-size:1.6em;line-height:1}.player-info .match-score .points--playful{font-size:1em}.sp-container .player-info #timer-container,.mission-container .player-info #timer-container,.training-container .player-info #timer-container{position:absolute;left:50%;transform:translate(-50%)}.score-popup{position:absolute;right:0;top:50%;transform:translate(-30px,-50%);font-family:Lilita One,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;background:linear-gradient(to bottom,var(--color-primary-light),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:1px 1px 2px rgba(44,62,80,.15);font-size:1.4em;pointer-events:none;animation:fly-up-and-fade 1.5s ease-out forwards}@keyframes fly-up-and-fade{0%{opacity:0;transform:translate(-30px,-40%)}20%{opacity:1;transform:translate(-30px,-50%)}to{opacity:0;transform:translate(-30px,-150%)}}.game-board-container[data-theme] .points--playful{background:linear-gradient(to bottom,var(--color-primary-light),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}@media (max-width: 768px){.player-info{padding:5px 10px;min-height:44px;margin-bottom:10px;gap:8px;border-radius:var(--radius-md) var(--radius-md) 0 0}.player-info-contents{min-height:30px;padding:0 .5em;margin:0}.player-info h2,.player-info #player-score,.player-info .match-score{font-size:1.2em}.player-info .match-score .points--playful{font-size:.9em}}@media (max-width: 480px){.sp-container .player-info #player-name-display,.mission-container .player-info #player-name-display{display:none}}@keyframes pulse-timer{0%{transform:translate(-50%,-50%) scale(.9)}50%{transform:translate(-50%,-50%) scale(1.03)}to{transform:translate(-50%,-50%) scale(.9)}}#timer-container{position:relative;grid-column:2 / 3;width:100%;min-height:54px;display:flex;justify-content:center;align-items:center}.timer-wrapper{--timer-size: 48px;--timer-offset: calc(var(--timer-size) + 8px);position:absolute;width:var(--timer-size);height:var(--timer-size);top:50%;left:50%;transition:all .5s cubic-bezier(.25,.8,.25,1)}.timer-wrapper--active{transform:translate(-50%,-50%) scale(1);opacity:1;z-index:var(--z-index-timer-active);transition:opacity .1s,transform .4s .1s}.timer-wrapper--waiting{transform:translate(calc(-50% + 56px),-50%) scale(.8);opacity:.7;z-index:var(--z-index-timer-waiting)}.timer-wrapper--waiting+.timer-wrapper--waiting{transform:translate(calc(-50% + 112px),-50%) scale(.8)}.timer-wrapper--spent{transform:translate(calc(-50% - var(--timer-offset)),-50%) scale(.6);opacity:0;z-index:0;pointer-events:none;transition:opacity 0s,transform .4s .05s}.timer-hand-stem{opacity:0}.pie-timer-svg{color:var(--color-accent);overflow:visible}.timer-hand-trail{fill:currentColor;transform-origin:center center}.trail-1{opacity:.7;filter:blur(.5px)}.trail-2{opacity:.6;filter:blur(1px)}.trail-3{opacity:.5;filter:blur(1.5px)}.trail-4{opacity:.4;filter:blur(2px)}.trail-5{opacity:.3;filter:blur(2.5px)}.trail-6{opacity:.2;filter:blur(3px)}#timer-hand-graphic{transform-origin:center center}@keyframes sweep-animation{0%{transform:rotate(0)}75%{opacity:1}to{transform:rotate(var(--target-angle));opacity:0}}.is-sweeping{animation:sweep-animation .5s ease-out forwards}.pie-timer-svg{width:100%;height:100%}.timer-segments path{fill:var(--color-accent);stroke:var(--color-accent);stroke-width:.1px;opacity:1;transition:opacity .2s ease-out}.timer-segments path.hidden{opacity:0}@media (max-width: 768px){#timer-container{min-height:36px}.timer-wrapper{--timer-size: 32px;--timer-offset: calc(var(--timer-size) + 5px)}.timer-wrapper--waiting{transform:translate(calc(-50% + 37px),-50%) scale(.8)}.timer-wrapper--waiting+.timer-wrapper--waiting{transform:translate(calc(-50% + 74px),-50%) scale(.8)}}.data-table{width:100%;border-collapse:collapse;font-size:.9em;text-align:left}.data-table th{background-color:var(--color-secondary);color:var(--text-color-on-dark);padding:8px;border-bottom:2px solid var(--form-border-color)}.data-table td{padding:6px 8px;border-bottom:1px solid var(--form-border-color);color:var(--text-color-default)}.data-table tbody tr:nth-child(2n) td{background-color:#00000005}.data-table tbody tr:hover td{background-color:#0000000a}.pagination-container{width:100%;display:flex;justify-content:center;padding:0;margin-top:8px;list-style:none}ul .pagination-container,ol .pagination-container{display:flex}.pagination-load-more{background:var(--bg-highlight-primary, rgba(94, 189, 238, .1));border:1px solid var(--color-primary-light, #7ac9f0);cursor:pointer;border-radius:var(--radius-sm, 5px);width:100%;padding:3px 0;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--color-accent, #336d97);outline:none}.pagination-load-more:hover,.pagination-load-more:active{background:var(--bg-highlight-primary, rgba(94, 189, 238, .1));border-color:var(--color-primary, #5ebdeeff);color:var(--color-primary-light, #7ac9f0)}.pagination-icon{width:24px;height:24px;opacity:1}#game-indicator-container{display:inline-block;vertical-align:middle}.game-indicator-wrapper{display:inline-flex;align-items:center;gap:8px;margin-right:12px;vertical-align:middle;background:none!important;-webkit-text-fill-color:initial!important;color:var(--text-color-default);text-shadow:none!important}.game-indicator-wrapper .player-status-waiting-text{font-family:Oswald,sans-serif;font-size:.8em;font-weight:500;line-height:1;display:flex;align-items:baseline;-webkit-text-fill-color:var(--text-color-default)!important;color:var(--text-color-default)!important}.game-indicator-wrapper .wt-cards{color:var(--color-primary-light)!important;-webkit-text-fill-color:var(--color-primary-light)!important;font-style:italic;margin-right:3px}.game-indicator-wrapper .wt-slash{font-style:normal;color:var(--text-color-subtle)!important;-webkit-text-fill-color:var(--text-color-subtle)!important;margin:0 3px;opacity:.6}.game-indicator-wrapper .wt-groups{font-style:italic;color:var(--text-color-default)!important;-webkit-text-fill-color:var(--text-color-default)!important}.game-indicator-preview{--selection-color: var(--color-primary-light);--selection-accent-color: var(--color-accent);display:grid;gap:1.5px;width:28px;padding:2px;background-color:var(--bg-dim-sm);border:1px solid rgba(0,0,0,.1);border-radius:2px;flex-shrink:0;vertical-align:middle;box-shadow:inset 0 0 2px #0000000d;-webkit-background-clip:border-box!important;background-clip:border-box!important}.game-indicator-preview.cards-8,.game-indicator-preview.cards-12,.game-indicator-preview.cards-16{grid-template-columns:repeat(4,1fr)}.game-indicator-preview.cards-9{grid-template-columns:repeat(3,1fr)}.game-indicator-preview.cards-15{grid-template-columns:repeat(5,1fr)}.game-indicator-preview.cards-18{grid-template-columns:repeat(6,1fr)}.game-indicator-preview.cards-20{grid-template-columns:repeat(5,1fr)}.game-indicator-preview.cards-24{grid-template-columns:repeat(6,1fr)}.game-indicator-preview span{display:block;background:var(--color-primary-light)!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:initial!important;color:transparent;height:4px;width:100%;border-radius:1px;border:1px solid rgba(0,0,0,.05);opacity:.9}.game-indicator-preview span.group{background:var(--color-accent)!important;opacity:1}.main-menu-dialog{padding:20px 25px 38px;border:1px solid var(--form-border-color);max-height:calc(102vh - 20px);margin-top:10px;display:flex;flex-direction:column;overflow:hidden}#login-section .form-group{margin-top:25px}#login-section #password-section .form-group{margin-top:-15px}#login-section .form-group input{color:var(--color-accent);font-family:Lilita One,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;font-size:1.5em;padding:10px 15px;text-align:center;font-weight:500;border:2px solid var(--form-border-color);transition:border-color .2s,box-shadow .2s}#login-section .form-group input::placeholder{color:var(--color-accent-light);opacity:.7}#login-section .form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 8px var(--bg-highlight-primary)}.login-info-text{display:block;margin-top:3px;text-align:center;font-size:.8em;font-weight:300;color:var(--text-color-accent)}body.choose-mode #login-section .play-button{display:block;margin-top:10px}.login-header{text-align:center;margin-bottom:20px}#login-section h2{font-size:1.5em;margin-bottom:10px}#loggedin-section{flex-grow:1;display:flex;flex-direction:column;min-height:0}#loggedin-section h2#welcome-message{margin-bottom:10px;margin-top:0}.account-info-box{display:none;font-size:.85em;padding:8px 12px;margin-bottom:15px;border-radius:var(--radius-sm);background-color:var(--bg-dim-sm);border:1px solid var(--form-border-color);color:var(--text-color-default)}#loggedin-game-options{transition:opacity .3s ease-in-out;flex-grow:1;min-height:0;display:flex;flex-direction:column}#loggedin-game-options.loading-in-progress{opacity:.6;pointer-events:none}#asset-loader-indicator:not(.hidden)+h2#welcome-message{margin-top:10px}.mode-button-container{margin-top:15px;padding-top:10px;margin-bottom:20px;text-align:center}.game-start-button{margin-top:10px}#logout-container{display:flex;justify-content:center;align-items:center;padding-top:0;padding-bottom:16px}.premium-only{opacity:.45;pointer-events:none}body.premium-user .premium-only{opacity:1;pointer-events:auto}body.premium-user .premium-only .premium-star-icon{display:none}.mode-group{padding:15px;border:1px solid var(--form-border-color);border-radius:var(--radius-sm);margin-bottom:20px;background-color:var(--bg-shine-sm)}.mode-group h4{margin-top:0;color:var(--text-color-emphasis)}.lobby-message{color:var(--text-color-default);padding:6px 15px;text-align:center;font-style:italic;font-size:.9em;background-color:transparent}.player-search-container{margin-bottom:10px;flex-shrink:0;position:relative}.player-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-color-subtle);pointer-events:none}.player-search-input{width:100%;padding:8px 12px 8px 36px;border-radius:var(--radius-md);border:1px solid var(--form-border-color);background-color:var(--input-bg-color);color:var(--text-color-default);font-size:.95em}.player-search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-shadow)}#lobby-player-list-container h3{color:var(--text-color-emphasis);margin-top:0;margin-bottom:10px;font-size:1.2em;border-bottom:1px solid var(--form-border-color);padding-bottom:5px}.lobby-player-list{list-style:none;padding:0;margin:0}.lobby-player-item{font-size:smaller;padding:3px 8px;margin-bottom:2px;border-radius:var(--radius-xs);background-color:var(--bg-dim-xs);border:1px solid transparent;transition:background-color .2s}.lobby-player-item-content{display:flex;justify-content:flex-start;align-items:center;gap:8px}.lobby-player-item:last-child{margin-bottom:0}.lobby-player-item:hover{background-color:#00000012}.lobby-player-item .lobby-player-info{display:flex;align-items:center;gap:6px}.friend-toggle-btn{background:transparent;border:none;padding:0;cursor:pointer;width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--color-primary-light)}.friend-toggle-btn:hover:not(:disabled){transform:scale(1.1)}.friend-toggle-btn:disabled{color:var(--color-neutral-medium);cursor:not-allowed;opacity:.5;background-color:transparent}.friend-toggle-btn svg{width:18px;height:18px}.player-name{font-size:1em;color:var(--text-color-emphasis);display:flex;align-items:center}.premium-indicator{color:var(--color-accent);margin-left:3px;font-size:1.1em;display:inline-block}.player-status{color:var(--text-color-default);display:flex;align-items:center;gap:4px}.lobby-player-status-wrapper{margin-left:auto;display:flex;align-items:center;gap:8px}.player-status-waiting-text{font-size:1.1em;font-weight:500}.player-status-waiting-text .wt-cards,.player-status-waiting-text .wt-groups{font-style:italic}.player-status-waiting-text .wt-slash{font-style:normal}.player-status-waiting-text .wt-cards{color:var(--color-primary-light);margin-right:2px}.lobby-card-preview{--selection-color: var(--color-primary-light);--selection-accent-color: var(--color-accent);vertical-align:middle;margin-left:5px}.lobby-player-item.current-user{font-weight:400;border-left:none;background-color:var(--bg-dim-xs);padding-left:8px}.lobby-play-action,.lobby-play-placeholder{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.lobby-play-action{border-radius:50%;border:1px solid var(--color-accent);color:var(--color-accent);transition:all .2s ease;opacity:.8;pointer-events:none}.lobby-play-action.locked{border-color:var(--color-neutral-medium);color:var(--color-neutral-medium);opacity:.5}.play-icon{width:14px;height:14px;fill:currentColor}.lobby-player-item:hover .lobby-play-action:not(.locked){background-color:var(--color-accent);color:#fff;opacity:1;transform:scale(1.1);box-shadow:0 0 8px var(--color-accent-shadow)}.medal-container{display:inline-flex;align-items:center;margin-left:3px;vertical-align:middle}.medal-icon{width:14px;height:14px;margin:0 1px;color:var(--color-accent)}#highscore-overview-container{margin-top:30px;padding-top:20px;border-top:1px solid var(--form-border-color);display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:100%}.highscore-discipline-wrapper{flex:1 1 300px;min-width:280px;max-width:450px;background:var(--bg-container);border-radius:var(--radius-lg);padding:15px;box-shadow:var(--shadow-default);text-align:left}.highscore-discipline-wrapper .highscore-heading{text-align:center;margin-bottom:15px;color:var(--text-color-emphasis)}@media (max-width: 768px){#highscore-overview-container{flex-direction:column;align-items:center}.highscore-discipline-wrapper{width:90%;max-width:500px;flex-basis:auto}}.game-board{display:grid;gap:7px 8px;padding:12px;background:var(--bg-container);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:0 0 0 4px #ffffff26;height:100%}.game-board.cards-8{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.game-board.cards-9{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.game-board.cards-12{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr)}.game-board.cards-15{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,1fr)}.game-board.cards-16{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.game-board.cards-18{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(6,1fr)}.game-board.cards-20{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr)}.game-board.cards-24{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(6,1fr)}.card{--card-radius: 12px;position:relative;perspective:1000px;cursor:pointer;overflow:hidden;border-radius:var(--card-radius);width:100%;height:100%;min-width:40px;min-height:40px}.card-inner{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform var(--card-flip-duration, .6s);transition-timing-function:ease-out,step-start,cubic-bezier(.1,.7,1,.1);transform-style:preserve-3d;border:1px solid var(--card-inner-border-color);border-radius:var(--card-radius)}.card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:var(--card-radius);overflow:hidden;display:flex;justify-content:center;align-items:center;border:8px solid var(--color-primary-lighter)}.card-front{background-color:var(--color-white);transform:rotateY(180deg) translateZ(1px);padding:5px;color:var(--text-color-accent);border:8px solid var(--color-white)}.card-front:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:#0a25401f 0 -2px 6px inset;border-radius:calc(var(--card-radius) - 8px);pointer-events:none}.card-front svg{display:block;width:60%;height:60%;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(2px 3px 3px rgba(0,0,0,.35));fill:var(--text-color-accent)}.card-back{background:var(--card-bg-pattern) url(../img/pixels.png) repeat;transform:rotateY(0) translateZ(1px);display:flex;justify-content:center;align-items:center;box-shadow:inset 0 0 12px #0000004d,#0a254059 0 -2px 6px inset}.card-back .card-back-emblem{width:50%;height:50%;fill:var(--text-color-accent);filter:drop-shadow(1px 1px 2px rgba(0,0,0,.4))}.card.found{opacity:.65;cursor:default;transition:opacity .4s ease-out}.card.found .card-front svg:not(.symbol-clone){filter:none}.card.found .card-inner{pointer-events:none}@keyframes symbol-float-away{0%{transform:scale(1);opacity:1}to{transform:scale(1.8);opacity:0}}.card-front .symbol-clone{position:absolute;top:0;right:0;bottom:0;left:0;width:60%;height:60%;margin:auto;pointer-events:none;animation:symbol-float-away .8s ease-out forwards;filter:drop-shadow(2px 3px 3px rgba(0,0,0,.35));fill:var(--text-color-accent)}#timed-game-over-content{flex-grow:1;overflow-y:auto;text-align:center;padding:var(--spacing-md) var(--spacing-xs) var(--spacing-md)}#timed-game-over-content .accordion-body__contents,#timed-game-over-content .accordion__item.active>.accordion-body>.accordion-body__contents{max-height:none!important;overflow:visible!important;overflow-y:visible!important}#timed-game-over-content .highscore-container{max-height:none!important;overflow-y:visible!important;border:none;background-color:transparent;padding:0;margin:0}#game-over-dialog #game-over-match-score,#game-over-dialog #game-over-countdown{display:none}#game-over-dialog .highscore-container{margin-top:15px}#game-over-dialog .dialog-button-container{margin-top:20px}.game-history-container{margin-top:15px;max-height:250px;overflow-y:auto;border:1px solid var(--form-border-color);border-radius:var(--radius-sm);background-color:#ffffffe6;padding:5px}.game-history-table th,.game-history-table td{text-align:center;padding:6px 8px}.game-history-table .gh-game{width:15%}.game-history-table .gh-you,.game-history-table .gh-opponent{width:25%}.game-history-table .gh-result{width:35%;font-weight:700}.game-history-table .result-win{color:var(--color-status-win)}.game-history-table .result-loss{color:var(--color-status-loss)}.game-history-container p:only-child{text-align:center;padding:15px;font-style:italic;color:var(--text-color-default)}#training-complete-dialog .discipline-selection{border-top:none;margin-top:0;padding-top:0}#training-complete-dialog .discipline-group.symbol-set-selection{display:grid;grid-template-columns:repeat(6,auto);justify-content:center;gap:8px;margin-top:15px}@media (max-width: 768px){#game-over-dialog #sp-new-discipline-selection{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;border-top:none;padding-top:5px;justify-content:space-around;align-items:flex-start}#game-over-dialog #sp-new-discipline-selection .discipline-group{flex:1 1 45%;margin-bottom:0;min-width:150px}.game-board{gap:8px;padding:10px;border-radius:0 0 var(--radius-md) var(--radius-md)}}@media (max-width: 500px){.game-board{gap:5px;padding:8px}.card{min-width:35px;min-height:35px;--card-radius: 8px}.card-front,.card-back{border-width:3px}.card-front:after{border-radius:calc(var(--card-radius) - 3px)}}@media (min-width: 769px){.game-board.cards-12{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr)}.game-board.cards-15{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr)}.game-board.cards-18{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,1fr)}.game-board.cards-20{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr)}.game-board.cards-24{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr)}}.highscore-dialog-content{max-width:700px;height:85vh;max-height:600px;display:flex;flex-direction:column}#highscore-content{flex-grow:1;overflow-y:auto;text-align:center;padding:var(--spacing-md) var(--spacing-xs) var(--spacing-md)}#highscore-content .accordion-body__contents,#highscore-content .accordion__item.active>.accordion-body>.accordion-body__contents,#highscore-content .match-history-table-wrapper{max-height:none!important;overflow:visible!important;overflow-y:visible!important}.highscore-split-layout{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.highscore-column{flex:1;display:flex;flex-direction:column;min-width:0}.highscore-column .accordion{width:100%}@media (max-width: 768px){.highscore-split-layout{flex-direction:column;overflow-y:auto}.highscore-column{overflow:visible;margin-bottom:var(--spacing-md)}}#highscore-top-accordion .accordion__item{border:none;background:transparent;margin-bottom:0}#highscore-top-accordion .accordion__header{background-color:var(--color-primary-lighter);padding:0 12px;border-radius:var(--radius-sm)}#highscore-top-accordion .accordion__header:before{display:none}#highscore-top-accordion .accordion__header h3{margin:0;padding:10px 0}.highscore-container{margin:15px 0;padding:10px;background-color:#ffffffe6;border-radius:var(--radius-sm);max-height:300px;overflow-y:auto;border:1px solid var(--form-border-color)}.highscore-heading{font-size:1.2em;margin-bottom:10px;text-align:center;color:var(--text-color-emphasis)}.highscore-table th.hs-rank,.highscore-table th.hs-score,.highscore-table th.hs-time{text-align:center}.highscore-table th.hs-date{text-align:right}.highscore-table th.hs-rank{width:10%}.highscore-table th.hs-player{width:20%}.highscore-table th.hs-score{width:10%}.highscore-table th.hs-time,.highscore-table th.hs-date{width:20%}.highscore-table th.sortable{cursor:pointer;text-decoration:underline}.highscore-table th.sortable:hover{background-color:var(--color-secondary-darker)}.highscore-table th.sortable.sorted{background-color:var(--color-accent);text-decoration:none;color:#fff}.highscore-table td.hs-rank,.highscore-table td.hs-score,.highscore-table td.hs-time{text-align:center}.highscore-table td.hs-date{text-align:right}.highscore-table tr.current-player td{background-color:var(--bg-highlight-primary);font-weight:700;color:var(--text-color-accent)}.highscore-table tr.hs-message-row td{text-align:center;padding:10px;font-style:italic;color:var(--text-color-default);background-color:transparent!important}.highscore-table tr.hs-message-row.error td{color:var(--text-color-accent);font-style:normal;font-weight:700}#highscore-overview-dialog .highscore-container{margin:0;padding:0;border:none;max-height:none;overflow-y:visible;background-color:transparent}#highscore-overview-dialog .highscore-heading{display:none}#highscore-overview-dialog .highscore-table th,#highscore-overview-dialog .highscore-table td{padding:4px 6px}#highscore-overview-dialog .highscore-table th{font-weight:400}#highscore-overview-dialog .hs-message-row td{padding:15px 10px}.match-history-table-wrapper{max-height:250px;overflow-y:auto}.match-history-table th.sortable{cursor:pointer;text-decoration:underline;font-weight:400}.match-history-table th.sortable:hover{background-color:var(--color-accent)}.match-history-table .mh-balance,.match-history-table .mh-duels{text-align:center}.match-history-table .balance-positive{color:var(--color-status-win)}.match-history-table .balance-negative{color:var(--color-status-loss)}.match-history-table .mh-balance-details{font-size:.8em;font-weight:400;color:var(--text-color-default);margin-left:4px}.match-history-summary-row{cursor:pointer}.match-history-summary-row:hover td{background-color:var(--bg-highlight-primary)}.match-history-summary-row.active td{background-color:#00000014;font-weight:700}.match-history-details-row td{padding:0!important;border-bottom:1px solid var(--form-border-color)}.details-list{padding:10px 15px;background-color:#00000008;list-style:none;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:5px 15px}.details-list li{font-size:.9em;border-bottom:1px dotted var(--form-border-color);padding:2px 0;white-space:nowrap}#highscore-overview-dialog .accordion{flex-grow:1;overflow-y:auto;margin-bottom:15px;margin-top:10px;border:1px solid var(--form-border-color);border-radius:var(--radius-sm);padding:5px}#highscore-overview-dialog .accordion__item{margin-bottom:0;border:none;border-bottom:1px solid var(--form-border-color);border-radius:0}#highscore-overview-dialog .accordion__item:last-child{border-bottom:none}#highscore-overview-dialog .accordion__header{padding:10px 15px;color:var(--text-color)}#highscore-overview-dialog .accordion-body{background-color:transparent}#highscore-overview-dialog .accordion__item.active>.accordion-body>.accordion-body__contents{padding:0}@media (max-width: 500px){.highscore-table{font-size:.8em}.highscore-table th,.highscore-table td{padding:4px}.highscore-container{max-height:200px}}.highscore-column-header{font-size:1.35em;color:var(--color-accent);letter-spacing:.01em;display:flex;align-items:center;gap:10px;text-align:left;margin-top:var(--spacing-sm);margin-bottom:var(--spacing-lg);margin-left:3px;padding-top:var(--spacing-sm);border-top:1px dashed var(--accordion-border-color);justify-content:flex-start}.highscore-header-icon{width:auto;height:1.1em;fill:var(--color-accent);opacity:.9}@media (max-width: 500px){.highscore-column-header{font-size:1.1em}}.mission-objectives{list-style-type:none;padding:0;text-align:left;max-width:300px;margin:15px auto}.mission-objectives li{padding:8px 12px;margin-bottom:5px;border-radius:var(--radius-sm);border-left:4px solid;font-weight:500}.mission-objectives li.objective-met{background-color:var(--success-bg-light);border-left-color:var(--success-bg);color:var(--text-color-default)}.mission-objectives li.objective-failed{background-color:var(--danger-bg-light);border-left-color:var(--danger-bg);color:var(--text-color-default);opacity:.9}.accordion__item.locked .accordion__header{opacity:.6;cursor:not-allowed;background-color:var(--bg-surface-disabled)}.accordion__item.locked .accordion__header .accordion-icon{opacity:.4}.accordion__item.completed .accordion__header{background-color:var(--success-bg-light);border-left:4px solid var(--success-bg)}.accordion__item.completed .accordion__header:after{content:"✔";color:var(--success-bg);font-weight:700;font-size:1.05em;right:25px;transition:none}.accordion__item.completed .accordion__header:before{content:"+";position:absolute;right:35px;top:50%;transform:translateY(-50%);font-size:1.3em;font-weight:400;transition:transform .3s ease-out;color:var(--text-color-default);opacity:.8}.accordion__item.completed.active .accordion__header:before{content:"-"}.lock-info{font-style:italic;opacity:.7;text-align:center;margin-top:15px}.missions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px 5px 25px}.mission-button{position:relative;width:74px;height:74px;margin:0 auto;--button-size: 68px;--surface-offset: 4px}.mission-button .c-round-button__icon{display:flex;justify-content:center;align-items:center}.mission-button__number{font-family:Lilita One,sans-serif;font-size:1.9em;line-height:1;color:var(--color-white);text-shadow:1px 2px 3px rgba(0,0,0,.5);position:relative}.mission-button.mission-button--completed:not(.has-achievement) .mission-button__number:after{content:"✓";position:absolute;font-size:.55em;line-height:1;color:var(--color-white);text-shadow:0 1px 2px rgba(0,0,0,.6);bottom:-6px;right:-12px}.mission-button .c-round-button__surface .mission-button__medal{position:absolute;bottom:11px;right:12px;width:12px;height:12px;z-index:3;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5));color:#fff;stroke:#999b9b48;stroke-width:40px;--medal-color: #bcbcbc}.mission-button.mission-button--completed .mission-button__medal{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.mission-button.mission-button--completed.achievement-bronze .mission-button__medal{--medal-color: #c77d41}.mission-button.mission-button--completed.achievement-silver .mission-button__medal{--medal-color: #999b9b}.mission-button.mission-button--completed.achievement-gold .mission-button__medal{--medal-color: #d4af37}.mission-button:disabled{pointer-events:none;background:none;border:none;padding:0}@media (max-width: 500px){.missions-grid{gap:5px}}#settings-dialog .dialog-content{max-width:600px}#settings-dialog .accordion-body__contents,#settings-dialog .accordion__item.active>.accordion-body>.accordion-body__contents{max-height:none!important;overflow:visible!important;overflow-y:visible!important}#settings-content{flex-grow:1;overflow-y:auto;text-align:center;padding:var(--spacing-md) var(--spacing-xs) var(--spacing-md)}#settings-dialog label[for=language-select]{display:block;margin-bottom:var(--spacing-xs)}#language-select{width:100%;padding:var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--form-border-color);background-color:var(--color-white);font-family:inherit;font-size:.9em;color:var(--text-color-default);cursor:pointer}#settings-dialog .dialog-button-container{margin-top:30px}#settings-dialog .accordion__item{border-style:solid;border-color:var(--accordion-border-color);background-color:transparent}#settings-dialog .accordion__header{background-color:var(--color-primary-lighter);padding:0 12px;min-height:38px}#settings-dialog .accordion__header:before{display:none}#settings-dialog .accordion__header h4,#settings-dialog .accordion__header>span{padding:0}.sound-toggle-button .icon-sound-on,.sound-toggle-button .icon-sound-off{display:none}.sound-toggle-button.sound-on .icon-sound-on,.sound-toggle-button.sound-off .icon-sound-off{display:block}#settings-dialog .settings-group{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-lg);padding-top:var(--spacing-md)}#settings-dialog .settings-group:first-of-type{border-top:none;padding-top:0;margin-top:10px}.settings-group--main-options{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;flex-wrap:wrap}.settings-group--main-options .settings-row-full{flex-grow:1}.settings-group--main-options .settings-row-grid{display:contents}.settings-group--main-options .settings-grid-item{margin-bottom:0;flex-shrink:0}#settings-dialog .settings-group h3{font-size:.95em;color:var(--text-color-emphasis);text-align:left;font-weight:300}.settings-row-full{margin-bottom:10px}.settings-row-full label{display:block;text-align:left;font-weight:300;font-size:.95em;color:var(--text-color-default);margin-bottom:5px}.settings-row-grid{display:flex;gap:20px;justify-content:space-between}.settings-grid-item{flex:1}.settings-grid-item .discipline-group{margin-top:0}.settings-grid-item legend{display:block;text-align:left;font-weight:300;font-size:.95em;color:var(--text-color-default);margin-bottom:5px;padding:0}#settings-dialog .discipline-group{justify-content:flex-start;gap:8px}#settings-dialog .discipline-group .label-text,#settings-dialog .discipline-group .card-layout-preview,#settings-dialog .discipline-group .time-limit-preview{display:none}.color-scheme-swatch{display:inline-block;width:16px;height:16px;border-radius:3px;border:none;vertical-align:middle}.scheme-blue{background-color:#5ebdee}.scheme-red{background-color:#e46e3c}#settings-dialog .discipline-group .svg-icon{display:inline-block;width:20px;height:20px;color:var(--color-accent);transition:color .2s}#settings-dialog label:has(input:checked) .svg-icon{color:var(--color-primary)}#settings-dialog .discipline-group label .svg-icon.icon-disabled-color{color:var(--color-neutral-light)}#settings-dialog label:has(input:checked) .svg-icon.icon-disabled-color{color:var(--text-color-disabled)}#settings-dialog .center-button{display:flex;justify-content:center}#settings-dialog input,#settings-dialog select{font-family:var(--font-family-body)}