@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@layer base,layout,components;@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@scroll-timeline header-scroll-timeline{source:scroll(root);orientation:block;scroll-offsets:0,150px}@layer base{:root{color-scheme:light dark;--primary: light-dark(#1e3a8a, #3b82f6);--primary-50: light-dark(#dbeafe, #1e293b);--primary-100: light-dark(#bfdbfe, #1e3a8a);--primary-600: light-dark(#1e3a8a, #60a5fa);--primary-700: light-dark(#1e40af, #93c5fd);--primary-800: light-dark(#1e3a8a, #bfdbfe);--primary-900: light-dark(#172554, #dbeafe);--gray-50: light-dark(#ffffff, #0f172a);--gray-100: light-dark(#f8fafc, #1e293b);--gray-200: light-dark(#e2e8f0, #334155);--gray-300: light-dark(#94a3b8, #64748b);--gray-400: light-dark(#64748b, #94a3b8);--gray-500: light-dark(#334155, #cbd5e1);--gray-600: light-dark(#1e293b, #e2e8f0);--gray-700: light-dark(#0f172a, #f1f5f9);--gray-800: light-dark(#020617, #f8fafc);--gray-900: light-dark(#000000, #ffffff);--success: light-dark(#15803d, #22c55e);--success-50: light-dark(#dcfce7, #15803d);--success-600: light-dark(#15803d, #4ade80);--success-700: light-dark(#166534, #86efac);--error: light-dark(#b91c1c, #ef4444);--error-50: light-dark(#fef2f2, #b91c1c);--error-600: light-dark(#b91c1c, #f87171);--error-700: light-dark(#991b1b, #fca5a5);--warning: light-dark(#ca8a04, #facc15);--warning-50: light-dark(#fefce8, #ca8a04);--bg: light-dark(#ffffff, #020617);--surface: light-dark(#ffffff, #0f172a);--surface-elevated: light-dark(#f8fafc, #1e293b);--border: light-dark(#94a3b8, #64748b);--border-light: light-dark(#cbd5e1, #334155);--border-focus: var(--primary);--text-primary: light-dark(#000000, #f8fafc);--text-secondary: light-dark(#1e293b, #cbd5e1);--text-muted: light-dark(#334155, #94a3b8);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 2px 6px 0 rgb(0 0 0 / .2);--shadow: 0 4px 12px 0 rgb(0 0 0 / .25), 0 2px 6px -2px rgb(0 0 0 / .2);--shadow-md: 0 8px 20px -2px rgb(0 0 0 / .3), 0 4px 12px -4px rgb(0 0 0 / .25);--shadow-lg: 0 16px 40px -8px rgb(0 0 0 / .35), 0 8px 20px -8px rgb(0 0 0 / .3);--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing: 1.25rem;--spacing-lg: 2rem;--spacing-xl: 2.5rem;--spacing-2xl: 3.5rem;--spacing-3xl: 5rem}html{scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.7;color:var(--text-primary);background:var(--bg);font-feature-settings:"cv02","cv03","cv04","cv11";font-variation-settings:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;min-height:100vh;font-size:clamp(16px,1.5vw,18px);font-weight:400}@import "modal.css";::view-transition-old(root){animation:.25s ease-out both fade-out}::view-transition-new(root){animation:.25s ease-in both fade-in}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}}@layer layout{.container{max-width:1280px;margin:0 auto;padding:var(--spacing-xl) var(--spacing)}@keyframes shrink-header{0%{padding:var(--spacing-lg) 0;background:color-mix(in srgb,var(--surface) 95%,transparent)}to{padding:var(--spacing-sm) 0;background:color-mix(in srgb,var(--surface) 85%,transparent)}}header{backdrop-filter:blur(8px);border-bottom:1px solid var(--border-light);margin-bottom:var(--spacing-2xl);position:sticky;top:0;z-index:100;animation:shrink-header linear;animation-timeline:header-scroll-timeline}header .header-content,header .header-flex{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;padding:0 var(--spacing)}header .header-title{font-size:clamp(1.75rem,5vw,2.25rem);font-weight:700;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.1);text-wrap:balance}header .header-actions{display:flex;gap:var(--spacing-sm)}.main-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-2xl)}.main-layout:not(:has(aside)){grid-template-columns:1fr}.main-layout aside{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-lg);height:fit-content;position:sticky;top:calc(var(--spacing-3xl) + 60px);width:280px;flex-shrink:0;box-sizing:border-box;overflow:hidden}.main-layout aside nav{all:unset;display:block;position:static;width:100%}.main-layout aside nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.main-layout aside nav ul li{width:100%}.main-layout aside nav ul li a{display:block;width:100%;padding:var(--spacing-sm) var(--spacing);border-radius:var(--radius);color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;transform:translate(0)}.main-layout aside nav ul li a:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--primary-600);transform:scaleY(0);transition:transform .2s ease;border-radius:0 2px 2px 0}.main-layout aside nav ul li a:hover{background:var(--gray-50);color:var(--text-primary);transform:translate(4px);box-shadow:0 2px 8px #0000000d}.main-layout aside nav ul li a:hover:before{transform:scaleY(1)}.main-layout aside nav ul li a.current{background:var(--primary-50);color:var(--primary-700);font-weight:600;transform:translate(4px)}.main-layout aside nav ul li a.current:before{transform:scaleY(1)}main{min-width:0}}@layer components{.levels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing);margin-bottom:var(--spacing-2xl)}.level-btn{background:var(--surface);border:2px solid rgba(0,0,0,0);border-image:conic-gradient(from var(--border-angle),var(--primary-600),var(--primary-700),var(--primary-600)) 1;border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing);font-weight:600;color:var(--text-primary);cursor:pointer;text-align:center;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transform:translateY(0);transition:transform .25s cubic-bezier(.4,0,.2,1),--border-angle .5s linear}.level-btn:hover{--border-angle: 360deg;box-shadow:0 8px 25px color-mix(in srgb,var(--primary) 15%,transparent);transform:translateY(-4px) scale(1.03);background:var(--primary-50);color:var(--primary-700)}.level-btn:active{transform:translateY(-2px) scale(1.01);transition-duration:.1s}.question-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm);container-type:inline-size;container-name:question-card}.question-card .question-text{font-size:clamp(1.25rem,4vw,1.5rem);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg);line-height:1.6;text-wrap:pretty}.question-card .answer-text{font-size:1.25rem;color:var(--success-700);font-weight:600;margin-bottom:var(--spacing)}@container question-card (max-width: 400px){.question-card{padding:var(--spacing-lg)}.question-card .question-text{font-size:1.1rem}}:is(.button,.header-btn,.show-answer-btn,.ok-btn,.error-btn,button,input[type=submit]){display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,0);text-decoration:none;outline:none;font-family:inherit;gap:var(--spacing-xs);position:relative;overflow:hidden;transform:translateY(0)}:is(.button,.header-btn,.show-answer-btn,.ok-btn,.error-btn,button,input[type=submit]):before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease;pointer-events:none}:is(.button,.header-btn,button,input[type=submit]){background:var(--primary-600);color:#fff;box-shadow:var(--shadow-sm)}:is(.button,.header-btn,button,input[type=submit]):hover,:is(.button,.header-btn,button,input[type=submit]):focus{background:var(--primary-700);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 25%,transparent);transform:translateY(-2px) scale(1.02)}:is(.button,.header-btn,button,input[type=submit]):hover:before,:is(.button,.header-btn,button,input[type=submit]):focus:before{left:100%}:is(.button,.header-btn,button,input[type=submit]):active{transform:translateY(-1px) scale(1.01);transition:all .1s}.ok-btn{background:var(--success);color:#fff;box-shadow:var(--shadow-sm)}.ok-btn:hover:not(:disabled){background:color-mix(in srgb,var(--success) 90%,black);box-shadow:0 4px 12px color-mix(in srgb,var(--success) 25%,transparent);transform:translateY(-2px) scale(1.02)}.ok-btn:hover:not(:disabled):before{left:100%}.ok-btn:active:not(:disabled){transform:translateY(-1px) scale(1.01);transition:all .1s}.error-btn{background:var(--error);color:#fff;box-shadow:var(--shadow-sm)}.error-btn:hover:not(:disabled){background:color-mix(in srgb,var(--error) 90%,black);box-shadow:0 4px 12px color-mix(in srgb,var(--error) 25%,transparent);transform:translateY(-2px) scale(1.02)}.error-btn:hover:not(:disabled):before{left:100%}.error-btn:active:not(:disabled){transform:translateY(-1px) scale(1.01);transition:all .1s}.show-answer-btn{background:var(--gray-100);color:var(--text-primary);border:1px solid var(--border)}.show-answer-btn:hover{background:var(--gray-200);border-color:var(--gray-300);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px) scale(1.02)}.show-answer-btn:hover:before{left:100%}.show-answer-btn:active{transform:translateY(-1px) scale(1.01);transition:all .1s}input[type=text],input[type=number],textarea{width:100%;padding:var(--spacing) var(--spacing-lg);border:1px solid var(--border);border-radius:var(--radius);font-size:1rem;color:var(--text-primary);background:var(--surface);transition:all .15s ease;font-family:inherit;outline:none}input[type=text]:focus,input[type=number]:focus,textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-50)}input[type=text]::placeholder,input[type=number]::placeholder,textarea::placeholder{color:var(--text-muted)}table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:2px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);margin-top:var(--spacing-xl);font-size:1rem;position:relative;animation:tableSlideIn .6s ease-out}table thead{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);position:relative}table thead:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-600),var(--primary-800),var(--primary-600))}table thead th{background:#0000;color:#fff;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-lg) var(--spacing-xl);text-align:left;border:none;position:relative;text-shadow:0 1px 2px rgba(0,0,0,.3)}table thead th:not(:last-child):after{content:"";position:absolute;right:0;top:25%;height:50%;width:2px;background:#fff3;border-radius:1px}table tbody{background:var(--surface)}table tbody td{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-light);color:var(--text-primary);font-weight:500;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}table tbody tr{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;background:var(--surface);animation:tableSlideIn .5s ease-out backwards}table tbody tr:hover{background:linear-gradient(135deg,var(--primary-50) 0%,color-mix(in srgb,var(--surface) 80%,transparent) 100%)!important;transform:translate(8px) scale(1.01);box-shadow:var(--shadow-md);border-left:6px solid var(--primary-600)}table tbody tr:hover td{color:var(--primary-800);font-weight:600}table tbody tr:nth-child(2n){background:linear-gradient(135deg,var(--gray-100) 0%,var(--gray-50) 100%)}table tbody tr:last-child td{border-bottom:none}table .current-player{background:linear-gradient(135deg,var(--primary-100) 0%,var(--primary-50) 50%,var(--primary-100) 100%)!important;font-weight:700!important;color:var(--primary-900)!important;position:relative;box-shadow:inset 0 0 0 2px var(--primary-600)}table .current-player:after{border:1px solid var(--success-600);position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--primary-600);font-size:1.2rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}table .current-player th:first-child{background-color:var(--success-600)!important}table tbody td:is([data-type=number],.score,:nth-child(2),:last-child){font-family:Inter,monospace;font-weight:700;text-align:center;background:linear-gradient(135deg,var(--gray-100) 0%,var(--gray-50) 100%);position:relative}@keyframes tableSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}table tbody tr:nth-child(1){animation-delay:.1s}table tbody tr:nth-child(2){animation-delay:.15s}table tbody tr:nth-child(3){animation-delay:.2s}table tbody tr:nth-child(4){animation-delay:.25s}table tbody tr:nth-child(5){animation-delay:.3s}table tbody tr:nth-child(n+6){animation-delay:.35s}.table-compact table{margin-top:var(--spacing)}.table-compact thead th,.table-compact tbody td{padding:var(--spacing-sm) var(--spacing)}.table-zebra tbody tr:nth-child(2n){background:linear-gradient(135deg,var(--gray-100) 0%,var(--gray-50) 100%)}.table-borderless table{border:none;box-shadow:var(--shadow)}.table-borderless tbody td{border-bottom:1px solid var(--border-light)}.sortable{cursor:pointer;user-select:none;position:relative;transition:all .2s ease}.sortable:hover{background:#ffffff1a;transform:translateY(-1px)}.sortable:after{content:"\2195";position:absolute;right:var(--spacing);top:50%;transform:translateY(-50%);opacity:.5;transition:opacity .2s ease}.sortable:hover:after{opacity:1}.sortable.asc:after{content:"\2191";opacity:1}.sortable.desc:after{content:"\2193";opacity:1}}@media (max-width: 768px){.main-layout{grid-template-columns:1fr}.main-layout aside{position:static;width:100%;height:auto}table{font-size:.9rem;border-radius:var(--radius-lg)}table thead th,table tbody td{padding:var(--spacing) var(--spacing-lg)}table thead th{font-size:.85rem}table tbody tr:hover{transform:translate(4px) scale(1.005)}}@media (max-width: 480px){table{font-size:.8rem}table thead th,table tbody td{padding:var(--spacing-sm) var(--spacing)}table thead th{font-size:.75rem;letter-spacing:.02em}table .current-player:after{font-size:1rem}table tbody tr:hover{transform:translate(2px);box-shadow:var(--shadow)}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f3f3f3;color:#444}.hljs-comment{color:#697070}.hljs-tag,.hljs-punctuation{color:#444a}.hljs-tag .hljs-name,.hljs-tag .hljs-attr{color:#444}.hljs-keyword,.hljs-attribute,.hljs-selector-tag,.hljs-meta .hljs-keyword,.hljs-doctag,.hljs-name{font-weight:700}.hljs-type,.hljs-string,.hljs-number,.hljs-selector-id,.hljs-selector-class,.hljs-quote,.hljs-template-tag,.hljs-deletion{color:#800}.hljs-title,.hljs-section{color:#800;font-weight:700}.hljs-regexp,.hljs-symbol,.hljs-variable,.hljs-template-variable,.hljs-link,.hljs-selector-attr,.hljs-operator,.hljs-selector-pseudo{color:#ab5656}.hljs-literal{color:#695}.hljs-built_in,.hljs-bullet,.hljs-code,.hljs-addition{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#38a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}dialog{background:var(--surface);color:var(--text-primary);border:2px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:20px;margin:auto;width:90vw;max-width:500px;transition:opacity .4s ease,scale .4s cubic-bezier(.5,1.3,.75,1),translate .4s cubic-bezier(.5,1.3,.75,1),display .4s allow-discrete;.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing) var(--spacing-lg);border-bottom:1px solid var(--border-light)}.dialog-title{font-size:1.25rem;font-weight:600}.dialog-body{padding:var(--spacing-lg)}.dialog-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing) var(--spacing-lg);background:var(--surface-elevated);border-top:1px solid var(--border-light);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:.5rem;line-height:1;transition:color .2s ease,transform .2s ease;&:hover{color:var(--text-primary);transform:rotate(90deg)}}&[open]{@starting-style{opacity:0;scale:.95;translate:0 -25%}}&.closing{opacity:0;scale:.95;translate:0 -25%}&::backdrop{background-color:#00000080;backdrop-filter:blur(4px);transition:opacity .3s ease,backdrop-filter .3s ease,display .3s allow-discrete}&::backdrop{opacity:1;@starting-style{opacity:0}}&.closing::backdrop{opacity:0}}
/*! Bundled license information:

highlight.js/scss/default.scss:
  (*!
    Theme: Default
    Description: Original highlight.js style
    Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
    Maintainer: @highlightjs/core-team
    Website: https://highlightjs.org/
    License: see project LICENSE
    Touched: 2021
  *)
*/
/*# sourceMappingURL=/ttmc/static/bundle/main-L2CM3CNI.css.map */