.bWlD_q_page{--text:#263249;--muted:#69768d;--surface:#ffffffeb;--line:#e5e9f1;--soft:#f5f6fb;--play-width:clamp(304px, calc(100svh - 365px), 444px);width:100%;max-width:820px;color:var(--text);background:radial-gradient(at 2% 0,#fce7f360,#0000 45%),radial-gradient(at 100% 35%,#ddd6fe50,#0000 48%);margin:0 auto;padding:16px 20px 24px;position:relative;container-type:inline-size}.bWlD_q_header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.bWlD_q_back{color:var(--muted);border-radius:5px;flex:none;align-items:center;gap:6px;padding:6px 0;font-size:13px;transition:color .2s;display:inline-flex}.bWlD_q_back:hover{color:#db2777}.bWlD_q_back svg{width:15px;height:15px}.bWlD_q_titleRow{align-items:center;gap:10px;min-width:0;display:flex}.bWlD_q_logo{color:#fff;background:linear-gradient(145deg,#fb7185,#db2777 55%,#9333ea);border:1px solid #ffffff90;border-radius:14px;flex:none;place-items:center;width:42px;height:42px;display:grid;transform:rotate(-7deg);box-shadow:0 6px 18px #db277728,inset 0 2px 1px #ffffff60}.bWlD_q_logo svg{width:25px;height:25px}.bWlD_q_titleRow h1{letter-spacing:-.04em;margin:0;font-size:26px;font-weight:900;line-height:1.2}.bWlD_q_titleRow h1 span{color:var(--muted);letter-spacing:0;margin-left:12px;font-size:13px;font-weight:500;display:inline-block}.bWlD_q_layout{grid-template-columns:minmax(0, var(--play-width)) minmax(220px, 260px);justify-content:center;align-items:start;gap:16px;display:grid}.bWlD_q_playColumn{width:100%;min-width:0;max-width:var(--play-width);margin:0 auto}.bWlD_q_stats{grid-template-columns:1.5fr 1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.bWlD_q_stats>div{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:8px 10px;box-shadow:0 6px 18px #33415504}.bWlD_q_stats span{color:var(--muted);margin-bottom:3px;font-size:12px;font-weight:600;display:block}.bWlD_q_stats strong{font-variant-numeric:tabular-nums;font-size:22px;font-weight:850;line-height:1.25}.bWlD_q_stats small{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:500}.bWlD_q_stats [data-low=true] strong{color:#e11d48}.bWlD_q_cabinet{background:linear-gradient(135deg,#2b1d38,#171529 65%,#211c3c);border:1px solid #453454;border-radius:20px;padding:12px;box-shadow:0 16px 38px #211c3829,inset 0 1px #ffffff14}.bWlD_q_boardBar{color:#f9dcf1;justify-content:space-between;align-items:center;gap:12px;padding:0 1px 8px;font-size:13px;font-weight:700;display:flex}.bWlD_q_boardBar>span:first-child{align-items:center;gap:8px;display:flex}.bWlD_q_liveDot{background:#f9a8d4;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #f9a8d490}.bWlD_q_soundButton{color:#b0a4c3;background:#ffffff08;border:1px solid #ffffff18;border-radius:9px;height:30px;padding:0 9px;font-size:12px}.bWlD_q_soundButton[aria-pressed=true]{color:#fbcfe8;background:#f9a8d411}.bWlD_q_soundButton:hover{color:#fff;background:#ffffff15}.bWlD_q_board{aspect-ratio:1;touch-action:none;background-color:#151123;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:12.5% 12.5%;border:1px solid #ffffff20;border-radius:15px;width:100%;position:relative;box-shadow:0 0 0 5px #ffffff03,inset 0 0 35px #00000030}.bWlD_q_board:focus{outline:none}.bWlD_q_board:focus-visible{outline-offset:4px;outline:2px solid #f9a8d4}.bWlD_q_tile{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;width:12.5%;height:12.5%;padding:3px;transition:transform .2s cubic-bezier(.2,.65,.3,1);position:absolute;top:0;left:0}.bWlD_q_tile[aria-disabled=true]{cursor:default}.bWlD_q_gem{border:1px solid var(--edge);background:linear-gradient(145deg, var(--top), var(--bottom));width:100%;height:100%;color:var(--ink);border-radius:clamp(9px,1.2vw,16px);place-items:center;transition:filter .16s,box-shadow .16s,transform .16s;animation:.25s ease-out bWlD_q_arrive;display:grid;position:relative;box-shadow:inset 0 2px 1px #ffffff80,inset 0 -4px 1px #00000016,0 4px 5px #00000025}.bWlD_q_gem svg{fill:currentColor;stroke:#ffffffb3;filter:drop-shadow(0 2px 1px #00000015);width:56%;height:56%}.bWlD_q_pink{--top:#ffe0eb;--bottom:#f472aa;--edge:#ffb8d4;--ink:#d82770}.bWlD_q_blue{--top:#d4f2ff;--bottom:#63b9f6;--edge:#b1dfff;--ink:#1c75d4}.bWlD_q_yellow{--top:#fff4bf;--bottom:#f6c94d;--edge:#ffe594;--ink:#d4910c}.bWlD_q_green{--top:#d7fbea;--bottom:#59ceaa;--edge:#9ae8cf;--ink:#078969}.bWlD_q_purple{--top:#f0deff;--bottom:#bc89f0;--edge:#dcbbff;--ink:#8446c6}.bWlD_q_orange{--top:#ffe5ca;--bottom:#fbab68;--edge:#ffcca0;--ink:#da711d}@media (hover:hover){.bWlD_q_tile[aria-disabled=false]:hover .bWlD_q_gem{filter:brightness(1.1);transform:translateY(-2px)}}.bWlD_q_tile[data-selected=true]{z-index:2}.bWlD_q_tile[data-selected=true] .bWlD_q_gem{outline-offset:-1px;outline:3px solid #fff;transform:scale(.9)rotate(-5deg);box-shadow:0 0 20px #fce7f390}.bWlD_q_tile[data-cursor=true] .bWlD_q_gem{outline-offset:-4px;outline:3px dashed #fff}.bWlD_q_tile[data-hint=true] .bWlD_q_gem{outline-offset:-2px;outline:2px solid #fff;animation:1s ease-in-out infinite alternate bWlD_q_hint}.bWlD_q_tile[data-clearing=true] .bWlD_q_gem{animation:.26s ease-in forwards bWlD_q_clear}.bWlD_q_scorePop{z-index:4;color:#fff;text-align:center;text-shadow:0 3px #a12c78,0 0 20px #681c69,0 3px 18px #211127;pointer-events:none;font-size:clamp(34px,5vw,52px);font-weight:900;line-height:1.1;animation:.26s ease-out bWlD_q_scoreIn;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.bWlD_q_scorePop span{color:#fff0a6;margin-top:5px;font-size:16px;display:block}.bWlD_q_boardFooter{padding-top:10px}.bWlD_q_feedback{color:#c5b9d5;text-align:center;justify-content:center;align-items:flex-start;gap:7px;min-height:32px;font-size:12px;line-height:1.7;display:flex}.bWlD_q_feedback svg{color:#f9a8d4;flex-shrink:0;width:14px;height:14px;margin-top:3px}.bWlD_q_actions{justify-content:center;gap:8px;margin-top:6px;display:flex}.bWlD_q_actions button{color:#e4d9ef;background:#ffffff09;border-color:#ffffff26;border-radius:9px;height:34px;font-size:13px}.bWlD_q_actions button:hover:not(:disabled){color:#fff;background:#ffffff15}.bWlD_q_actions button:first-child{color:#fbcfe8;background:#f9a8d413;min-width:105px}.bWlD_q_overlay{z-index:5;color:#fff;text-align:center;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#171125e8;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:16px;display:flex;position:absolute;inset:0}.bWlD_q_overlaySymbols{color:#f9a8d4;align-items:center;gap:12px;margin-bottom:12px;display:flex}.bWlD_q_overlaySymbols svg{fill:#f9a8d426;width:23px;height:23px;transform:rotate(-13deg)}.bWlD_q_overlaySymbols svg:nth-child(2){color:#fff0a6;fill:#fde68a20;filter:drop-shadow(0 0 15px #f9a8d45a);width:36px;height:36px;transform:rotate(0)}.bWlD_q_overlaySymbols svg:last-child{color:#c4b5fd;transform:rotate(13deg)}.bWlD_q_overlayEyebrow{color:#ecadd1;letter-spacing:.22em;font:700 12px ui-monospace,monospace}.bWlD_q_overlay h2{letter-spacing:-.02em;margin-top:8px;font-size:21px;font-weight:850;line-height:1.35}.bWlD_q_overlay p{color:#c3b8d2;max-width:280px;margin:10px 0 16px;font-size:13px;line-height:1.75}.bWlD_q_primary{color:#fff;background:linear-gradient(115deg,#e84691,#a34bde);border:1px solid #fbcfe84a;border-radius:14px;min-width:160px;height:44px;font-size:15px;font-weight:700;box-shadow:0 9px 30px #db277731}.bWlD_q_primary:hover{background:linear-gradient(115deg,#ed5e9f,#b364e6)}.bWlD_q_overlayNote{color:#a99ab9;margin-top:14px;font-size:12px;line-height:1.7}.bWlD_q_keyboardHelp{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.8}.bWlD_q_sidebar{flex-direction:column;gap:12px;min-width:0;display:flex}.bWlD_q_panel{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:16px;padding:16px;box-shadow:0 8px 26px #33415504}.bWlD_q_targetPanel{background:linear-gradient(135deg, #fdf2f8, var(--surface) 60%)}.bWlD_q_panelTitle{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:750;display:flex}.bWlD_q_panelTitle>span:first-child{align-items:center;gap:8px;display:flex}.bWlD_q_panelTitle svg{color:#c63f8e;width:17px;height:17px}.bWlD_q_levelBadge{color:#b93780;white-space:nowrap;background:#ec489908;border:1px solid #ec489920;border-radius:7px;padding:4px 6px;font-size:11px}.bWlD_q_targetNumber{color:#be327e;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-bottom:14px;font-size:32px;font-weight:850;line-height:1;display:block}.bWlD_q_targetNumber>span{color:var(--muted);font-size:14px;font-weight:500}.bWlD_q_progressLabel{color:var(--muted);justify-content:space-between;gap:8px;margin-bottom:9px;font-size:12px;display:flex}.bWlD_q_progress{background:#f3dfed;border-radius:99px;height:9px}.bWlD_q_progress>div{border-radius:inherit;background:linear-gradient(90deg,#f472b6,#a855f7)}.bWlD_q_targetPanel>p{color:var(--muted);margin-top:16px;font-size:13px;line-height:1.9}.bWlD_q_comboBadge{color:#a36a0b;background:#f5b83c13;border-radius:10px;align-items:center;gap:8px;margin-top:16px;padding:10px;font-size:12px;font-weight:650;display:flex}.bWlD_q_comboBadge svg{flex-shrink:0;width:16px;height:16px}.bWlD_q_guideDisclosure>summary{cursor:pointer;border-radius:4px;margin:0;list-style:none}.bWlD_q_guideDisclosure>summary::-webkit-details-marker{display:none}.bWlD_q_guideDisclosure[open]>summary{margin-bottom:14px}.bWlD_q_disclosureArrow{transition:transform .2s}.bWlD_q_guideDisclosure[open] .bWlD_q_disclosureArrow{transform:rotate(180deg)}.bWlD_q_guide{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.bWlD_q_guide li{align-items:flex-start;gap:11px;display:flex}.bWlD_q_guide li>span{border:1px solid var(--line);background:var(--soft);color:#a86caf;border-radius:8px;flex:0 0 26px;place-items:center;height:26px;font:700 11px ui-monospace,monospace;display:grid}.bWlD_q_guide strong{margin:2px 0 5px;font-size:14px;font-weight:650;display:block}.bWlD_q_guide p{color:var(--muted);font-size:13px;line-height:1.8}.bWlD_q_gemLegend{border-top:1px solid var(--line);justify-content:space-between;gap:7px;margin-top:20px;padding-top:18px;display:flex}.bWlD_q_gemLegend>span{background:linear-gradient(145deg, var(--top), var(--bottom));width:31px;height:31px;color:var(--ink);border-radius:9px;place-items:center;display:grid}.bWlD_q_gemLegend svg{width:19px;height:19px}.bWlD_q_recordPanel{align-items:center;gap:12px;padding:14px 16px;display:flex}.bWlD_q_recordIcon{color:#c58c0b;background:#fbbf2414;border-radius:15px;flex:none;place-items:center;width:46px;height:46px;display:grid}.bWlD_q_recordIcon svg{width:24px;height:24px}.bWlD_q_recordPanel>div>span{color:var(--muted);font-size:12px;display:block}.bWlD_q_recordPanel strong{font-variant-numeric:tabular-nums;margin:2px 0;font-size:26px;font-weight:800;display:block}.bWlD_q_recordPanel small{color:var(--muted);font-size:12px}.bWlD_q_note{color:var(--muted);align-items:flex-start;gap:6px;padding:0 8px;font-size:12px;line-height:1.7;display:flex}.bWlD_q_note svg{flex:none;width:14px;height:14px;margin-top:2px}.dark .bWlD_q_page{--text:#e2e8f0;--muted:#9ba8be;--surface:#182132e8;--line:#ffffff12;--soft:#263147;background:radial-gradient(at 2% 0,#be185d0c,#0000 45%),radial-gradient(at 100% 35%,#a855f70c,#0000 48%)}.dark .bWlD_q_panelTitle svg{color:#f0a1cc}.dark .bWlD_q_levelBadge{color:#f0a1cc}.dark .bWlD_q_targetPanel{background:linear-gradient(135deg,#362136,#182132 65%)}.dark .bWlD_q_targetNumber{color:#f0a1cc}.dark .bWlD_q_progress{background:#42314c}.dark .bWlD_q_comboBadge{color:#e7bb61}@keyframes bWlD_q_arrive{0%{opacity:.2;transform:translateY(-12px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bWlD_q_hint{0%{filter:brightness();transform:scale(.9)}to{filter:brightness(1.2);transform:scale(1);box-shadow:0 0 16px #ffffff50}}@keyframes bWlD_q_clear{30%{filter:brightness(1.5);transform:scale(1.08)}to{opacity:0;transform:scale(.15)rotate(16deg)}}@keyframes bWlD_q_scoreIn{0%{opacity:0;transform:translate(-50%,-25%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@container (max-width:650px){.bWlD_q_layout{grid-template-columns:1fr;gap:16px}.bWlD_q_sidebar{width:100%;max-width:var(--play-width);grid-template-columns:1fr;margin:auto;display:grid}.bWlD_q_titleRow h1 span{display:none}}@container (max-width:420px){.bWlD_q_stats{gap:7px}.bWlD_q_stats>div{padding:8px}.bWlD_q_stats span{font-size:11px}.bWlD_q_stats>div:first-child small{margin-top:1px;display:block}.bWlD_q_cabinet{padding:10px}.bWlD_q_board{border-radius:12px}.bWlD_q_tile{padding:2px}.bWlD_q_overlay{padding:14px}.bWlD_q_overlay h2{font-size:20px}.bWlD_q_overlay p{margin:8px 0 14px;font-size:13px;line-height:1.7}.bWlD_q_overlayEyebrow{font-size:11px}.bWlD_q_overlayNote{margin-top:9px;font-size:11px}.bWlD_q_primary{min-width:145px;height:39px;font-size:14px}}@media (max-width:520px){.bWlD_q_page{padding:12px 12px 24px}}@media (prefers-reduced-motion:reduce){.bWlD_q_tile,.bWlD_q_gem,.bWlD_q_disclosureArrow,.bWlD_q_progress>div{transition:none}.bWlD_q_gem,.bWlD_q_scorePop,.bWlD_q_tile[data-hint=true] .bWlD_q_gem{animation:none}.bWlD_q_tile[data-clearing=true] .bWlD_q_gem{opacity:.15;animation:none}}
