@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--font-sans: "Inter", sans-serif;--color-primary: #0f172a;--color-secondary: #334155;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-background: #ffffff;--color-background-alt: #f8fafc;--color-text: #0f172a;--color-text-muted: #64748b;--color-text-light: #f8fafc;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}body{margin:0;font-family:var(--font-sans);background-color:var(--color-background);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-xl) 0}._navbar_1pi74_1{position:fixed;top:0;left:0;width:100%;height:4rem;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);background-color:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid rgba(0,0,0,.05)}._logo_1pi74_19{font-weight:700;font-size:1.25rem;color:var(--color-primary);text-decoration:none;letter-spacing:-.025em;z-index:1001}._menuButton_1pi74_29{display:none;background:none;border:none;color:var(--color-text);cursor:pointer;z-index:1001}._links_1pi74_38{display:flex;gap:var(--spacing-lg);align-items:center}._link_1pi74_38{color:var(--color-text-muted);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s ease}._link_1pi74_38:hover{color:var(--color-primary)}._qmsLink_1pi74_56{color:var(--color-accent);font-weight:600}@media(max-width:768px){._menuButton_1pi74_29{display:block}._links_1pi74_38{position:fixed;top:0;right:-100%;height:100vh;width:70%;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;justify-content:center;transition:right .3s ease-in-out;box-shadow:-5px 0 15px #0000001a;padding:2rem}._links_1pi74_38._open_1pi74_81{right:0}._link_1pi74_38{font-size:1.25rem}}._button_9c4rf_1{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-sans);font-size:1rem;font-weight:500;border-radius:var(--radius-md);transition:all .2s ease;cursor:pointer;border:none;text-decoration:none;gap:var(--spacing-sm)}._primary_9c4rf_17{background-color:var(--color-accent);color:#fff}._primary_9c4rf_17:hover{background-color:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}._secondary_9c4rf_28{background-color:var(--color-secondary);color:#fff}._secondary_9c4rf_28:hover{background-color:#1e293b;transform:translateY(-1px);box-shadow:var(--shadow-md)}._outline_9c4rf_40{background-color:transparent;border:1px solid var(--color-secondary);color:var(--color-text)}._outline_9c4rf_40:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-background-alt)}._hero_x74y3_1{min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xl) var(--spacing-md);background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.05) 0%,transparent 50%)}._content_x74y3_12{max-width:800px}._badge_x74y3_16{display:inline-block;padding:.5rem 1rem;background-color:#2563eb1a;color:var(--color-accent);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-lg)}._title_x74y3_27{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:var(--spacing-lg);color:var(--color-primary);letter-spacing:-.05rem}._highlight_x74y3_36{background:linear-gradient(135deg,var(--color-accent) 0%,#1e40af 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._subtitle_x74y3_43{font-size:1.25rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto}._actions_x74y3_52{display:flex;gap:var(--spacing-md);justify-content:center}@media(max-width:768px){._title_x74y3_27{font-size:2.5rem}}._about_j39va_1{background-color:var(--color-background);position:relative;overflow:hidden}._grid_j39va_7{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}._imageWrapper_j39va_14{position:relative;height:400px;background-color:var(--color-background-alt);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}._imagePlaceholder_j39va_23{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:var(--color-text-muted);font-weight:500}._label_j39va_34{color:var(--color-accent);font-weight:600;text-transform:uppercase;font-size:.875rem;letter-spacing:.1em;margin-bottom:var(--spacing-md);display:block}._heading_j39va_44{font-size:2.25rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-lg);line-height:1.2}._text_j39va_52{color:var(--color-text-muted);margin-bottom:var(--spacing-md);font-size:1.1rem}._stats_j39va_58{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid #e2e8f0}._statValue_j39va_67{display:block;font-size:2rem;font-weight:700;color:var(--color-primary)}._statLabel_j39va_74{font-size:.875rem;color:var(--color-text-muted)}@media(max-width:768px){._grid_j39va_7{grid-template-columns:1fr}._imageWrapper_j39va_14{height:300px;order:-1}}._expertise_12wb9_1{background-color:var(--color-background-alt)}._headingWrapper_12wb9_5{text-align:center;margin-bottom:var(--spacing-xl);max-width:700px;margin-left:auto;margin-right:auto}._heading_12wb9_5{font-size:2.25rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-sm)}._subheading_12wb9_20{color:var(--color-text-muted);font-size:1.1rem}._grid_12wb9_25{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}._card_12wb9_31{background-color:var(--color-background);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .3s ease;border:1px solid transparent}._card_12wb9_31:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:#2563eb1a}._iconWrapper_12wb9_46{width:3rem;height:3rem;background-color:#2563eb1a;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-accent);margin-bottom:var(--spacing-md)}._cardTitle_12wb9_58{font-size:1.25rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-sm)}._cardDescription_12wb9_65{color:var(--color-text-muted);font-size:.95rem;line-height:1.6}._contact_zgxfb_1{background-color:var(--color-background);padding-bottom:var(--spacing-xl)}._wrapper_zgxfb_6{max-width:600px;margin:0 auto;text-align:center}._heading_zgxfb_12{font-size:2.5rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-md)}._text_zgxfb_19{color:var(--color-text-muted);font-size:1.1rem;margin-bottom:var(--spacing-xl)}._card_zgxfb_25{background-color:var(--color-background-alt);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:center}._icon_zgxfb_36{width:3rem;height:3rem;color:var(--color-accent);margin-bottom:var(--spacing-sm)}._email_zgxfb_43{font-size:1.25rem;font-weight:600;color:var(--color-primary);text-decoration:none;border-bottom:2px solid transparent;transition:border-color .2s ease}._email_zgxfb_43:hover{border-color:var(--color-accent)}._container_gqw96_1{padding:8rem 2rem 4rem;min-height:100vh;background:linear-gradient(135deg,#fefce8,#fff1f2,#f0f9ff);color:#334155}._content_gqw96_13{max-width:80rem;margin:0 auto}._header_gqw96_18{margin-bottom:4rem;text-align:left}._title_gqw96_23{font-size:3rem;font-weight:800;background:linear-gradient(to right,#f472b6,#a78bfa,#60a5fa);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1rem;letter-spacing:-.02em;filter:drop-shadow(0 2px 4px rgba(244,114,182,.2))}._subtitle_gqw96_37{font-size:1.25rem;color:#64748b;max-width:40rem;line-height:1.6}._grid_gqw96_45{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}._card_gqw96_51{background:#fff9;border:2px solid white;border-radius:1.5rem;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;text-decoration:none;color:#334155;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 6px -1px #a78bfa1a,0 2px 4px -1px #a78bfa0f}._card_gqw96_51:hover{transform:translateY(-5px);background:#ffffffd9;border-color:#fce7f3;box-shadow:0 20px 25px -5px #f472b626,0 10px 10px -5px #f472b61a}._iconWrapper_gqw96_80{width:3.5rem;height:3.5rem;background:#e0f2fe;color:#0ea5e9;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:transform .3s ease}._card_gqw96_51:hover ._iconWrapper_gqw96_80{transform:scale(1.1) rotate(5deg);background:#dbeafe}._cardTitle_gqw96_101{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;color:#1e293b;transition:color .2s}._card_gqw96_51:hover ._cardTitle_gqw96_101{color:#ec4899}._cardDesc_gqw96_115{color:#64748b;font-size:.95rem;line-height:1.6}._cardArrow_gqw96_122{margin-top:auto;padding-top:1.5rem;display:flex;align-items:center;color:#ec4899;font-weight:600;font-size:.875rem;opacity:0;transform:translate(-10px);transition:all .3s ease}._card_gqw96_51:hover ._cardArrow_gqw96_122{opacity:1;transform:translate(0)}._scene_wdrah_1{width:6rem;height:6rem;perspective:600px;display:flex;align-items:center;justify-content:center}._cube_wdrah_10{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform-origin:center center}._face_wdrah_19{position:absolute;width:6rem;height:6rem;background-color:#f0f0f0;border:2px solid #e5e7eb;border-radius:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 15px #0000001a;backface-visibility:hidden;backface-visibility:visible}._face1_wdrah_38{transform:rotateY(0) translateZ(3rem)}._face2_wdrah_42{transform:rotateY(90deg) translateZ(3rem)}._face3_wdrah_46{transform:rotateX(90deg) translateZ(3rem)}._face4_wdrah_51{transform:rotateX(-90deg) translateZ(3rem)}._face5_wdrah_56{transform:rotateY(-90deg) translateZ(3rem)}._face6_wdrah_60{transform:rotateY(180deg) translateZ(3rem)}._grid_wdrah_64{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;padding:.75rem;gap:.25rem}._pipContainer_wdrah_74{display:flex;align-items:center;justify-content:center}._pip_wdrah_74{width:.75rem;height:.75rem;background-color:#1f2937;border-radius:9999px;box-shadow:inset 0 1px 2px #00000080}@media(min-width:640px){._scene_wdrah_1,._face_wdrah_19{width:6rem;height:6rem}}._container_nywzf_2{min-height:100vh;background:linear-gradient(135deg,#fff1f2,#fff7ed,#eff6ff);color:#334155;padding:6rem 1rem 3rem;display:flex;flex-direction:column;align-items:center}._layoutGrid_nywzf_17{width:100%;max-width:80rem;display:grid;grid-template-columns:1fr;gap:6rem}@media(min-width:1024px){._layoutGrid_nywzf_17{grid-template-columns:400px 1fr;align-items:start}}._gameArea_nywzf_32{display:flex;flex-direction:column;align-items:center;gap:2rem;position:sticky;top:6rem}._header_nywzf_41{text-align:center}._title_nywzf_45{font-size:2.5rem;font-weight:800;background:linear-gradient(to right,#ec4899,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.5rem;filter:drop-shadow(0 2px 0px rgba(236,72,153,.1))}._subtitle_nywzf_58{color:#64748b}._currentPlayerName_nywzf_62{display:block;margin-top:.5rem;color:#f43f5e;font-size:1.5rem;font-weight:700}._rollsCount_nywzf_71{color:#0ea5e9;font-weight:700;font-size:1.25rem;background:#e0f2fe;padding:.1rem .5rem;border-radius:9999px;margin-left:.5rem}._diceContainer_nywzf_82{height:16rem;display:flex;align-items:center;justify-content:center;width:100%}._diceWrapper_nywzf_90{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;width:100%}._diceGroup_nywzf_100{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center;transition:all .3s ease;min-height:7rem;padding:1rem;border-radius:1.5rem}._heldGroup_nywzf_112{background-color:#fff9;border:2px dashed #cbd5e1;box-shadow:inset 0 2px 4px #00000005}._divider_nywzf_125{width:4px;height:5rem;background-color:#e2e8f0;margin:0 4rem;border-radius:9999px;opacity:1;flex-shrink:0}._rollButton_nywzf_137{padding:1rem 3rem;border-radius:9999px;font-weight:700;font-size:1.25rem;box-shadow:0 4px #be185d;box-shadow:0 10px 15px -3px #f43f5e4d,0 4px 6px -2px #f43f5e1a;display:flex;align-items:center;gap:.5rem;color:#fff;background:linear-gradient(135deg,#fb7185,#e11d48);border:none;cursor:pointer;transition:all .2s}._rollButton_nywzf_137:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 25px -5px #f43f5e66}._rollButton_nywzf_137:active:not(:disabled){transform:translateY(1px)}._rollButton_nywzf_137:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed;box-shadow:none;transform:none}._spin_nywzf_176{animation:_spin_nywzf_176 1s linear infinite}@keyframes _spin_nywzf_176{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._setupContainer_nywzf_191{max-width:32rem;width:100%;background-color:#ffffffb3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:3rem;border-radius:2rem;border:2px solid white;text-align:center;box-shadow:0 20px 25px -5px #0000000d,0 8px 10px -6px #00000003}._inputGroup_nywzf_205{display:flex;gap:.5rem;margin-bottom:2rem}._nameInput_nywzf_211{flex:1;padding:.75rem 1.5rem;border-radius:1rem;border:2px solid #e2e8f0;background-color:#fff;color:#334155;font-size:1rem;transition:all .2s}._nameInput_nywzf_211:focus{outline:none;border-color:#f472b6;box-shadow:0 0 0 4px #f472b633}._addButton_nywzf_229{padding:.75rem 1.5rem;background-color:#60a5fa;color:#fff;border:none;border-radius:1rem;cursor:pointer;font-weight:600;transition:background-color .2s}._addButton_nywzf_229:hover{background-color:#3b82f6}._playerList_nywzf_245{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem;max-height:200px;overflow-y:auto}._playerItem_nywzf_254{background-color:#fff9;padding:.75rem 1.5rem;border-radius:1rem;display:flex;justify-content:space-between;align-items:center;font-weight:500;border:1px solid #f1f5f9}._removeBtn_nywzf_265{background:#fee2e2;border:none;color:#ef4444;cursor:pointer;padding:.4rem;border-radius:.5rem;display:flex;align-items:center;transition:background-color .2s}._removeBtn_nywzf_265:hover{background-color:#fecaca}._startGameBtn_nywzf_283{width:100%;padding:1rem;background:linear-gradient(135deg,#34d399,#10b981);color:#fff;border:none;border-radius:1rem;font-size:1.25rem;font-weight:700;cursor:pointer;box-shadow:0 4px 6px -1px #10b98133;transition:transform .1s,box-shadow .2s}._startGameBtn_nywzf_283:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #10b9814d}._startGameBtn_nywzf_283:disabled{background:#cbd5e1;color:#fff;cursor:not-allowed;transform:none;box-shadow:none}._scorecard_nywzf_313{background-color:#ffffffb3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:1.5rem;border:2px solid white;overflow:hidden;box-shadow:0 20px 25px -5px #0000000d;width:100%;overflow-x:auto}._scoreTable_nywzf_326{width:100%;min-width:100%;font-size:.875rem;border-collapse:collapse}._scoreTable_nywzf_326 th,._scoreTable_nywzf_326 td{padding:1rem;border-bottom:1px solid #f1f5f9;white-space:nowrap}._categoryCol_nywzf_340{position:sticky;left:0;z-index:10;background-color:#fffffff2;border-right:1px solid #e2e8f0;min-width:140px}._playerHeader_nywzf_349{text-align:center;color:#64748b;font-weight:600}._playerHeader_nywzf_349._active_nywzf_120{color:#be185d;background-color:#fce7f3;border-bottom:3px solid #f472b6}._sectionHeader_nywzf_363{background-color:#f8fafc}._sectionTitle_nywzf_368{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-weight:800}._labelMain_nywzf_376{font-weight:700;color:#334155}._labelDesc_nywzf_381{font-size:.75rem;color:#94a3b8}._cellValue_nywzf_386{text-align:center;font-family:Space Mono,monospace;font-size:1.125rem;min-width:60px}._cellValue_nywzf_386._interactive_nywzf_394:hover{background-color:#fff1f2;cursor:pointer}._cellValue_nywzf_386._activeColumn_nywzf_400{background-color:#fff1f2}._scoreValue_nywzf_405{color:#10b981;font-weight:700}._potentialValue_nywzf_411{color:#cbd5e1;color:#94a3b8;font-style:italic;animation:_pulse_nywzf_1 2s cubic-bezier(.4,0,.6,1) infinite;cursor:pointer;display:block;width:100%;height:100%}._emptyValue_nywzf_424{color:#e2e8f0}._bonusRow_nywzf_429{background-color:#fff7ed;border-top:2px solid #ffedd5}._overlay_nywzf_436{position:fixed;inset:0;background-color:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:50}._modal_nywzf_448{background-color:#fff;padding:3rem;border-radius:2rem;border:4px solid #fce7f3;text-align:center;max-width:24rem;width:100%;box-shadow:0 25px 50px -12px #ec489940}._modalTitle_nywzf_460{font-size:2rem;font-weight:800;margin-bottom:1rem;color:#db2777}._finalScore_nywzf_468{font-size:4rem;font-weight:800;color:#8b5cf6;margin-bottom:2rem;text-shadow:4px 4px 0px #ddd6fe}._playAgainBtn_nywzf_477{width:100%;padding:.9rem;background-color:#10b981;color:#fff;border:none;border-radius:1rem;font-weight:700;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;box-shadow:0 4px #059669}._playAgainBtn_nywzf_477:hover{transform:translateY(-2px);box-shadow:0 6px #059669}._playAgainBtn_nywzf_477:active{transform:translateY(2px);box-shadow:0 2px #059669}@keyframes _pulse_nywzf_1{0%,to{opacity:1}50%{opacity:.5}}._container_wk5ia_1{width:100%;height:100vh;background-color:#0f172a;position:relative;overflow:hidden}._canvas_wk5ia_10{display:block;width:100%;height:100%}._overlay_wk5ia_16{position:absolute;top:2rem;left:2rem;padding:1.5rem;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;max-width:300px}._title_wk5ia_32{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(to right,#60a5fa,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}._description_wk5ia_42{font-size:.875rem;color:#94a3b8;line-height:1.5}._controls_wk5ia_48{position:absolute;bottom:2rem;right:2rem;display:flex;gap:1rem}._backButton_wk5ia_56{position:absolute;top:2rem;right:2rem;padding:.75rem 1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:2rem;color:#fff;text-decoration:none;font-weight:500;transition:all .2s}._backButton_wk5ia_56:hover{background:#fff3;transform:translateY(-2px)}._container_1upjm_1{min-height:100vh;background:#0f172a;display:flex;flex-direction:column;align-items:center;color:#fff}._topBar_1upjm_10{width:100%;background:#1e293b;border-bottom:2px solid #334155;padding:6rem 1rem 1rem;display:flex;flex-direction:column;align-items:center;gap:2rem;box-shadow:0 4px 20px #0000004d}._navHeader_1upjm_23{width:100%;max-width:1000px;display:flex;justify-content:space-between;align-items:center}._rack_1upjm_31{display:flex;flex-wrap:wrap;gap:1rem;background:#020617;padding:1rem;border-radius:.5rem;border:1px solid #334155;box-shadow:inset 0 0 20px #000c;align-items:stretch}._module_1upjm_43{background:#1e293b;padding:.75rem;border-radius:.25rem;border:1px solid #334155;display:flex;flex-direction:column;align-items:center;gap:.75rem;min-width:100px}._module_1upjm_43 h3{margin:0;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:#94a3b8;width:100%;text-align:center;border-bottom:1px solid #334155;padding-bottom:.25rem;margin-bottom:.5rem}._row_1upjm_68{display:flex;gap:1rem;align-items:center}._knobContainer_1upjm_75{display:flex;flex-direction:column;align-items:center;gap:.25rem}._knobOuter_1upjm_82{width:40px;height:40px;background:linear-gradient(135deg,#334155,#0f172a);border-radius:50%;border:2px solid #475569;position:relative;cursor:ns-resize;box-shadow:0 4px 4px #0006}._knobInner_1upjm_93{width:100%;height:100%;border-radius:50%;position:relative}._knobMarker_1upjm_100{width:4px;height:4px;background:#38bdf8;border-radius:50%;position:absolute;top:5px;left:50%;transform:translate(-50%);box-shadow:0 0 4px #38bdf8}._knobLabel_1upjm_112{font-size:.6rem;color:#64748b;font-weight:600}._knobValue_1upjm_118{font-size:.6rem;color:#38bdf8;font-family:monospace}._controlGroup_1upjm_125{display:flex;flex-direction:column;align-items:center;gap:.25rem}._miniLabel_1upjm_132{font-size:.6rem;color:#64748b;font-weight:600}._select_1upjm_138{padding:.25rem;font-size:.75rem;background:#0f172a;color:#e2e8f0;border:1px solid #475569;border-radius:.25rem;cursor:pointer}._pianoWrapper_1upjm_149{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:2rem;width:100%}._piano_1upjm_149{display:flex;position:relative;background:#222;padding:2rem 1rem 1rem;border-radius:1rem;box-shadow:0 20px 50px #00000080}._key_1upjm_167{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;transition:all .05s}._white_1upjm_174{width:50px;height:180px;background:#fff;border:1px solid #ccc;border-radius:0 0 5px 5px;z-index:1;margin:0 2px}._white_1upjm_174:active,._white_1upjm_174._active_1upjm_185{background:#eee;transform:translateY(2px);box-shadow:inset 0 2px 5px #0003}._black_1upjm_191{width:32px;height:110px;background:#111;border-radius:0 0 3px 3px;z-index:2;margin-left:-18px;margin-right:-18px;color:#fff}._black_1upjm_191:active,._black_1upjm_191._active_1upjm_185{background:#333;transform:translateY(2px)}._keyLabel_1upjm_208{position:absolute;bottom:10px;left:50%;transform:translate(-50%);color:#999;font-size:.8rem;pointer-events:none}._black_1upjm_191 ._keyLabel_1upjm_208{bottom:10px;color:#555;font-size:.7rem}._backLink_1upjm_224{text-decoration:none;color:#fff;display:flex;align-items:center;gap:.5rem}._instructions_1upjm_232{padding-bottom:2rem;text-align:center;color:#ffffff80}@media(max-width:768px){._rack_1upjm_31{flex-direction:column}._piano_1upjm_149{transform:scale(.7)}}