.grid-select{width:100%;min-width:0;font-size:14px}.form-select .grid-select-trigger{border:1px solid var(--input,#dfe2e8);background:#fff;border-radius:7px;height:42px}.form-select .grid-select-trigger>.grid-tag,.form-select .grid-select-trigger>.grid-tag-text{max-width:calc(100% - 24px)}.grid-tag-list{align-items:center;gap:4px;display:flex;overflow:hidden}.option-buttons{flex-wrap:wrap;gap:8px;display:flex}.option-buttons .customer-option{flex:auto}.option-buttons .customer-radio{clip-path:inset(50%);border:0;width:1px;min-height:0;padding:0}.option-buttons .customer-option:has(input:disabled){opacity:.45;cursor:not-allowed}.option-color-dialog{gap:16px;width:min(440px,100vw - 24px)}.option-color-options{border:1px solid #e0e3e9;border-radius:8px;max-height:min(280px,35dvh);padding:5px;overflow-y:auto}.option-color-row{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:10px;width:100%;min-height:42px;padding:7px 10px;display:flex}.option-color-row:hover{background:#f4f6f9}.option-color-row[aria-pressed=true]{background:#edf3ff}.option-color-row>svg{color:#2463db;flex:none;margin-left:auto}.option-color-dot{border:1px solid #0002;border-radius:3px;flex:none;width:18px;height:18px}.option-color-palette{border:1px solid #e0e3e9;border-radius:8px;padding:14px}.option-color-palette p{overflow-wrap:anywhere;margin:0 0 12px;font-size:14px;line-height:20px}.option-color-swatches{grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;display:grid}.option-color-swatches button{aspect-ratio:1;cursor:pointer;border:1px solid #0002;border-radius:3px;place-items:center;min-width:0;padding:0;display:grid}.option-color-swatches button[aria-pressed=true]{outline-offset:2px;outline:2px solid #2463db}.option-color-swatches button:focus-visible{outline-offset:2px;outline:2px solid #2463db}.option-color-row:focus-visible{outline-offset:2px;outline:2px solid #2463db}.option-color-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.option-color-actions>:first-child{margin-right:auto}@media (max-width:480px){.option-color-swatches{grid-template-columns:repeat(6,minmax(0,1fr))}}.grid-select-trigger{width:100%;min-width:0;height:44px;color:inherit;text-align:left;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-size:14px;display:flex}.grid-select-trigger:focus-visible{outline:2px solid var(--primary,#7d273a);outline-offset:-2px}.grid-select-trigger>svg{color:#858995;flex:0 0 14px;width:14px;height:14px}.grid-select-trigger:disabled{opacity:.65}.grid-select-popup{width:max-content;min-width:min(160px, calc(100vw - 16px), var(--available-width,160px));max-width:min(280px, calc(100vw - 16px), var(--available-width,280px));max-height:min(360px, var(--available-height,360px));color:#292c36;background:#fff;border:1px solid #dfe2e8;border-radius:8px;flex-direction:column;font-size:14px;line-height:20px;display:flex;overflow:hidden;box-shadow:0 8px 24px #2021291f,0 2px 6px #2021290a}.grid-select-popup .grid-select-search{width:auto;height:36px;box-shadow:none;background:#f8f9fb;border:1px solid #e0e3e9;border-radius:5px;flex:0 0 36px;margin:8px 8px 4px}.grid-select-search input{min-width:0;padding:0 10px;font-size:14px}.grid-select-search [data-slot=input-group-addon]:empty{display:none}.grid-select-list{overscroll-behavior:contain;flex:0 auto;min-height:0;max-height:none;padding:4px;scroll-padding:4px;overflow-y:auto}.grid-select-option{cursor:pointer;border-radius:4px;gap:8px;min-height:40px;padding:7px 30px 7px 8px;font-size:14px}.grid-select-option[data-highlighted]{color:#292c36;background:#f1f3f7}.grid-select-option [data-slot=combobox-item-indicator]{color:var(--primary,#7d273a)}.grid-select-option[data-disabled]{cursor:wait}.grid-select-detail{color:#717684;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:auto;font-size:12px;overflow:hidden}.grid-select-empty{color:#717684;text-align:center;padding:18px 12px;font-size:14px}.grid-tag,.grid-tag-text{vertical-align:middle;text-overflow:ellipsis;white-space:pre;min-width:0;max-width:100%;font-size:14px;line-height:20px;display:inline-block;overflow:hidden}.grid-tag{border-radius:4px;flex:0 auto;padding:2px 7px;font-weight:500}.grid-tag-blue{color:#245b9e;background:#e3efff}.grid-tag-purple{color:#6a449a;background:#eee6fb}.grid-tag-pink{color:#9b3d68;background:#fbe5ef}.grid-tag-green{color:#28704b;background:#e2f3e9}.grid-tag-amber{color:#8d641a;background:#fcf0d5}.grid-tag-slate{color:#556172;background:#edf0f4}@media (pointer:coarse),(max-width:720px){.grid-select-option{min-height:44px}}@media (prefers-reduced-motion:reduce){.grid-select-popup{transition:none;animation:none}}.order-teachers-popup{width:min(288px,100vw - 24px);max-height:min(480px, var(--radix-popover-content-available-height));border:1px solid #dfe2e8;border-radius:8px;padding:0;font-size:13px;overflow-y:auto;box-shadow:0 8px 24px #2021291f,0 2px 6px #2021290a}.order-teachers-editor{padding:6px}.order-teachers-heading,.order-teachers-row{grid-template-columns:minmax(0,1fr) 138px;align-items:center;gap:8px;padding:0 6px;display:grid}.order-teachers-heading{color:#737986;height:30px;font-size:12px}.order-teachers-heading small{color:#969ba5;margin-left:4px;font-size:11px}.order-teachers-heading>:last-child{padding-left:7px}.order-teachers-row{border-radius:4px;min-height:38px}.order-teachers-row:hover{background:#f6f7f9}.order-teachers-pick{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;width:100%;min-width:0;height:36px;padding:0;display:flex}.order-teachers-pick .grid-tag,.order-teachers-pick .grid-tag-text{min-width:0;max-width:calc(100% - 24px);font-size:13px;line-height:20px}.order-teachers-check{background:#fff;border:1px solid #c8cdd5;border-radius:3px;flex:0 0 15px;place-items:center;height:15px;display:grid}.order-teachers-pick[aria-checked=true] .order-teachers-check{border-color:var(--primary);background:var(--primary);color:#fff}.order-teachers-pick:disabled{opacity:.45;cursor:default}.order-teachers-pick:focus-visible{outline:2px solid var(--primary);outline-offset:1px;border-radius:4px}.order-teachers-types button:focus-visible{outline:2px solid var(--primary);outline-offset:1px;border-radius:4px}.order-teachers-test summary:focus-visible{outline:2px solid var(--primary);outline-offset:1px;border-radius:4px}.order-teachers-types{background:#f0f2f5;border-radius:5px;gap:2px;padding:2px;display:flex}.order-teachers-types button{color:#626874;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:3px;flex:1;height:25px;padding:0 5px;font-size:12px}.order-teachers-types button[aria-pressed=true]{background:var(--primary);color:#fff}.order-teachers-types button:disabled{opacity:.5;cursor:default}.order-teachers-test{margin-top:4px}.order-teachers-test summary{color:#9096a0;cursor:pointer;padding:5px 6px;font-size:11px}.order-teachers-actions{border-top:1px solid #eceef2;justify-content:flex-end;padding:4px 8px;display:flex}.order-teachers-actions>button{height:26px;min-height:0;padding:0 8px;font-size:12px}.staff-ledger{font-size:13px}.staff-accounts-layout{grid-template-columns:minmax(0,1fr)}.staff-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.staff-tabs{gap:20px;display:flex}.staff-tabs button{color:var(--muted-foreground);background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 0}.staff-tabs button[aria-pressed=true]{color:var(--foreground);border-bottom-color:var(--primary);font-weight:600}.staff-toolbar-actions{align-items:center;gap:10px;display:flex}.staff-toolbar-actions select{width:auto;min-width:110px;height:32px;padding:5px 28px 5px 10px;font-size:13px}.staff-calendar-heading{justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;display:flex}.staff-calendar-heading>div{align-items:center;gap:12px;display:flex}.staff-calendar-heading strong{font-variant-numeric:tabular-nums;font-size:14px;font-weight:500}.staff-calendar-heading button{border:1px solid var(--border);background:#fff;border-radius:5px;place-items:center;width:28px;height:28px;display:grid}.staff-calendar-heading>span{color:var(--muted-foreground);font-size:12px}.staff-calendar{border:1px solid var(--border);background:#fff;border-radius:8px;overflow:hidden}.staff-calendar-week,.staff-calendar-days{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.staff-calendar-week{border-bottom:1px solid var(--border);color:var(--muted-foreground);text-align:center;font-size:12px}.staff-calendar-week span{padding:8px}.staff-calendar-days{background:var(--border);gap:1px}.staff-calendar-day,.staff-calendar-blank{background:#fff;min-height:92px;padding:4px 8px}.staff-calendar-blank{background:#fafafb}.staff-calendar-day time{font-variant-numeric:tabular-nums;margin:0 4px 2px;font-size:12px;line-height:16px;display:block}.staff-rest-person{text-align:left;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:4px;width:100%;height:22px;padding:2px 6px;font-size:12px;display:flex}.staff-rest-person>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}button.staff-rest-person:not(:disabled):hover{background:#f2f3f5}.staff-rest-person[aria-pressed=true],.staff-rest-person.is-rest,button.staff-rest-person[aria-pressed=true]:hover{color:var(--primary);background:#f6e9ec}.staff-rest-mark{flex-shrink:0;font-size:11px}.staff-rest-person:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.staff-calendar button:disabled{cursor:default}.staff-table-wrap{border:1px solid var(--border);background:#fff;border-radius:8px;overflow:hidden}.staff-table-wrap table{width:100%;font-size:13px}.staff-table-wrap th{height:36px;color:var(--muted-foreground);background:#fafafb;font-weight:400}.staff-table-wrap td{height:38px}.staff-table-wrap tr{border-color:var(--border)}.staff-table-wrap th,.staff-table-wrap td{white-space:nowrap;padding:8px 14px}.staff-table-wrap td.staff-record-note{white-space:normal;min-width:180px}.staff-money,.staff-table-wrap strong{font-variant-numeric:tabular-nums}.staff-table-wrap td.staff-empty{text-align:center;height:110px;color:var(--muted-foreground)}.staff-pending{color:#906d28;margin-top:3px;font-size:11px;font-weight:400;display:block}.staff-dialog{font-size:13px;max-width:min(440px,100vw - 24px)!important}.staff-dialog form{gap:13px;display:grid}.staff-entry-dialog{grid-template-rows:auto minmax(0,1fr);height:min(560px,90dvh);overflow:hidden}.staff-entry-dialog form{flex-direction:column;min-height:0;display:flex}.staff-entry-dialog form>:not(.staff-entry-details){flex-shrink:0}.staff-entry-details{overflow-anchor:none;scrollbar-gutter:stable;flex:1;grid-template-columns:minmax(0,1fr);align-content:start;gap:13px;min-height:0;display:grid;overflow-y:auto}.staff-dialog [data-slot=dialog-title]{font-size:17px}.staff-dialog [data-slot=dialog-description]{font-size:12px;line-height:1.6}.staff-field{gap:5px;min-width:0;display:grid}.staff-field>span{color:var(--muted-foreground);font-size:12px}.staff-field input,.staff-field textarea,.staff-field select{border:1px solid var(--border);background:#fff;border-radius:5px;width:100%;min-width:0;padding:7px 9px;font-size:13px}.staff-form-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.staff-form-actions{justify-content:flex-end;gap:8px;margin-top:5px;display:flex}.staff-form-actions button{height:32px;font-size:13px}.staff-form-actions button:first-child:not(:nth-last-child(2)){margin-right:auto}.staff-form-note{color:var(--muted-foreground);margin:8px 0 0;font-size:12px;line-height:1.6}.staff-error{color:var(--destructive);font-size:12px}.staff-average{background:var(--background);border-radius:5px;flex-wrap:wrap;justify-content:space-between;gap:6px;padding:9px 10px;font-size:12px;display:flex}.staff-average small{color:var(--muted-foreground);flex-basis:100%}.staff-delete-confirm{border-top:1px solid var(--border);color:var(--destructive);padding-top:10px;font-size:12px}.staff-delete-confirm button{margin-top:8px}.staff-rules{border:1px solid var(--border);background:#fff;border-radius:8px;max-width:760px;padding:20px 24px}.staff-rules h3{margin:0 0 16px;font-size:14px;font-weight:600}.staff-rules h3:not(:first-child){margin-top:28px}.staff-rules dt{margin-top:16px;font-weight:500}.staff-rules dd{color:var(--muted-foreground);margin:5px 0 0;line-height:1.8}.order-loss-marker{flex-shrink:0;font-size:12px}.teacher-app .staff-toolbar{gap:8px}.teacher-app .staff-calendar-day,.teacher-app .staff-calendar-blank{min-height:62px}.teacher-app .staff-rest-person{justify-content:center}.teacher-app .staff-table-wrap th,.teacher-app .staff-table-wrap td{padding:8px;font-size:12px}.teacher-app .staff-rules{padding:16px}.teacher-app .staff-table-wrap :is(table,tbody){display:block}.teacher-app .staff-table-wrap thead{display:none}.teacher-app .staff-records-table tr{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:12px;display:grid}.teacher-app .staff-records-table td{min-width:0;height:auto;padding:0}.teacher-app .staff-records-table td:first-child{color:var(--muted-foreground);grid-area:2/1}.teacher-app .staff-records-table td:nth-child(2){grid-area:1/1;font-weight:600}.teacher-app .staff-records-table td:nth-child(3){grid-area:1/2}.teacher-app .staff-records-table td:nth-child(4){grid-area:3/1/auto/-1;line-height:1.6}.teacher-app .staff-records-table td.staff-empty{grid-column:1/-1;padding:32px 0}.teacher-app .staff-payroll-table tr{padding:8px 14px;display:block}.teacher-app .staff-payroll-table td{flex-wrap:wrap;justify-content:space-between;height:auto;padding:9px 0;display:flex}.teacher-app .staff-payroll-table td:before{content:attr(data-label);color:var(--muted-foreground)}.teacher-app .staff-payroll-table td:last-child{border-top:1px solid var(--border)}.teacher-app .staff-payroll-table .staff-pending{text-align:right;width:100%}@media (max-width:600px){.staff-tabs{gap:16px}.staff-calendar-heading>span{font-size:11px}.staff-calendar-day,.staff-calendar-blank{padding:6px 3px}.staff-rest-person{padding-inline:3px}}.booking-timeline{flex-direction:column;flex:none;min-height:0;max-height:min(240px,32dvh);display:flex;overflow:hidden}.booking-timeline-heading{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:2px 12px;padding:3px 10px;display:flex}.booking-timeline-heading h2{margin:0;font-size:14px;font-weight:600;line-height:20px}.booking-timeline-heading>span{color:var(--muted-foreground);align-items:center;gap:4px;font-size:12px;line-height:20px;display:inline-flex}.booking-timeline-heading .booking-current{color:#a83049;font-variant-numeric:tabular-nums}.booking-timeline-heading .booking-conflict{color:#9b3d16;margin-left:auto}.booking-timeline-scroll{flex:auto;min-height:0;overflow:auto}.booking-timeline-scroll:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.booking-timeline-canvas{width:100%}.booking-axis-row,.booking-lane-row{width:100%;display:flex}.booking-lane-row{position:relative}.booking-lane-row[data-drop-edge]:after{content:"";background:var(--ring);pointer-events:none;z-index:4;height:2px;position:absolute;left:0;right:0}.booking-lane-row[data-drop-edge=before]:after{top:0}.booking-lane-row[data-drop-edge=after]:after{bottom:0}.booking-axis-row{z-index:5;background:#fafbfc;position:sticky;top:0}.booking-row-number{z-index:3;border-right:1px solid var(--border);border-bottom:1px solid var(--border);width:48px;color:var(--muted-foreground);font-variant-numeric:tabular-nums;background:#fafbfc;flex:0 0 48px;justify-content:center;align-items:center;font-size:13px;display:flex;position:sticky;left:0}.booking-row-number button{width:100%;height:100%;min-height:32px;font:inherit;color:inherit;cursor:grab;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0}.booking-row-number button:hover:not(:disabled){background:#edf4ff}.booking-row-number button:active{cursor:grabbing}.booking-row-number button:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.booking-row-number button:disabled{cursor:default}.booking-teacher{z-index:3;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff;flex:0 0 100px;justify-content:space-between;align-items:center;gap:4px;width:100px;padding:2px 8px;display:flex;position:sticky;left:48px}.booking-teacher .grid-tag{text-overflow:ellipsis;min-width:0;overflow:hidden}.booking-teacher small{color:var(--muted-foreground);font-size:12px}.booking-axis-label{color:var(--muted-foreground);background:#fafbfc;font-size:13px}.booking-axis,.booking-track{min-width:0;box-shadow:inset 1px 0 var(--border), inset -1px 0 var(--border);flex:1;position:relative}.booking-axis{border-bottom:1px solid var(--border);height:28px}.booking-hour{color:#555c68;font-variant-numeric:tabular-nums;white-space:nowrap;height:100%;font-size:13px;position:absolute;top:0}.booking-hour>span{line-height:20px;position:absolute;top:3px;left:0;transform:translate(-50%)}.booking-hour:after{content:"";border-left:1px solid var(--border);height:4px;position:absolute;bottom:0;left:0}.booking-hour.is-midnight{color:var(--primary);font-weight:600}.booking-track{border-bottom:1px solid var(--border);background:repeating-linear-gradient(to right, transparent 0, transparent calc(var(--booking-hour) / 2), var(--border) calc(var(--booking-hour) / 2), var(--border) calc(var(--booking-hour) / 2 + 1px), transparent calc(var(--booking-hour) / 2 + 1px), transparent var(--booking-hour))}.booking-block{text-align:center;cursor:pointer;border:1px solid #00000026;border-radius:4px;justify-content:center;align-items:center;min-width:0;height:26px;padding:2px 3px;transition:box-shadow .12s;display:flex;position:absolute;overflow:hidden}.booking-block.is-booked{border-color:#98a2b3}:is(.booking-block:hover,.booking-block:focus-visible){z-index:2;outline:2px solid var(--ring);outline-offset:1px;box-shadow:0 2px 8px #0002}.booking-block:disabled{cursor:wait}.booking-booker{text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;font-size:14px;font-weight:500;line-height:20px;display:block;overflow:hidden}.booking-block.has-conflict{outline-offset:-3px;outline:1px dashed #b45124}.booking-now-line{pointer-events:none;z-index:2;border-left:1px solid #be3651;position:absolute;top:0;bottom:0}.booking-axis .booking-now-line{height:5px;top:auto}.booking-tip{max-width:320px;font-size:14px;line-height:1.6}.booking-tip p{margin:2px 0}.booking-empty{color:var(--muted-foreground);margin:0;padding:4px 12px;font-size:12px;line-height:1.6}@media (max-width:900px){.booking-timeline{max-height:240px}.booking-timeline-heading .booking-conflict{margin-left:0}}.booking-timeline-heading .booking-zoom{color:var(--muted-foreground);align-items:center;gap:6px;margin-left:auto;font-size:12px;display:inline-flex}.booking-timeline-heading .booking-conflict+.booking-zoom{margin-left:4px}.booking-zoom button{width:22px;height:22px;color:inherit;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.booking-zoom button:hover:not(:disabled){background:var(--accent);color:var(--foreground)}.booking-zoom button:disabled{opacity:.35;cursor:default}.booking-zoom-slider{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;width:140px;height:24px;display:flex;position:relative}.booking-zoom-track{background:var(--input);border-radius:2px;flex:1;height:3px;position:relative;overflow:hidden}.booking-zoom-range{background:var(--ring);height:100%;position:absolute}.booking-zoom-thumb{background:var(--foreground);border:2px solid var(--ring);cursor:grab;border-radius:50%;width:14px;height:14px;display:block;box-shadow:0 1px 4px #0006}.booking-zoom-thumb:active{cursor:grabbing}.booking-zoom-thumb:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.booking-zoom output{font-variant-numeric:tabular-nums;min-width:5.5em}.booking-tick{height:100%;color:var(--muted-foreground);opacity:.7;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;font-size:11px;position:absolute;top:0}.booking-tick>span{line-height:18px;position:absolute;top:5px;left:0;transform:translate(-50%)}.booking-tick:after{content:"";border-left:1px solid var(--border);height:3px;position:absolute;bottom:0;left:0}.booking-tick.is-half{opacity:.9}.is-zoomed .booking-track{background-image:repeating-linear-gradient(to right, transparent 0, transparent calc(var(--booking-hour) / 2), var(--border) calc(var(--booking-hour) / 2), var(--border) calc(var(--booking-hour) / 2 + 1px), transparent calc(var(--booking-hour) / 2 + 1px), transparent var(--booking-hour)), repeating-linear-gradient(to right, #ffffff06 0, #ffffff06 1px, transparent 1px, transparent var(--booking-minor,100%))}.booking-block-time{opacity:.75;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;margin-left:8px;font-size:12px}.booking-block:has(.booking-booker) .booking-block-time{margin-left:6px}.booking-block:has(.booking-block-time) .booking-booker{flex:0 auto;width:auto}.booking-block[data-movable]{cursor:grab;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.booking-block.is-dragging{z-index:6;cursor:grabbing;outline:2px solid var(--ring);outline-offset:1px;transition:none;box-shadow:0 6px 18px #0008}.booking-timeline-heading .booking-drag-status{color:var(--foreground);font-variant-numeric:tabular-nums}html[data-timeline-dragging] .booking-tip{display:none}.xc-case-opening{width:100%;min-width:0}.xc-case-opening .xc-game{--xc-ink:#f2f0e9;--xc-muted:#aaa5a3;--xc-line:#ffffff16;--xc-gold:#dbc47e;--xc-burgundy:#35101a;--xc-card-width:146px;--xc-gap:5px;color:var(--xc-ink);isolation:isolate;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#18181c;border-radius:6px;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5;position:relative;overflow:hidden;container:xcase/inline-size}.xc-case-opening .xc-game:before{content:"";z-index:-1;background:linear-gradient(#11111420 0%,#18181cee 61%,#18181c 100%),linear-gradient(90deg,#100d12 0%,#4b16248a 5%,#1e1018 11%,#501a276b 19%,#181319 25%,#2c17206b 33%,#19191d 46% 54%,#2c17206b 67%,#181319 75%,#501a276b 81%,#1e1018 89%,#4b16248a 95%,#100d12 100%);position:absolute;inset:0}.xc-case-opening .xc-game *{box-sizing:border-box}.xc-case-opening .xc-game [hidden]{display:none!important}.xc-case-opening .xc-game[data-inspecting] *{transition:none!important}.xc-case-opening .xc-game[data-inspecting] .xc-actionbar{visibility:hidden;pointer-events:none}.xc-case-opening .xc-inspection-guides{z-index:10;pointer-events:none;background:linear-gradient(90deg,#0000 calc(50% - .5px),#8de2ed80 50%,#0000 calc(50% + .5px)),linear-gradient(#0000 calc(50% - .5px),#8de2ed80 50%,#0000 calc(50% + .5px));position:absolute;inset:0}.xc-case-opening .xc-inspection-anchor{left:var(--xc-box-anchor-x);top:var(--xc-box-anchor-y);z-index:5;pointer-events:none;border:1px solid #8de2ed;border-radius:50%;width:9px;height:9px;position:absolute;transform:translate(-50%,-50%)}.xc-case-opening .xc-game p,.xc-case-opening .xc-game h2,.xc-case-opening .xc-game h3{margin:0}.xc-case-opening .xc-game button{font:inherit;text-transform:none;border:0;border-radius:2px;justify-content:center;align-items:center;gap:9px;min-height:44px;display:inline-flex}.xc-case-opening .xc-game button:disabled{cursor:wait;opacity:.65}.xc-case-opening .xc-game button:focus-visible{outline:2px solid var(--xc-gold);outline-offset:4px}.xc-case-opening .xc-game button svg{width:17px;height:17px}.xc-case-opening .xc-topbar{padding:18px 26px;border-bottom:1px solid var(--xc-line);background:#1111146b;justify-content:space-between;align-items:center;min-height:60px;padding-right:72px;display:flex}.xc-case-opening .xc-brand{letter-spacing:2px;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.xc-case-opening .xc-brand svg{width:18px;height:18px;color:var(--xc-gold)}.xc-case-opening .xc-demo{color:#b7a8a7;letter-spacing:1px;font-size:11px}.xc-case-opening .xc-content{padding:28px 26px 18px}.xc-case-opening .xc-heading{align-items:center;gap:18px;margin:0 0 30px;display:flex}.xc-case-opening .xc-eyebrow{letter-spacing:2.5px;color:#bcb5ad;font-size:10px}.xc-case-opening .xc-heading h2{letter-spacing:1px;margin:4px 0;font-size:27px;font-weight:500;line-height:1.35}.xc-case-opening .xc-collection{color:var(--xc-muted);font-size:12px}.xc-case-opening .xc-case-thumb{object-fit:contain;-webkit-user-select:none;user-select:none;flex:0 0 80px;width:80px;height:auto;display:block}.xc-case-opening .xc-stage{grid-template-columns:minmax(0,1fr);align-items:center;min-height:270px;display:grid;position:relative;overflow:hidden}.xc-case-opening .xc-game[data-phase=emerging] .xc-stage{overflow:visible}.xc-case-opening .xc-box-picker{text-align:center;width:100%;max-width:760px;margin:auto;padding:12px 0}.xc-case-opening .xc-box-prompt{color:var(--xc-ink);letter-spacing:1px;font-size:14px}.xc-case-opening .xc-box-choices{isolation:isolate;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2px,1cqw,12px);margin:20px 0 14px;padding:16px 0 10px;display:grid;position:relative}.xc-case-opening .xc-game .xc-box-choice{cursor:pointer;min-width:0;min-height:130px;color:var(--xc-ink);box-shadow:none;background:0 0;flex-direction:column;gap:0;padding:8px 0 14px}.xc-case-opening .xc-box-visual{isolation:isolate;width:100%;margin-bottom:16px;display:block;position:relative}.xc-case-opening .xc-box-visual:before{content:"";z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(at 50% 55%,#ffe1a699 0%,#dbad6059 25%,#be804826 44%,#0000 69%);transition:opacity .22s;position:absolute;inset:-28% -18% -8%}.xc-case-opening .xc-box-image{object-fit:contain;-webkit-user-select:none;user-select:none;filter:brightness(.94);width:100%;height:auto;transition:filter .18s;display:block}.xc-case-opening .xc-box-visual[data-atlas=true] .xc-box-image{opacity:0}.xc-case-opening .xc-box-visual[data-atlas=true]:after{content:"";filter:brightness(.94);background:url(/images/black-leather-case-opening-24.png) 0 11.8359%/600% 600% no-repeat;transition:filter .18s;position:absolute;inset:0}.xc-case-opening .xc-box-name{letter-spacing:1px;padding-bottom:8px;font-size:12px;position:relative}.xc-case-opening .xc-box-name:after{content:"";background:var(--xc-gold);opacity:0;width:24px;height:2px;margin-left:-12px;transition:opacity .18s;position:absolute;bottom:0;left:50%}.xc-case-opening .xc-box-state{color:var(--xc-muted);margin-top:5px;font-size:11px}.xc-case-opening .xc-box-choice[aria-pressed=true] .xc-box-name,.xc-case-opening .xc-box-choice[aria-pressed=true] .xc-box-state{color:var(--xc-gold)}.xc-case-opening .xc-box-choice[aria-pressed=true] .xc-box-name:after{opacity:1}.xc-case-opening .xc-box-choice[aria-pressed=true] .xc-box-image,.xc-case-opening .xc-box-choice[aria-pressed=true] .xc-box-visual:after{filter:brightness(1.12)}.xc-case-opening .xc-box-choice[aria-pressed=true] .xc-box-visual:before{opacity:1}.xc-case-opening .xc-box-note{color:var(--xc-muted);font-size:11px}@media (hover:hover){.xc-case-opening .xc-box-choice:not(:disabled):hover .xc-box-image,.xc-case-opening .xc-box-choice:not(:disabled):hover .xc-box-visual:after{filter:brightness(1.12)}}.xc-case-opening .xc-box-opening{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.xc-case-opening .xc-opening-object{aspect-ratio:1;width:min(90%,270px);transform-origin:var(--xc-box-anchor-x) var(--xc-box-anchor-y);isolation:isolate;position:relative}.xc-case-opening .xc-opening-object:before{content:"";z-index:-1;background:radial-gradient(ellipse at 54% 64%, var(--xc-rarity,#d7b453), transparent 68%);opacity:0;position:absolute;inset:8% -15% -3%}.xc-case-opening .xc-opening-body{transform-origin:50% var(--xc-box-anchor-y);position:absolute;inset:0}.xc-case-opening .xc-opening-closed{top:var(--xc-closed-top);left:var(--xc-closed-left);aspect-ratio:3/2;width:100%;position:absolute}.xc-case-opening .xc-opening-atlas{--xc-frame-position:0% 4.81771%;--xc-cavity-window:inset(100%);transform-origin:var(--xc-box-anchor-x) var(--xc-box-anchor-y);background:url(/images/black-leather-case-opening-24.png) var(--xc-frame-position) / 600% 400% no-repeat;clip-path:inset(1% 0 0);opacity:0;isolation:isolate;position:absolute;inset:0}.xc-case-opening .xc-case-energy{pointer-events:none;background:linear-gradient(180deg, var(--xc-rarity) 40%, color-mix(in srgb, var(--xc-rarity) 45%, white) 58%, #fffaf0 74%);clip-path:var(--xc-cavity-window);mix-blend-mode:screen;opacity:0;position:absolute;inset:0}.xc-case-opening .xc-case-burst{z-index:2;pointer-events:none;mix-blend-mode:screen;opacity:0;background:radial-gradient(ellipse, #fffaf0a6 0%, color-mix(in srgb, var(--xc-rarity) 72%, white) 25%, color-mix(in srgb, var(--xc-rarity) 32%, transparent) 46%, transparent 70%);width:104%;height:62%;position:absolute;top:64%;left:54%;transform:translate(-50%,-50%)}.xc-case-opening .xc-case-burst:before{content:"";background:repeating-conic-gradient(from 13deg, transparent 0deg 24deg, color-mix(in srgb, var(--xc-rarity) 45%, white) 26deg, transparent 29deg 48deg);position:absolute;inset:-32%;-webkit-mask-image:radial-gradient(#0000 14%,#0008 28%,#0000 64%);mask-image:radial-gradient(#0000 14%,#0008 28%,#0000 64%)}.xc-case-opening .xc-case-burst:after{content:"";border:2px solid color-mix(in srgb, var(--xc-rarity) 65%, white);opacity:0;border-radius:50%;position:absolute;inset:-8%}.xc-case-opening .xc-box-opening[data-atlas=true] .xc-opening-closed{opacity:0}.xc-case-opening .xc-box-opening[data-atlas=true] .xc-opening-atlas{opacity:1}.xc-case-opening .xc-game[data-phase=unsealing] .xc-box-opening[data-atlas=true] .xc-opening-atlas,.xc-case-opening .xc-game[data-phase=emerging] .xc-box-opening[data-atlas=true] .xc-opening-atlas,.xc-case-opening .xc-game[data-phase=spinning] .xc-box-opening[data-atlas=true] .xc-opening-atlas,.xc-case-opening .xc-game[data-phase=locked] .xc-box-opening[data-atlas=true] .xc-opening-atlas{animation:xc-box-unseal var(--xc-box-open-time) steps(1, end) both}.xc-case-opening .xc-game:is([data-phase=unsealing],[data-phase=emerging],[data-phase=spinning],[data-phase=locked]) .xc-opening-body{animation:xc-case-jolt var(--xc-box-open-time) linear both}.xc-case-opening .xc-game:is([data-phase=unsealing],[data-phase=emerging],[data-phase=spinning],[data-phase=locked]) .xc-box-opening[data-atlas=true] .xc-opening-object:before{animation:xc-energy-aura var(--xc-box-open-time) linear both}.xc-case-opening .xc-game:is([data-phase=unsealing],[data-phase=emerging],[data-phase=spinning],[data-phase=locked]) .xc-box-opening[data-atlas=true] .xc-case-energy{animation:xc-energy-fill var(--xc-box-open-time) linear both}.xc-case-opening .xc-game:is([data-phase=unsealing],[data-phase=emerging],[data-phase=spinning],[data-phase=locked]) .xc-box-opening[data-atlas=true] .xc-case-burst{animation:xc-energy-burst var(--xc-box-open-time) linear both}.xc-case-opening .xc-game:is([data-phase=unsealing],[data-phase=emerging],[data-phase=spinning],[data-phase=locked]) .xc-box-opening[data-atlas=true] .xc-case-burst:after{animation:xc-energy-wave var(--xc-box-open-time) linear both}@keyframes xc-energy-aura{0%{opacity:0;transform:scale(.8)}10.4938%{opacity:calc(.12 * var(--xc-light-strength));transform:scale(.9)}20.9877%{opacity:calc(.05 * var(--xc-light-strength));transform:scale(.85)}30.8642%{opacity:calc(.03 * var(--xc-light-strength));transform:scale(.85)}40.7407%{opacity:calc(.24 * var(--xc-light-strength));transform:scale(1)}50%{opacity:calc(.1 * var(--xc-light-strength));transform:scale(.9)}59.2593%{opacity:calc(.08 * var(--xc-light-strength));transform:scale(.95)}65.4321%{opacity:calc(.5 * var(--xc-light-strength));transform:scale(1.35)}82.7161%{opacity:calc(.2 * var(--xc-light-strength));transform:scale(1.6)}to{opacity:0;transform:scale(1.8)}}@keyframes xc-energy-fill{0%,30.8642%,59.2593%{opacity:0}10.4938%{opacity:calc(.4 * var(--xc-light-strength))}20.9877%{opacity:calc(.2 * var(--xc-light-strength))}40.7407%{opacity:calc(.65 * var(--xc-light-strength))}50%{opacity:calc(.3 * var(--xc-light-strength))}65.4321%{opacity:calc(.95 * var(--xc-light-strength))}82.7161%{opacity:calc(.32 * var(--xc-light-strength))}to{opacity:0}}@keyframes xc-energy-burst{0%,60.4938%{opacity:0;transform:translate(-50%,-50%)scale(.7,.45)}63.5802%{opacity:calc(.35 * var(--xc-light-strength));transform:translate(-50%,-50%)scaleY(.7)}65.4321%{opacity:calc(.9 * var(--xc-light-strength));transform:translate(-50%,-50%)scale(1.8)}75.3087%{opacity:calc(.38 * var(--xc-light-strength));transform:translate(-50%,-50%)scale(2.8,2.7)}87.6543%{opacity:calc(.1 * var(--xc-light-strength));transform:translate(-50%,-50%)scale(3.5,3.4)}to{opacity:0;transform:translate(-50%,-50%)scale(4,3.8)}}@keyframes xc-energy-wave{0%,63.5802%{opacity:0;transform:scale(.5)}70.3704%{opacity:calc(.5 * var(--xc-light-strength));transform:scale(.85)}to{opacity:0;transform:scale(1.8)}}@keyframes xc-case-jolt{0%{transform:translateY(0)rotate(0)}4.93827%{transform:translateY(-1px)rotate(.6deg)}10.4938%{transform:translateY(-3px)rotate(-1deg)}15.4321%{transform:translateY(-1px)rotate(.8deg)}20.9877%{transform:translateY(0)rotate(-.7deg)}25.9259%{transform:translateY(-1px)rotate(.7deg)}30.8642%{transform:translateY(0)rotate(-.8deg)}35.8025%{transform:translateY(-2px)rotate(1.2deg)}40.7407%{transform:translateY(-6px)rotate(-1.5deg)}45.0617%{transform:translateY(-2px)rotate(1.4deg)}50%{transform:translateY(0)rotate(-1.1deg)}54.321%{transform:translateY(-2px)rotate(1.3deg)}59.2593%{transform:translateY(0)rotate(-1.5deg)}62.3457%{transform:translateY(-4px)rotate(1.6deg)}65.4321%{transform:translateY(-14px)rotate(-1.6deg)}72.8395%{transform:translateY(0)rotate(.8deg)}77.7778%{transform:translateY(-6px)rotate(-.5deg)}82.7161%{transform:translateY(0)rotate(.35deg)}88.8889%{transform:translateY(-2px)rotate(-.15deg)}95.0617%,to{transform:translateY(0)rotate(0)}}.xc-case-opening .xc-opening-interior{width:70%;height:14%;position:absolute;top:57%;left:19%}.xc-case-opening .xc-game:is([data-phase=emerging],[data-phase=spinning],[data-phase=locked]) .xc-box-opening{animation:xc-box-recede .1s linear var(--xc-box-tail-time) both}.xc-case-opening .xc-opening-status{color:var(--xc-gold);letter-spacing:2px;font-size:12px;position:absolute;bottom:0}@keyframes xc-box-recede{0%{opacity:1}to{opacity:0}}@keyframes xc-box-unseal{0%,10.4938%,20.9877%,30.8642%,40.7407%,50%,59.2593%{--xc-frame-position:0% 4.81771%;--xc-cavity-window:inset(100%);transform:rotate(0)scale(1)translate(0%)}65.4321%{--xc-frame-position:80% 95.9636%;--xc-cavity-window:polygon(21.8969% 54.6984%, 90.5371% 58.727%, 84.2871% 72.7895%, 7.44375% 67.5891%);transform:rotate(.824663deg)scale(1.01852)translate(3.97734%,1.05273%)}82.7161%,to{--xc-frame-position:100% 95.9636%;--xc-cavity-window:polygon(21.5324% 54.8211%, 89.7606% 58.7383%, 83.5106% 72.8008%, 7.0793% 67.7117%);transform:rotate(.881808deg)scale(1.0238)translate(4.75391%,1.04141%)}}.xc-case-opening .xc-machine{background:#101114c9;border-top:1px solid #ffffff21;border-bottom:1px solid #ffffff21;min-width:0;padding:10px 0 8px;transition:opacity .25s;position:relative}.xc-case-opening .xc-machine-label{letter-spacing:2px;color:#9a948c;justify-content:space-between;padding:0 12px 9px;font-size:9px;display:flex}.xc-case-opening .xc-sequence{color:#777471}.xc-case-opening .xc-reel-window{background:#0d0f12;width:100%;height:190px;position:relative;overflow:hidden}.xc-case-opening .xc-track{gap:var(--xc-gap);will-change:transform;width:max-content;height:100%;display:flex}.xc-case-opening .xc-item{--xc-rarity:#7a94b4;width:var(--xc-card-width);flex:0 0 var(--xc-card-width);background:linear-gradient(180deg, #26272c 0%, #27282e 62%, color-mix(in srgb, var(--xc-rarity) 17%, #22242a) 100%);border-bottom:5px solid var(--xc-rarity);flex-direction:column;justify-content:center;align-items:center;height:100%;transition:filter .18s;display:flex;position:relative}.xc-case-opening .xc-item:before{content:"";background:radial-gradient(ellipse at 50% 36%, color-mix(in srgb, var(--xc-rarity) 15%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:0}.xc-case-opening .xc-item-code{color:#9c9da399;letter-spacing:1px;font-size:9px;position:absolute;top:10px;left:10px}.xc-case-opening .xc-item-name{text-align:left;color:#eae8e4;white-space:nowrap;align-self:stretch;margin:13px 12px 0;font-size:12px;line-height:1.4}.xc-case-opening .xc-item-tier{text-align:left;color:#b4b1b4;align-self:stretch;margin:2px 12px 0;font-size:11px}.xc-case-opening .xc-object{color:#ddd9d0;background:linear-gradient(150deg,#575961,#32343b 52%,#484a53);border:1px solid #999ba54a;flex:none;justify-content:center;align-items:center;gap:3px;width:92px;height:61px;display:flex;position:relative;transform:perspective(320px)rotateY(-16deg)rotate(-11deg);box-shadow:4px 8px 8px #0004,inset 0 0 0 3px #0002,inset 0 0 0 4px #ffffff12}.xc-case-opening .xc-object:before{content:"XC / RESERVE";letter-spacing:1.3px;color:#c2bdaf;text-align:left;border-bottom:1px solid #d2cabb33;padding-bottom:2px;font-size:5px;position:absolute;top:5px;left:8px;right:7px}.xc-case-opening .xc-object:after{content:"星踩空间";color:#cbc2b1b3;letter-spacing:1px;font-size:6px;position:absolute;bottom:4px;right:8px}.xc-case-opening .xc-object b{letter-spacing:-1px;text-shadow:1px 1px 1px #0009;margin-top:7px;font-family:Arial Narrow,Impact,PingFang SC,sans-serif;font-size:30px;font-weight:600;line-height:1}.xc-case-opening .xc-object small{align-self:center;margin-top:10px;font-size:10px}.xc-case-opening .xc-object[data-kind=time]{background:linear-gradient(145deg,#7c7d8a,#3e4154 62%,#242a38);border-color:#b1b5d357;border-radius:3px}.xc-case-opening .xc-object[data-kind=next]{background:linear-gradient(145deg,#65516a,#382b47 65%,#2c2837);border-color:#bd9cca66}.xc-case-opening .xc-object[data-kind=discount]{background:linear-gradient(145deg,#77564e,#493233 65%,#29252a);border-color:#d2a38c66}.xc-case-opening .xc-object[data-kind=jackpot]{color:#fff0bb;background:linear-gradient(145deg,#c3a360,#756036 60%,#413827);border-color:#dec487}.xc-case-opening .xc-object[data-kind=jackpot] b{font-size:26px}.xc-case-opening .xc-shade{z-index:2;pointer-events:none;width:15%;position:absolute;top:0;bottom:0}.xc-case-opening .xc-shade-left{background:linear-gradient(90deg,#0e1013f0,#0000);left:0}.xc-case-opening .xc-shade-right{background:linear-gradient(-90deg,#0e1013f0,#0000);right:0}.xc-case-opening .xc-pointer{z-index:3;pointer-events:none;background:#ecd69f;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 6px #f0d18340}.xc-case-opening .xc-pointer:before,.xc-case-opening .xc-pointer:after{content:"";background:#eed7a0;width:13px;height:9px;position:absolute;left:50%;transform:translate(-50%)}.xc-case-opening .xc-pointer:before{clip-path:polygon(0 0,100% 0,50% 100%);top:0}.xc-case-opening .xc-pointer:after{clip-path:polygon(50% 0,100% 100%,0 100%);bottom:0}.xc-case-opening .xc-reel-caption{color:#b3ada7;letter-spacing:1px;justify-content:space-between;align-items:center;gap:8px;min-height:27px;padding:9px 12px 0;font-size:10px;display:flex}.xc-case-opening .xc-lines{color:#686462;white-space:nowrap;max-width:50%;font-size:9px;overflow:hidden}.xc-case-opening .xc-actionbar{flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:20px 0 24px;display:flex}.xc-case-opening .xc-sound{color:#bcb9b2;background:0 0;padding:0 3px;font-size:12px}.xc-case-opening .xc-sound:hover{color:#fff3d7}.xc-case-opening .xc-open{color:#fff;letter-spacing:1px;background:#668237;border:1px solid #829954;min-width:169px;padding:0 30px;font-size:14px;font-weight:500;box-shadow:inset 0 1px #ffffff14}.xc-case-opening .xc-open:hover:not(:disabled){background:#789544}.xc-case-opening .xc-result{--xc-rarity:#caae6c;text-align:center;background:radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--xc-rarity) 19%, #17181e), #141519f5 76%);border-block:1px solid color-mix(in srgb, var(--xc-rarity) 35%, transparent);flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:46px 16px 6px;display:flex;position:absolute;inset:0}.xc-case-opening .xc-result-object{z-index:2;flex:none;position:relative}.xc-case-opening .xc-result-object .xc-object{width:150px;height:98px;box-shadow:0 12px 24px #0008, 0 0 35px color-mix(in srgb, var(--xc-rarity) 22%, transparent), inset 0 0 0 4px #0002, inset 0 0 0 5px #ffffff20;animation:6s ease-in-out .55s infinite xc-card-idle;overflow:hidden}.xc-case-opening .xc-result-object .xc-object b{font-size:48px}.xc-case-opening .xc-result-object .xc-object[data-kind=jackpot] b{font-size:42px}.xc-case-opening .xc-result-object .xc-object small{font-size:14px}.xc-case-opening .xc-result-object .xc-object:before{font-size:8px;top:8px;left:12px;right:12px}.xc-case-opening .xc-result-object .xc-object:after{font-size:9px;bottom:7px;right:12px}.xc-case-opening .xc-ticket-sheen{pointer-events:none;background:linear-gradient(110deg,#0000 35%,#fff8 49%,#0000 63%);position:absolute;inset:-60%;transform:translate(-90%)}.xc-case-opening .xc-result[data-animate=true] .xc-ticket-sheen{animation:.65s ease-out .22s both xc-sheen}.xc-case-opening .xc-result-copy{z-index:4;max-width:100%;position:relative}.xc-case-opening .xc-result[data-animate=true] .xc-result-copy{animation:.32s .1s both xc-reveal}.xc-case-opening .xc-result-tier{color:var(--xc-rarity);letter-spacing:2px;font-size:11px}.xc-case-opening .xc-result-name{font-size:27px;font-weight:600;line-height:1.3;margin:5px 0 7px!important}.xc-case-opening .xc-result-use{color:#bdb9b5;font-size:11px}.xc-case-opening .xc-game[data-phase=locked] .xc-track .xc-item:not(.xc-winner),.xc-case-opening .xc-game[data-phase=result] .xc-track .xc-item:not(.xc-winner){filter:brightness(.4)saturate(.6)}.xc-case-opening .xc-game[data-phase=locked] .xc-pointer{box-shadow:0 0 16px #ffe9a8b3}.xc-case-opening .xc-game[data-phase=result] .xc-machine{opacity:.12}.xc-case-opening .xc-winner{background:linear-gradient(180deg, #323238, color-mix(in srgb, var(--xc-rarity) 24%, #24242a))}.xc-case-opening .xc-confetti-rain{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:hidden}.xc-case-opening .xc-confetti-rain i{top:0;left:var(--rain-x);width:var(--piece-w);height:var(--piece-h);margin-left:calc(var(--piece-w) / -2);opacity:0;background:var(--piece-color);border-radius:1px;position:absolute}.xc-case-opening .xc-award-light{z-index:0;pointer-events:none;--xc-flare:#ffb48e;--ray-peak:.78;--ray-rest:.16;--reveal-time:1.35s;--orbit-time:36s;display:none;position:absolute;inset:0;overflow:hidden}.xc-case-opening .xc-result[data-tier="2"] .xc-award-light,.xc-case-opening .xc-result[data-tier="3"] .xc-award-light,.xc-case-opening .xc-result[data-tier="4"] .xc-award-light,.xc-case-opening .xc-result[data-tier="5"] .xc-award-light{display:block}.xc-case-opening .xc-award-light i{display:block;position:absolute;top:40%;left:50%}.xc-case-opening .xc-rays{width:520px;height:520px;opacity:var(--ray-rest);background:repeating-conic-gradient(from 8deg, transparent 0deg 17deg, color-mix(in srgb, var(--xc-rarity) 65%, transparent) 20deg, var(--xc-flare) 21deg, transparent 25deg 40deg);animation:xc-orbit var(--orbit-time) linear infinite;transform:translate(-50%,-50%)rotate(12deg);-webkit-mask-image:radial-gradient(circle,#0000 7%,#000 14%,#0009 35%,#0000 67%);mask-image:radial-gradient(circle,#0000 7%,#000 14%,#0009 35%,#0000 67%)}.xc-case-opening .xc-halo{border:2px solid var(--xc-flare);opacity:0;width:230px;height:230px;box-shadow:0 0 24px var(--xc-rarity), inset 0 0 20px var(--xc-rarity);border-radius:50%;transform:translate(-50%,-50%)}.xc-case-opening .xc-flare{opacity:0;background:linear-gradient(90deg, transparent, var(--xc-flare) 35%, #fff5d9 50%, var(--xc-flare) 65%, transparent);width:85%;height:5px;box-shadow:0 0 16px var(--xc-rarity);transform:translate(-50%,-50%)}.xc-case-opening .xc-result[data-tier="2"] .xc-award-light{--xc-flare:#c5a6ff;--ray-peak:.42;--ray-rest:.12;--reveal-time:1s}.xc-case-opening .xc-result[data-tier="3"] .xc-award-light{--xc-flare:#e6a7f4;--ray-peak:.56;--ray-rest:.14}.xc-case-opening .xc-result[data-tier="2"] .xc-rays{width:440px;height:440px}.xc-case-opening .xc-result[data-tier="2"] .xc-halo,.xc-case-opening .xc-result[data-tier="2"] .xc-flare,.xc-case-opening .xc-result[data-tier="3"] .xc-halo{display:none}.xc-case-opening .xc-result[data-tier="5"] .xc-award-light{--xc-flare:#ffe7a1;--reveal-time:1.85s;--orbit-time:44s}.xc-case-opening .xc-result[data-tier="5"] .xc-rays{background:repeating-conic-gradient(from 6deg,#0000 0deg 10deg,#d5a73499 12deg,#fff0b9 13deg,#0000 17deg 28deg);width:660px;height:660px}.xc-case-opening .xc-result[data-animate=true] .xc-rays{animation:xc-rays var(--reveal-time) cubic-bezier(.16, 1, .3, 1) forwards, xc-orbit var(--orbit-time) var(--reveal-time) linear infinite}.xc-case-opening .xc-result[data-animate=true] .xc-halo{animation:.9s ease-out both xc-halo}.xc-case-opening .xc-result[data-animate=true] .xc-flare{animation:.65s ease-out both xc-flare}.xc-case-opening .xc-result[data-tier="5"] .xc-result-object .xc-object{box-shadow:0 12px 24px #0008,0 0 52px #edc55966,inset 0 0 0 4px #0002,inset 0 0 0 5px #fff2bb55}.xc-case-opening .xc-pool-title{color:#d1ccc7;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;display:flex}.xc-case-opening .xc-pool-title span:last-child{color:#a49d99;font-size:11px}.xc-case-opening .xc-pool{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;display:grid}.xc-case-opening .xc-pool .xc-item{border-bottom-width:3px;justify-content:flex-end;align-items:center;width:auto;min-width:0;height:110px;padding-bottom:7px}.xc-case-opening .xc-pool .xc-object{width:67px;height:44px}.xc-case-opening .xc-pool .xc-object b{font-size:23px}.xc-case-opening .xc-pool .xc-object small{font-size:8px}.xc-case-opening .xc-pool .xc-object:before{letter-spacing:.4px;padding-bottom:1px;font-size:4px;top:3px;left:5px;right:5px}.xc-case-opening .xc-pool .xc-object:after{font-size:4px;bottom:2px}.xc-case-opening .xc-pool .xc-item-name{margin:9px 7px 0;font-size:11px}.xc-case-opening .xc-pool .xc-item-tier{margin:1px 7px 0;font-size:11px}.xc-case-opening .xc-pool .xc-item-code{font-size:7px;top:5px;left:6px}.xc-case-opening .xc-footer{border-top:1px solid var(--xc-line);color:#ada6a0;align-items:flex-start;gap:7px;margin-top:20px;padding-top:15px;font-size:11px;display:flex}.xc-case-opening .xc-footer svg{flex:none;width:13px;height:13px;margin-top:1px}@keyframes xc-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes xc-sheen{0%{transform:translate(-90%)}to{transform:translate(90%)}}@keyframes xc-rays{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-16deg)}16%{opacity:var(--ray-peak)}to{opacity:var(--ray-rest);transform:translate(-50%,-50%)scale(1)rotate(12deg)}}@keyframes xc-orbit{0%{transform:translate(-50%,-50%)rotate(12deg)}to{transform:translate(-50%,-50%)rotate(372deg)}}@keyframes xc-card-idle{0%,to{transform:perspective(320px)translate(0)rotateY(-16deg)rotate(-11deg)}50%{transform:perspective(320px)translate(3px)rotateY(-4deg)rotate(-8deg)}}@keyframes xc-halo{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)}12%{opacity:.65}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}@keyframes xc-flare{0%{opacity:0;transform:translate(-50%,-50%)scaleX(.15)}18%{opacity:.8}to{opacity:0;transform:translate(-50%,-50%)scaleX(1.25)}}@container xcase (width<=580px){.xc-case-opening .xc-content{padding:24px 18px 16px}.xc-case-opening .xc-pool{grid-template-columns:repeat(4,minmax(0,1fr))}.xc-case-opening .xc-reel-window{--xc-card-width:132px;height:180px}.xc-case-opening .xc-topbar{padding-left:18px}}@container xcase (width<=400px){.xc-case-opening .xc-heading{gap:14px;margin-bottom:24px}.xc-case-opening .xc-heading h2{font-size:24px}.xc-case-opening .xc-eyebrow{letter-spacing:2px;font-size:8px}.xc-case-opening .xc-case-thumb{flex-basis:64px;width:64px}.xc-case-opening .xc-pool{grid-template-columns:repeat(3,minmax(0,1fr))}.xc-case-opening .xc-reel-window{--xc-card-width:120px;height:174px}.xc-case-opening .xc-open{min-width:150px;padding:0 17px}.xc-case-opening .xc-result-name{font-size:25px}.xc-case-opening .xc-pool-title span:last-child{font-size:11px}.xc-case-opening .xc-topbar{padding-right:72px}}@media (prefers-reduced-motion:reduce){.xc-case-opening .xc-game:not([data-inspecting]) *,.xc-case-opening .xc-game:not([data-inspecting]) :before,.xc-case-opening .xc-game:not([data-inspecting]) :after{transition:none!important;animation:none!important}.xc-case-opening .xc-game:not([data-inspecting]) .xc-confetti-rain,.xc-case-opening .xc-game:not([data-inspecting]) .xc-award-light{display:none!important}}.xc-case-opening .xc-probability{color:#ccc4b4;background:0 0;padding:0 8px;font-size:12px}.xc-case-opening .xc-error{color:#f7b6b9;margin:12px 0;font-size:13px}.xc-case-opening .xc-pool .xc-item-name{white-space:normal;overflow-wrap:anywhere;min-height:30px;line-height:1.3}.xc-case-opening .xc-pool .xc-item{height:126px}.xc-case-opening .xc-result-name{overflow-wrap:anywhere}.xc-case-opening .xc-result-due{color:#ddd7cd;margin-top:12px;font-size:13px}.xc-case-opening .xc-result-due strong{color:#fff1cc;margin-left:4px;font-size:18px}.xc-case-opening .xc-inventory{margin-top:12px}.xc-case-opening .xc-inventory>summary{cursor:pointer;color:#c7bdb5;padding:10px 0;font-size:12px}.xc-case-opening .xc-game[aria-busy=true] .xc-inventory{pointer-events:none}@container xcase (width<=340px){.xc-case-opening .xc-content{padding:20px 12px 14px}.xc-case-opening .xc-topbar{padding:14px 64px 14px 12px}.xc-case-opening .xc-actionbar{gap:8px}.xc-case-opening .xc-open{min-width:140px;padding:0 12px;font-size:13px}.xc-case-opening .xc-heading h2{font-size:21px}.xc-case-opening .xc-result-name{font-size:23px}}@media (max-width:640px){.xc-case-opening .xc-game{border-radius:0;flex-direction:column;min-height:100dvh;display:flex}.xc-case-opening .xc-content{flex-direction:column;flex:1;display:flex}.xc-case-opening .xc-stage{flex:1}}.practice-case.animation-inspection-case{overflow:visible}.animation-inspector{z-index:10;width:100%;min-width:0;max-width:480px;max-height:min(40dvh,440px);padding:14px 14px calc(14px + env(safe-area-inset-bottom));color:#e9e4da;background:#151719;border:1px solid #393b3e;border-radius:10px;margin:12px auto 0;font-size:12px;position:sticky;bottom:0;overflow-y:auto;box-shadow:0 -8px 24px #0004}.animation-inspector button{min-width:44px;min-height:44px;color:inherit;background:#232528;border:1px solid #414347;border-radius:6px;padding:8px}.animation-inspector button[aria-pressed=true]{color:#ffe3a7;background:#393124;border-color:#c3a469}:is(.animation-inspector button:focus-visible,.animation-inspector input:focus-visible,.animation-inspector summary:focus-visible){outline-offset:3px;outline:2px solid #e6c47d}.animation-inspector button:disabled{opacity:.4}.animation-inspector-status{flex-wrap:wrap;justify-content:space-between;gap:6px;margin-bottom:12px;display:flex}.animation-inspector-status strong{color:#e6c47d;font-weight:600}.animation-inspector-status output{color:#b6b2ac;font-variant-numeric:tabular-nums}.animation-inspector-transport{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.animation-inspector-transport button{gap:5px;font-size:12px}.animation-inspector-timeline{color:#b6b2ac;margin-top:12px;display:block}.animation-inspector-timeline input{accent-color:#dfbd78;width:100%;min-height:44px;margin:0;padding:0;display:block}.animation-inspector-light{margin-bottom:12px}.animation-inspector-light output{float:right;color:#e6c47d;font-variant-numeric:tabular-nums}.animation-inspector-light small{font-size:11px}.animation-inspector-options{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:12px;display:flex}.animation-inspector-options>div{gap:5px;display:flex}.animation-inspector-frames{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:5px;display:grid}.animation-inspector-milestones{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.animation-inspector-milestones button{flex:auto;font-size:12px}.animation-inspector-more summary{color:#b6b2ac;cursor:pointer;min-height:44px;padding:13px 0}