*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.static{position:static}.inline{display:inline}.table{display:table}.grid{display:grid}.shrink{flex-shrink:1}.\!shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1) !important;--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--linen: #e2d1ad;--linen-dark: #bca070;--wood: #744521;--wood-dark: #321b0e;--brass: #b58a42;--ink: #24150d;--muted: #67492e;--seal: #8c241b;--panel: rgba(255, 248, 235, .82);--panel-border: rgba(88, 55, 29, .26);color:var(--ink);background:var(--linen);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 43% 30%,rgba(255,246,218,.52),transparent 39%),radial-gradient(ellipse at 74% 80%,rgba(92,47,18,.16),transparent 48%),repeating-linear-gradient(0deg,rgba(71,45,24,.04) 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,rgba(255,246,222,.11) 0 1px,transparent 1px 6px),linear-gradient(145deg,#eadcbd 0%,var(--linen) 55%,var(--linen-dark) 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font:inherit}.landing-shell,.game-screen{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.landing-shell{display:grid;grid-template-columns:minmax(290px,350px) minmax(0,1fr);background:radial-gradient(ellipse at 72% 66%,rgba(64,30,12,.18),transparent 48%),repeating-linear-gradient(0deg,rgba(89,62,35,.06) 0 1px,transparent 1px 6px),repeating-linear-gradient(90deg,rgba(255,246,219,.12) 0 1px,transparent 1px 8px),linear-gradient(145deg,#eadabc,#d1b789 60%,#aa8756)}.landing-sidebar{z-index:2;display:flex;min-height:100%;flex-direction:column;gap:24px;padding:26px 24px;border-right:1px solid rgba(93,58,31,.28);background:radial-gradient(ellipse at 50% 0%,rgba(255,247,224,.62),transparent 48%),linear-gradient(180deg,#fff9e9c7,#ddc9a8e6),repeating-linear-gradient(0deg,rgba(79,52,31,.055) 0 1px,transparent 1px 5px),var(--linen);box-shadow:12px 0 36px #391f0f33}.brand-lockup{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid rgba(93,58,31,.18)}.menu-mark{flex:0 0 auto;display:grid;width:54px;height:54px;place-items:center;border:2px solid rgba(114,27,20,.72);border-radius:6px;color:var(--seal);font-family:ui-serif,Georgia,Times New Roman,serif;font-size:2.05rem;font-weight:700;line-height:1;transform:rotate(-2deg);background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.34),transparent 36%),#97281c14;box-shadow:inset 0 0 0 1px #97281c2e,0 8px 24px #4d2c151f}.brand-lockup h1{margin:0;color:var(--ink);font-family:ui-serif,Georgia,Times New Roman,serif;font-size:1.86rem;font-weight:700;letter-spacing:0;line-height:1.02;text-shadow:0 1px 0 rgba(255,246,222,.78),0 -1px 0 rgba(57,28,13,.28),1px 1px 0 rgba(89,50,25,.1)}.brand-lockup p{margin:6px 0 0;color:var(--muted);font-size:.9rem;line-height:1.35}.sidebar-actions{display:grid;gap:10px}.sidebar-primary,.sidebar-option,.sidebar-field select{width:100%;min-height:46px;border:1px solid var(--panel-border);border-radius:7px;color:var(--ink);box-shadow:inset 0 1px #ffffff70,0 8px 20px #4f301a1a}.sidebar-primary,.sidebar-option{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.sidebar-primary{background:linear-gradient(180deg,rgba(255,223,164,.18),transparent 35%),linear-gradient(180deg,#8c552b,#5a2f17);color:#fff6e8;font-weight:800}.sidebar-option{background:linear-gradient(180deg,#fffcf3bd,#e5d2b1ad);font-weight:650}.sidebar-primary:hover,.sidebar-option:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff80,0 11px 24px #4f301a29}.sidebar-primary:focus-visible,.sidebar-option:focus-visible,.sidebar-field select:focus-visible,.wood-button:focus-visible{outline:2px solid rgba(140,36,27,.72);outline-offset:3px}.sidebar-field{display:grid;gap:8px;color:var(--muted);font-size:.88rem;font-weight:700}.sidebar-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 42px 0 14px;background:linear-gradient(45deg,transparent 50%,var(--muted) 50%) calc(100% - 23px) 52% / 6px 6px no-repeat,linear-gradient(135deg,var(--muted) 50%,transparent 50%) calc(100% - 17px) 52% / 6px 6px no-repeat,linear-gradient(180deg,#fffdf7eb,#f1e4cfc7);font-weight:700}.sidebar-note{margin-top:auto;padding-top:18px;border-top:1px solid rgba(93,58,31,.18)}.sidebar-note span,.sidebar-note strong{display:block}.sidebar-note span{color:var(--muted);font-size:.84rem;font-weight:700}.sidebar-note strong{margin-top:5px;color:var(--ink);font-size:1.02rem}.landing-stage{position:relative;display:grid;min-width:0;place-items:center;overflow:hidden;padding:clamp(26px,6vw,74px);background:radial-gradient(ellipse at 54% 42%,#ffe7b457,#fff6dd00 56%),radial-gradient(ellipse at 68% 74%,rgba(73,32,12,.16),transparent 44%),linear-gradient(135deg,#4a2b161f,#ffffff0f 44%,#41271526),repeating-linear-gradient(90deg,rgba(78,52,31,.06) 0 1px,transparent 1px 12px)}.landing-stage:before{position:absolute;top:22px;right:22px;bottom:22px;left:22px;z-index:1;border:1px solid rgba(102,65,35,.12);content:"";pointer-events:none}.landing-canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.landing-canvas-wrap canvas{display:block;width:100%!important;height:100%!important}.game-overlay{position:fixed;top:16px;left:16px;right:16px;z-index:10;display:flex;justify-content:space-between;gap:12px;pointer-events:none}.status-pill,.wood-button{min-height:42px;border:1px solid var(--panel-border);border-radius:8px;background:linear-gradient(180deg,#fffdf6e6,#f8ecd8c7),var(--panel);color:var(--ink);box-shadow:inset 0 1px #ffffffa8,inset 0 -1px #57341c14,0 8px 28px #4b301b29;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.status-pill{display:flex;max-width:min(70vw,540px);align-items:center;gap:9px;padding:9px 16px;font-size:.94rem;font-weight:600}.status-pill-error{border-color:#8c201980;color:#7b1f18}.wood-button{display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;cursor:pointer;pointer-events:auto;transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}.wood-button:hover{background:#fffaf2f0;box-shadow:0 10px 32px #4b301b38;transform:translateY(-1px)}.wood-button:active{transform:translateY(0)}@media (max-width: 520px){.game-overlay{top:12px;left:12px;right:12px}.status-pill,.wood-button{min-height:40px;padding-inline:14px}}@media (max-width: 760px){.landing-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;overflow-y:auto}.landing-sidebar{min-height:auto;gap:16px;padding:16px;border-right:0;border-bottom:1px solid rgba(93,58,31,.24);box-shadow:0 10px 26px #472c1824}.brand-lockup{padding-bottom:14px}.brand-lockup h1{font-size:1.44rem}.menu-mark{width:48px;height:48px;font-size:1.65rem}.sidebar-actions{grid-template-columns:1fr 1fr}.sidebar-note{margin-top:0;padding-top:14px}.landing-stage{min-height:430px;padding:22px}.landing-stage:before{top:12px;right:12px;bottom:12px;left:12px}}.field-label{display:inline-flex;align-items:center;gap:8px}.turn-dot{display:inline-block;width:9px;height:9px;flex:0 0 auto;border-radius:50%;box-shadow:inset 0 1px 1px #ffffff8c,0 1px 2px #301b0e59}.turn-dot-1{background:radial-gradient(circle at 32% 28%,#ff7d6b,#bb1f2b 72%)}.turn-dot-2{background:radial-gradient(circle at 32% 28%,#5fccf0,#0e6ea0 72%)}.overlay-actions{display:flex;gap:10px;pointer-events:auto}.status-pill-win{border-color:#b58a428c;color:var(--seal)}.thinking-dots{margin-left:-3px;letter-spacing:1px;animation:thinking 1.4s ease-in-out infinite}@keyframes thinking{0%,60%,to{opacity:1}30%{opacity:.3}}.wood-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:inset 0 1px #ffffffa8,inset 0 -1px #57341c14,0 8px 28px #4b301b29}.tselect{position:relative}.tselect-button{display:inline-flex;width:100%;min-height:46px;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;border:1px solid var(--panel-border);border-radius:7px;color:var(--ink);font-weight:700;text-align:left;cursor:pointer;background:linear-gradient(180deg,#fffdf7eb,#f1e4cfc7);box-shadow:inset 0 1px #ffffff70,0 8px 20px #4f301a1a;transition:box-shadow .16s ease,transform .16s ease}.tselect-button:hover{box-shadow:inset 0 1px #ffffff80,0 11px 24px #4f301a29}.tselect-value{display:inline-flex;min-width:0;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tselect-dot{display:inline-block;flex:0 0 auto;width:9px;height:9px;border-radius:50%;box-shadow:inset 0 1px 1px #ffffff80,0 1px 2px #301b0e4d}.tselect-caret{flex:0 0 auto;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}.tselect-caret.open{transform:translateY(1px) rotate(225deg)}.tselect-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;display:grid;gap:2px;max-height:264px;padding:6px;overflow:auto;border:1px solid var(--panel-border);border-radius:9px;background:linear-gradient(180deg,#fffaeefa,#eee0c5fa);box-shadow:inset 0 1px #fff9,0 16px 34px #28160a47;animation:pop-in .14s ease}.tselect-option{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;border:0;border-radius:6px;color:var(--ink);font-weight:650;text-align:left;cursor:pointer;background:transparent;transition:background-color .12s ease}.tselect-option:hover{background:#8c552b24}.tselect-option[aria-selected=true]{color:var(--ink);font-weight:800;background:color-mix(in srgb,var(--accent, #8c241b) 16%,transparent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 42%,#28160a57,#1c0f078f);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .18s ease}.modal-card{width:min(92vw,460px);padding:26px 28px 22px;border:1px solid var(--panel-border);border-radius:14px;color:var(--ink);background:radial-gradient(ellipse at 50% 0%,rgba(255,247,224,.7),transparent 55%),linear-gradient(180deg,#fff9e9f7,#e9d9baf7);box-shadow:inset 0 1px #fff9,0 26px 64px #26140970;animation:pop-in .2s cubic-bezier(.2,.9,.3,1.15)}.modal-title{margin:0;color:var(--ink);font-family:ui-serif,Georgia,Times New Roman,serif;font-size:1.6rem;font-weight:700;line-height:1.1;text-shadow:0 1px 0 rgba(255,246,222,.7)}.modal-body{margin-top:12px;color:var(--muted);font-size:.95rem;line-height:1.5}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.modal-actions .sidebar-primary,.modal-actions .sidebar-option{flex:1 1 auto;min-width:130px}.difficulty-lead{margin:0 0 14px;color:var(--muted);font-size:.92rem}.difficulty-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.difficulty-card{display:grid;gap:5px;padding:14px 16px;text-align:left;cursor:pointer;border:1px solid var(--panel-border);border-left:4px solid var(--accent, var(--seal));border-radius:10px;background:linear-gradient(180deg,#fffcf3db,#e9d9baad);box-shadow:inset 0 1px #ffffff80,0 8px 20px #4f301a1a;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease;animation:howto-in .4s ease backwards}.difficulty-card:nth-child(1){animation-delay:.05s}.difficulty-card:nth-child(2){animation-delay:.11s}.difficulty-card:nth-child(3){animation-delay:.17s}.difficulty-card:nth-child(4){animation-delay:.23s}.difficulty-card:hover{transform:translateY(-2px);background:linear-gradient(180deg,#fffffaf5,color-mix(in srgb,var(--accent) 12%,rgba(233,217,186,.8)));box-shadow:inset 0 1px #fff9,0 13px 28px #4f301a2e}.difficulty-card:focus-visible{outline:2px solid rgba(140,36,27,.72);outline-offset:3px}.difficulty-card[aria-current=true]{border-color:var(--accent);background:linear-gradient(180deg,#fffffaf5,color-mix(in srgb,var(--accent) 15%,rgba(233,217,186,.72)))}.difficulty-card-name{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-family:ui-serif,Georgia,Times New Roman,serif;font-size:1.12rem;font-weight:800}.difficulty-card-name:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent, var(--seal));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.difficulty-card-desc{color:var(--muted);font-size:.8rem;line-height:1.35}@media (max-width: 430px){.difficulty-grid{grid-template-columns:1fr}}.howto-lead{margin:0;color:var(--ink);font-size:1rem;line-height:1.5}.howto-list{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:12px}.howto-list li{display:grid;grid-template-columns:74px 1fr;align-items:baseline;gap:10px}.howto-step{padding:3px 0;color:var(--seal);font-family:ui-serif,Georgia,Times New Roman,serif;font-size:.95rem;font-weight:800;letter-spacing:.02em}.howto-demo{position:relative;width:128px;height:130px;margin:20px auto 8px;border-radius:12px;background:linear-gradient(158deg,#7c4f2b,#5d3a20 78%);box-shadow:inset 0 1px #ffe0b22e,inset 0 0 22px #1e100666,0 6px 16px #2e180c47}.howto-hole{position:absolute;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 50% 42%,#2a190c,#482c14 80%);box-shadow:inset 0 1.5px 2px #00000080,inset 0 -1px 1px #ffd6a024}.howto-marble{position:absolute;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#ffffffe6,#fff0 42%),var(--m, #c0202c);box-shadow:inset 0 -3px 5px #00000052,0 2px 4px #10080380}.howto-marble-b{--m: #1275ad}.howto-marble-g{--m: #3f9d5a}.howto-hopper{--m: #c0202c;animation:howto-hop 3.6s linear infinite}@keyframes howto-hop{0%{transform:translate(0);opacity:1}8%{transform:translate(0)}14%{transform:translate(-6px,-24px)}19%{transform:translate(-13px,-47px)}24%{transform:translate(-21px,-47px)}28%{transform:translate(-26px,-45px)}40%{transform:translate(-26px,-45px)}45%{transform:translate(-32px,-68px)}50%{transform:translate(-39px,-92px)}55%{transform:translate(-47px,-92px)}60%{transform:translate(-52px,-90px)}84%{transform:translate(-52px,-90px);opacity:1}92%{transform:translate(-52px,-90px);opacity:0}93%{transform:translate(0);opacity:0}to{transform:translate(0);opacity:1}}.howto-demo-cap{margin:0;text-align:center;color:var(--muted);font-size:.82rem}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px) scale(.97)}}.menu-mark-board{display:block;width:40px;height:40px}.howto-lead,.howto-list li,.howto-demo,.howto-demo-cap{animation:howto-in .4s ease backwards}.howto-lead{animation-delay:.03s}.howto-list li:nth-child(1){animation-delay:.1s}.howto-list li:nth-child(2){animation-delay:.18s}.howto-list li:nth-child(3){animation-delay:.26s}.howto-list li:nth-child(4){animation-delay:.34s}.howto-demo{animation-delay:.42s}.howto-demo-cap{animation-delay:.5s}.howto-step{animation:howto-pop .4s cubic-bezier(.2,.9,.3,1.3) backwards;animation-delay:inherit}@keyframes howto-in{0%{opacity:0;transform:translateY(9px)}}@keyframes howto-pop{0%{opacity:0;transform:scale(.6)}}@media (prefers-reduced-motion: reduce){.modal-backdrop,.modal-card,.tselect-menu,.howto-lead,.howto-list li,.howto-demo,.howto-demo-cap,.howto-hopper,.howto-step,.difficulty-card{animation:none}}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2) format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2) format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-B0yAr1jD.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-BmqWE9Dz.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2) format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-C4iEst2y.woff2) format("woff2"),url(/assets/inter-greek-ext-500-normal-2j5mBUwD.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-BIZE56-Y.woff2) format("woff2"),url(/assets/inter-greek-500-normal-Xzm54t5V.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2) format("woff2"),url(/assets/inter-vietnamese-500-normal-mJboJaSs.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-CV4jyFjo.woff2) format("woff2"),url(/assets/inter-latin-ext-500-normal-BxGbmqWO.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2) format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2) format("woff2"),url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-plRanbMR.woff2) format("woff2"),url(/assets/inter-greek-600-normal-BZpKdvQh.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2) format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-ext-700-normal-BjwYoWNd.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-700-normal-LO58E6JB.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-700-normal-CjBOestx.woff2) format("woff2"),url(/assets/inter-cyrillic-700-normal-DrXBdSj3.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-ext-700-normal-qfdV9bQt.woff2) format("woff2"),url(/assets/inter-greek-ext-700-normal-BoQ6DsYi.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-700-normal-C3JjAnD8.woff2) format("woff2"),url(/assets/inter-greek-700-normal-BUv2fZ6O.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-vietnamese-700-normal-DlLaEgI2.woff2) format("woff2"),url(/assets/inter-vietnamese-700-normal-BZaoP0fm.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-ext-700-normal-Ca8adRJv.woff2) format("woff2"),url(/assets/inter-latin-ext-700-normal-TidjK2hL.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}