.beam-page{gap:28px;padding-bottom:8px;display:grid}.beam{--b-panel:var(--art-c-panel,#49383a);--b-panel-text:var(--art-c-panelText,#fff5ee);--b-panel-line:var(--art-c-panelLine,#fff5ee2e);--b-accent:var(--art-c-accent,#a83e34);--b-on-accent:var(--art-c-onAccent,#fffaf4);--b-plate:var(--art-c-plate,#edf5f6);--b-text:var(--art-c-text,#173452);--b-ink:var(--art-c-ink,#284354);--b-dot:var(--art-c-dot,#173f73);--b-dot-soft:var(--art-c-dotSoft,#637c9a);--b-wall:var(--art-c-wall,#c87666);--b-special:var(--art-c-special,#9c3f75);--b-gap:12px;gap:var(--b-gap);height:clamp(560px, calc(100svh - var(--header-h)), 960px);padding:var(--b-gap);box-sizing:border-box;width:100%;max-width:1760px;scroll-margin-top:var(--header-h);grid-template:"panel stage"minmax(0,1fr)"actions stage"/320px minmax(0,1fr);margin:0 auto;display:grid}.beam__panel{overscroll-behavior:contain;background:var(--b-panel);min-height:0;color:var(--b-panel-text);scrollbar-width:thin;border-radius:18px 18px 6px 6px;grid-area:panel;padding:18px 16px;overflow-y:auto}.beam__title{letter-spacing:-.01em;margin:0 0 14px;font-size:1.2rem;font-weight:800;line-height:1.25}.beam__skins{margin:-4px -16px 14px}.beam__skins ul{overscroll-behavior-x:contain;scrollbar-width:none;gap:6px;margin:0;padding:0 16px 2px;list-style:none;display:flex;overflow-x:auto;-webkit-mask:linear-gradient(90deg,#0000 0,#000 24px calc(100% - 24px),#0000);mask:linear-gradient(90deg,#0000 0,#000 24px calc(100% - 24px),#0000)}.beam__skins ul::-webkit-scrollbar{display:none}.beam__skin{border:1px solid var(--b-panel-line);min-height:46px;color:var(--b-panel-text);white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:.86rem;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s;display:flex}.beam__skin img,.beam__skinTone{border-radius:22.5%;flex:none;width:36px;height:36px}.beam__skinTone{background:var(--tone)}.beam__skin:hover{background:#ffffff0f}.beam__skin.is-on{border-color:var(--b-plate);background:#ffffff14}.beam__skin[aria-disabled=true]{opacity:.5;cursor:default}.beam__skin:focus-visible{outline:2px solid var(--b-plate);outline-offset:2px}.beam__form{flex-direction:column;gap:20px;margin:0;display:flex}.beam__form.is-compact .beam__more{display:none}.beam__label{color:var(--b-panel-text);opacity:.82;white-space:nowrap;padding:0;font-size:.86rem;font-weight:600}.beam__set{border:0;justify-content:space-between;align-items:center;gap:12px;min-width:0;margin:0;padding:0;display:flex}.beam__set--stack{justify-content:stretch;gap:8px;display:grid}.beam__head{align-items:center;gap:8px;display:flex}.beam__count{opacity:.7;font-variant-numeric:tabular-nums;margin-left:auto;font-size:.8rem;font-weight:700}.beam__seg{background:#ffffff12;border-radius:12px;gap:3px;padding:3px;display:flex}.beam__segBtn{min-height:42px;color:var(--b-panel-text);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1 1 0;padding:0 8px;font-size:.92rem;font-weight:650;transition:background-color .15s,color .15s}.beam__segBtn:hover:not(:disabled):not(.is-on){background:#ffffff12}.beam__segBtn.is-on{background:var(--b-plate);color:var(--b-text)}.beam__segBtn:disabled{opacity:.4;cursor:default}.beam__seg--sm{border-radius:10px;padding:2px}.beam__seg--sm .beam__segBtn{border-radius:8px;min-height:36px;font-size:.86rem}@media (pointer:coarse){.beam__seg--sm .beam__segBtn{min-height:40px}}.beam__people{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.beam__person{border:1px solid var(--b-panel-line);border-radius:999px;align-items:center;display:flex}.beam__person.is-on{border-color:var(--b-plate);background:var(--b-plate);color:var(--b-text)}.beam__personBtn,.beam__personAdd{min-height:34px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:.86rem;font-weight:700}.beam__person:not(.is-on) .beam__personBtn{color:var(--b-panel-text)}.beam__person.is-on .beam__personBtn{cursor:default;padding-right:2px}.beam__personDel{width:30px;height:30px;color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.beam__personDel svg{width:14px;height:14px}.beam__personDel:hover{opacity:1}.beam__personAdd{border:1px dashed var(--b-panel-line);color:var(--b-panel-text);opacity:.85;align-items:center;gap:4px;font-weight:650;display:inline-flex}.beam__personAdd svg{width:14px;height:14px}@media (pointer:coarse){.beam__personBtn,.beam__personAdd{min-height:40px}.beam__personDel{width:40px;height:40px}}.beam__profile{background:#ffffff0f;border-radius:14px;display:grid;overflow:hidden}.beam__dob{grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1.25fr);display:grid}.beam__cell{min-width:0;display:block}.beam__cell+.beam__cell{border-left:1px solid var(--b-panel-line)}.beam__row{border-top:1px solid var(--b-panel-line);display:block}.beam__input{box-sizing:border-box;width:100%;min-height:48px;color:var(--b-panel-text);font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;appearance:none;background:0 0;border:0;padding:0 12px;font-size:1rem;font-weight:650}select.beam__input{cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' stroke='%23fff' stroke-opacity='.55' stroke-width='1.6'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E") right 10px center/10px 6px no-repeat;padding-right:22px}select.beam__input.is-empty{color:color-mix(in srgb, var(--b-panel-text) 48%, transparent);font-weight:600}select.beam__input option{color:initial}.beam__cell--year .beam__input{letter-spacing:.04em;font-variant-numeric:tabular-nums}.beam__input::placeholder{color:var(--b-panel-text);opacity:.45;letter-spacing:0}.beam__input[aria-invalid=true]{box-shadow:inset 0 0 0 2px #e5847a}.beam__profile .beam__input:focus-visible{box-shadow:inset 0 0 0 2px var(--b-plate);outline:none}.beam__input--name{font-weight:600}.beam__facts{opacity:.78;margin:-2px 2px 0;font-size:.84rem;font-weight:650}.beam__err{color:#f2a59c;margin:-2px 2px 0;font-size:.82rem;font-weight:650}.beam__text{box-sizing:border-box;border:1px solid var(--b-panel-line);width:100%;min-height:46px;color:var(--b-panel-text);font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff0f;border-radius:12px;padding:0 12px;font-size:1rem;font-weight:650}.beam__text::placeholder{color:var(--b-panel-text);opacity:.42}.beam__area{resize:vertical;min-height:132px;padding:10px 12px;font-size:.95rem;line-height:1.5}.beam__presets{flex-wrap:wrap;gap:6px;display:flex}.beam__preset{border:1px solid var(--b-panel-line);min-height:34px;color:var(--b-panel-text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:0 12px;font-size:.82rem;font-weight:650}.beam__preset:hover:not(:disabled):not(.is-on){background:#ffffff12}.beam__preset.is-on{border-color:var(--b-plate);background:#ffffff1f}@media (pointer:coarse){.beam__preset{min-height:40px}}.beam__week{justify-content:stretch;gap:8px;display:grid}.beam__cal{width:36px;height:36px;color:var(--b-panel-text);cursor:pointer;background:#ffffff12;border:0;border-radius:10px;place-items:center;margin-left:auto;padding:0;display:grid}.beam__cal svg{width:18px;height:18px}@media (pointer:coarse){.beam__cal{width:40px;height:40px}}.beam__calInput{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.beam__head{position:relative}.beam__weekList{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;width:100%;margin:0;padding:0;list-style:none;display:grid}.beam__weekDay{width:100%;min-height:60px;color:var(--b-panel-text);font:inherit;cursor:pointer;background:#ffffff0f;border:0;border-radius:10px;justify-items:center;gap:1px;padding:6px 0 5px;display:grid;position:relative}.beam__weekDow{opacity:.8;font-size:.72rem;font-weight:700}.beam__weekDate{opacity:.6;font-variant-numeric:tabular-nums;font-size:.68rem;font-weight:600}.beam__weekNum{font-variant-numeric:tabular-nums;margin-top:2px;font-size:1.05rem;font-weight:800}.beam__weekMark{background:var(--b-special);width:6px;height:6px;box-shadow:0 0 0 1.5px var(--b-panel);border-radius:50%;position:absolute;top:5px;right:5px}.beam__weekDay.is-on{background:var(--b-plate);color:var(--b-text)}.beam__weekDay.is-on .beam__weekMark{box-shadow:0 0 0 1.5px var(--b-plate)}.beam__weekDay:hover:not(:disabled):not(.is-on){background:#ffffff1a}.beam__weekDay:disabled{cursor:default}.beam__picked{background:var(--b-plate);color:var(--b-text);border-radius:999px;justify-self:start;align-items:center;gap:4px;margin:0;padding:0 0 0 12px;font-size:.86rem;font-weight:750;display:flex}.beam__pickedX{width:34px;height:34px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.beam__pickedX svg{width:14px;height:14px}.beam__switch{cursor:pointer;min-height:44px;font-size:.92rem;font-weight:600}.beam__switch input{background:var(--b-panel-line);appearance:none;cursor:pointer;border-radius:13px;flex:none;width:44px;height:26px;margin:0;transition:background-color .18s;position:relative}.beam__switch input:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;position:absolute;top:3px;left:3px}.beam__switch input:checked{background:var(--b-accent)}.beam__switch input:checked:after{transform:translate(18px)}.beam__tune{width:100%;min-height:44px;color:var(--b-panel-text);font:inherit;cursor:pointer;background:#ffffff12;border:0;border-radius:12px;align-items:center;gap:8px;padding:0 12px;font-size:.92rem;font-weight:600;display:flex}.beam__tune svg{width:18px;height:18px}.beam__chev{margin-left:auto;transition:transform .2s}.beam__tune[aria-expanded=true] .beam__chev{transform:rotate(180deg)}.beam__more{background:#ffffff0d;border-radius:14px;margin-top:-8px;padding:2px 14px;display:grid}.beam__more>.beam__set{border-top:1px solid var(--b-panel-line);min-height:50px;padding:8px 0}.beam__more>.beam__set:first-child{border-top:0}.beam__wipe{border:1px solid var(--b-panel-line);min-height:36px;color:var(--b-panel-text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:.84rem;font-weight:650;display:inline-flex}.beam__wipe svg{width:16px;height:16px}.beam__actions{background:var(--b-panel);border-radius:6px 6px 18px 18px;flex-wrap:nowrap;grid-area:actions;gap:8px;min-width:0;padding:10px;display:flex}.beam__go,.beam__stop,.beam__chipBtn{min-height:52px;font:inherit;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:700;transition:transform .12s,opacity .15s;display:inline-flex}.beam__go{background:var(--b-accent);min-width:0;color:var(--b-on-accent);text-align:center;text-wrap:balance;flex:60%;padding:0 12px;font-size:1.08rem;line-height:1.12;overflow:hidden}.beam__go:hover:not(:disabled){transform:translateY(-1px)}.beam__go:active:not(:disabled){transform:translateY(1px)}.beam__go:disabled{opacity:.55;cursor:default}.beam__stop{color:var(--b-panel-text);background:#ffffff1a;flex:60%;font-size:1.02rem}.beam__stop svg,.beam__chipBtn svg{width:18px;height:18px}.beam__chipBtn{width:52px;color:var(--b-panel-text);background:#ffffff1a;flex:none;padding:0;font-size:.92rem}.beam__chipText{display:none}.beam.is-full .beam__chipText{display:inline}.beam.is-full .beam__chipBtn{width:auto;padding:0 14px}.beam__stage{background:var(--b-wall);isolation:isolate;border-radius:18px;grid-area:stage;min-width:0;min-height:0;position:relative;overflow:hidden;container-type:size}.beam__stage picture{position:absolute;inset:0}.beam__backdrop{object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.beam__scene--wide,.skin__scene--wide,.beam__plate,.beam__info{--iw:max(100cqw, 177.78cqh);--ih:max(100cqh, 56.25cqw);--il:calc((100cqw - var(--iw)) / 2);--it:calc((100cqh - var(--ih)) / 2);--x0:var(--wx0);--y0:var(--wy0);--x1:var(--wx1);--y1:var(--wy1);--u:1}.beam__scene--tall,.skin__scene--tall{--iw:max(100cqw, 80.03cqh);--ih:max(100cqh, 124.96cqw);--il:calc((100cqw - var(--iw)) / 2);--it:calc((100cqh - var(--ih)) / 2);--u:1.9;display:none}@media (max-width:899px) and (orientation:portrait){.beam__stage.has-tall .beam__scene--wide,.beam__stage.has-tall .skin__scene--wide{display:none}.beam__stage.has-tall .beam__scene--tall,.beam__stage.has-tall .skin__scene--tall{display:block}.beam__stage.has-tall .beam__plate,.beam__stage.has-tall .beam__info{--iw:max(100cqw, 80.03cqh);--ih:max(100cqh, 124.96cqw);--x0:var(--tx0);--y0:var(--ty0);--x1:var(--tx1);--y1:var(--ty1)}}.beam__scene,.skin__scene{pointer-events:none;position:absolute;inset:0}.beam__leaf{z-index:2;height:calc(var(--lh) * var(--ih) / 100);width:calc(var(--lw,calc(var(--lh) * var(--lar) * var(--ih) / var(--iw))) * var(--iw) / 100);transform-origin:0;will-change:transform;position:absolute}.beam__leaf.is-right{margin-left:calc(-1 * var(--lw,10) * var(--iw) / 100);transform-origin:100%}.beam__leaf i{filter:drop-shadow(0 2px 3px #281e2847);background:50%/100% 100% no-repeat;position:absolute;inset:0}.beam__leaf.is-right i{transform:scaleX(-1)}.beam__awning{z-index:2;width:calc(var(--aw) * var(--iw) / 100);aspect-ratio:480/160;transform-origin:top;background:top/100% 100% no-repeat;position:absolute}.beam__weight{z-index:3;width:calc(2.6 * var(--u) * var(--iw) / 100);aspect-ratio:90/290;margin-left:calc(-1.3 * var(--u) * var(--iw) / 100);background:top/contain no-repeat;position:absolute}.beam__chime{z-index:3;width:calc(5.1 * var(--u) * var(--iw) / 100);aspect-ratio:140/300;transform:translate(calc(var(--hx) * -100%), calc(var(--hy) * -100%));transform-origin:calc(var(--hx) * 100%) calc(var(--hy) * 100%);position:absolute}.beam__chime i{transform-origin:inherit;background:50%/contain no-repeat;position:absolute;inset:0}.beam__chime.is-ring i{animation:1.6s cubic-bezier(.3,.5,.3,1) both beam-chime}.beam__chime.is-long i{animation-duration:2.6s}@keyframes beam-chime{0%{transform:rotate(0)}18%{transform:rotate(7deg)}40%{transform:rotate(-5deg)}62%{transform:rotate(3deg)}82%{transform:rotate(-1.2deg)}to{transform:rotate(0)}}.beam__sparrow{z-index:4;width:calc(6 * var(--u) * var(--iw) / 100);aspect-ratio:150/125;transform:translate(calc(var(--fx) * -100%), calc(var(--fy) * -100%));cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute}.beam__sparrow.is-flip{scale:-1 1}.beam__pose{opacity:0;background:bottom/contain no-repeat;position:absolute;inset:0}.beam__pose--0{opacity:1}.beam__sparrow.is-peck .beam__pose--0{animation:.9s step-end .25s both beam-pose-off}.beam__sparrow.is-peck .beam__pose--1{animation:.9s step-end .25s both beam-pose-on}.beam__sparrow.is-hop{animation:1.1s cubic-bezier(.3,.6,.3,1) .2s both beam-hop}.beam__sparrow.is-hop .beam__pose--0{animation:.8s step-end .2s both beam-pose-off}.beam__sparrow.is-hop .beam__pose--2{animation:.8s step-end .2s both beam-pose-on}@keyframes beam-pose-on{0%{opacity:1}to{opacity:0}}@keyframes beam-pose-off{0%{opacity:0}to{opacity:1}}@keyframes beam-hop{0%,to{translate:0}35%{translate:0 -38%}60%{translate:0 -10%}}.beam__plate{z-index:5;left:calc(var(--il) + var(--x0) * var(--iw) / 100);top:calc(var(--it) + var(--y0) * var(--ih) / 100);width:calc((var(--x1) - var(--x0)) * var(--iw) / 100);height:calc((var(--y1) - var(--y0)) * var(--ih) / 100);position:absolute;overflow:hidden;container-type:size}.beam__info{z-index:6;left:calc(var(--il) + var(--x0) * var(--iw) / 100);width:calc((var(--x1) - var(--x0)) * var(--iw) / 100);top:calc(var(--it) + (var(--y0) + (var(--y1) - var(--y0)) * .7) * var(--ih) / 100);height:calc((var(--y1) - var(--y0)) * .27 * var(--ih) / 100);color:var(--b-text);align-content:center;display:grid;position:absolute;container-type:size}@media (max-width:899px) and (orientation:portrait){.beam__stage.has-tall .beam__info{width:calc(100cqw - 24px);height:auto;top:auto;bottom:12px;left:12px;container-type:inline-size}.beam__stage.has-tall .beam__result{background:color-mix(in srgb, var(--b-plate) 92%, transparent);border-radius:16px;gap:6px;padding:10px;box-shadow:0 2px 10px #3c1e1e2e}.beam__stage.has-tall .beam__chips{gap:5px}.beam__stage.has-tall .beam__chip{padding:.1em .6em;font-size:clamp(.76rem,3.6cqw,1.05rem)}.beam__stage.has-tall .beam__line{font-size:clamp(.8rem,3.7cqw,1rem)}.beam__stage.has-tall .beam__wall{padding-bottom:4cqh}}.beam__sun{opacity:0;pointer-events:none;background:radial-gradient(circle, color-mix(in srgb, var(--b-dot-soft) 34%, transparent) 0 26%, transparent 30%) 0 0 / 7.5cqh 7.5cqh, linear-gradient(105deg, transparent 30%, #fff8e28c 46%, #fff8e28c 56%, transparent 72%);position:absolute;inset:-20%}.beam__sun--top{background-image:radial-gradient(circle, color-mix(in srgb, var(--b-dot-soft) 34%, transparent) 0 26%, transparent 30%), linear-gradient(180deg, transparent 25%, #fff8e28c 44%, #fff8e28c 56%, transparent 75%)}.beam__wall{box-sizing:border-box;height:100%;color:var(--b-text);grid-template-rows:auto minmax(0,1fr);padding:4.5cqh 5cqw 31cqh;display:grid;position:relative}.beam__who{letter-spacing:.06em;text-transform:uppercase;min-height:1.3em;color:var(--b-ink);opacity:.85;flex-wrap:wrap;justify-content:center;gap:0 .5em;margin:0;font-size:clamp(.875rem,3.9cqh,1.15rem);font-weight:700;line-height:1.3;display:flex}.beam__whoName{color:var(--b-text);font-weight:800}.beam__whoName+span:before{content:"·";margin-right:.5em}@container (max-width:260px){.beam__who{align-content:start;min-height:2.6em}.beam__whoName{text-align:center;flex-basis:100%}.beam__whoName+span:before{content:none}}.beam__numBox{min-height:0;margin-top:2cqh;position:relative}.beam__main{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.beam__holes{opacity:.05;transition:opacity .5s}.beam[data-phase=shown] .beam__holes,.beam__card.is-in .beam__holes{opacity:0}.beam__main pattern circle,.beam__cardNum pattern circle{fill:var(--b-dot-soft)}.beam__dot{fill:var(--b-dot);transform-box:fill-box;transform-origin:50%}.beam__decoy{fill:var(--b-dot-soft);transform-box:fill-box;transform-origin:50%}.beam__wall.is-special .beam__dot,.is-special .beam__dot{fill:var(--b-special)}.beam__quick{place-items:center;display:grid;position:absolute;inset:0}.beam__quickInput{box-sizing:border-box;border:2px solid color-mix(in srgb, var(--b-dot) 40%, transparent);background:color-mix(in srgb, var(--b-plate) 92%, transparent);width:min(70%,15em);min-height:52px;color:var(--b-text);font:inherit;text-align:center;letter-spacing:.06em;font-variant-numeric:tabular-nums;border-radius:14px;padding:0 16px;font-size:clamp(1.05rem,9cqh,1.6rem);font-weight:800}.beam__quickInput::placeholder{color:var(--b-ink);opacity:.6;letter-spacing:0;font-weight:700}.beam__quickInput:focus-visible{outline:3px solid var(--b-accent);outline-offset:2px}.beam__result{gap:6cqh;animation:.4s ease-out both beam-in;display:grid}.beam__chip+.beam__chip{border-left:1px solid color-mix(in srgb, var(--b-text) 22%, transparent)}.beam__chips{flex-wrap:wrap;justify-content:center;gap:6px 0;margin:0;padding:0;list-style:none;display:flex}.beam__chip{white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:.45em;padding:.1em .9em;font-size:clamp(.74rem,19cqh,1.35rem);font-weight:750;display:inline-flex}.beam__chipKey{color:var(--b-ink);font-weight:600}.beam__swatch{border-radius:50%;width:.9em;height:.9em;box-shadow:inset 0 0 0 1px #0000001f}.beam__line{color:var(--b-ink);text-align:center;text-wrap:balance;margin:0;font-size:clamp(.74rem,17cqh,1.25rem);font-weight:650}.beam__fun{opacity:.7;white-space:nowrap;font-size:.82em;font-weight:600}.beam__tag{background:var(--b-special);color:#fff;border-radius:999px;margin-right:.5em;padding:.1em .6em;font-weight:800;display:inline-block}@keyframes beam-in{0%{opacity:0;transform:translateY(1.2cqh)}}.beam__grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));box-sizing:border-box;grid-auto-rows:minmax(0,1fr);gap:1.6cqh 1.6cqw;height:100%;margin:0;padding:3cqh 3cqw;list-style:none;display:grid}.beam__card{background:color-mix(in srgb, var(--b-plate) 70%, transparent);min-width:0;min-height:0;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--b-text) 8%, transparent);color:var(--b-text);border-radius:10px;grid-template-rows:auto minmax(0,1fr);justify-items:center;padding:.8cqh .6cqw;display:grid;position:relative;container:beamcard/inline-size}.beam__cardName{max-width:100%;font-size:clamp(.62rem, calc(32cqh / var(--cols)), 1.1rem);white-space:nowrap;text-overflow:ellipsis;font-weight:750;overflow:hidden}.beam__cardDot{border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}@container beamcard (max-width:110px){.beam__cardPre{display:none}.beam__cardDot{width:6px;height:6px;top:4px;right:4px}}.beam__cardNum{width:100%;height:100%;min-height:0}.beam__cardNum--bad{color:var(--b-ink);place-items:center;font-weight:800;display:grid}.beam__card.is-in{animation:beam-card .5s calc(var(--k,0) * 70ms) cubic-bezier(.2, .8, .2, 1) both}.beam__card.is-twin{box-shadow:inset 0 0 0 2px var(--b-accent)}.beam__card.is-special .beam__dot{fill:var(--b-special)}@keyframes beam-card{0%{opacity:.2;transform:scale(.94)}}.beam__onStage{z-index:7;gap:8px;animation:.4s ease-out .2s both beam-in;display:flex;position:absolute;bottom:clamp(12px,3cqh,28px);left:50%;transform:translate(-50%)}.beam__next,.beam__stageShare{min-height:48px;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:800;transition:transform .12s;display:inline-flex;box-shadow:0 6px 18px #3c1e1e3d}.beam__next{background:var(--b-accent);color:var(--b-on-accent);padding:0 20px 0 24px;font-size:1.02rem}.beam__next svg,.beam__stageShare svg{width:18px;height:18px}.beam__stageShare{background:color-mix(in srgb, var(--b-plate) 94%, transparent);width:48px;color:var(--b-text);padding:0}.beam__next:hover,.beam__stageShare:hover{transform:translateY(-1px)}.beam__next:focus-visible,.beam__stageShare:focus-visible{outline:2px solid var(--b-plate);outline-offset:2px}@media (max-width:899px){.beam__onStage{display:none}}.beam__tools{z-index:8;gap:8px;display:flex;position:absolute;top:10px;right:10px}.beam__tool{background:color-mix(in srgb, var(--b-plate) 90%, transparent);width:42px;height:42px;color:var(--b-text);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 1px 3px #281e283d}.beam__tool svg{width:20px;height:20px}.beam__event{z-index:6;background:color-mix(in srgb, var(--b-plate) 88%, transparent);max-width:40cqw;color:var(--b-text);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;margin:0;padding:4px 12px;font-size:.92rem;font-weight:800;position:absolute;top:12px;left:12px;overflow:hidden}.beam.is-full{background:var(--b-wall);grid-template:"stage"minmax(0,1fr)/minmax(0,1fr);max-width:none;height:100%;padding:0;position:relative}.beam.is-pseudo{z-index:1000;height:100dvh;position:fixed;inset:0}.beam.is-full .beam__panel{display:none}.beam.is-full .beam__stage{border-radius:0}.beam.is-full .beam__actions{z-index:10;background:color-mix(in srgb, var(--b-panel) 88%, transparent);border-radius:18px;width:min(620px,100% - 32px);position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.beam-page__more{box-sizing:border-box;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;width:100%;max-width:1180px;margin:0 auto;padding:0 20px 40px;display:grid}.beam-page__about{min-width:0}.beam-page__about .game__about{gap:12px;display:grid}.beam-page__about h2{margin:0;font-size:1.15rem;font-weight:700}.beam-page__about p{color:var(--label-2);margin:0;line-height:1.7}.beam-page__about a{color:var(--accent)}.beam__panel button:focus-visible,.beam__panel input:focus-visible,.beam__panel select:focus-visible,.beam__panel textarea:focus-visible,.beam__actions button:focus-visible{outline:2px solid var(--b-plate);outline-offset:2px}.beam__tool:focus-visible,.beam__sparrow:focus-visible{outline:2px solid var(--b-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.beam__go,.beam__segBtn,.beam__chev{transition:none}.beam__result,.beam__card.is-in,.beam__chime i,.beam__sparrow,.beam__pose{animation:none!important}}@media (max-width:899px){.beam{grid-template:"stage""actions""panel"/minmax(0,1fr);gap:8px;height:auto;padding:8px}.beam__stage{border-radius:16px;height:clamp(380px,min(118vw,64svh),760px)}.beam__actions{border-radius:16px}.beam__panel{border-radius:16px;overflow:visible}.beam-page__more{grid-template-columns:minmax(0,1fr);padding:0 14px 32px}}@media (min-width:560px) and (max-width:899px){.beam__chipText{display:inline}.beam__chipBtn{width:auto;padding:0 14px}}@media (max-width:899px) and (orientation:landscape) and (max-height:520px){.beam__stage{height:calc(100svh - 24px)}}.skin{--actor-w:9;--prop-w:5;--mark-w:6}.skin--nhietmau{--actor-w:10;--prop-w:6;--mark-w:6}.skin--daisao{--actor-w:22;--prop-w:6.5;--mark-w:7}.skin--vangten{--actor-w:11.5;--prop-w:7;--mark-w:8}.skin--daisao .skin__scene--tall{--u:1.15}.skin--vangten .skin__scene--tall{--u:1.35}.skin__actor{z-index:6;width:calc(var(--actor-w) * var(--u) * var(--iw) / 100);aspect-ratio:7/5;translate:calc(var(--fx) * -100%) calc(var(--fy) * -100%);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;position:absolute}.skin__pose{opacity:0;background:50%/contain no-repeat;position:absolute;inset:0}.skin__pose.is-rest{opacity:1}.skin__prop{z-index:5;width:calc(var(--prop-w) * var(--u) * var(--iw) / 100);aspect-ratio:1;translate:calc(var(--hx) * -100%) calc(var(--hy) * -100%);position:absolute}.skin__prop i{transform-origin:calc(var(--hx) * 100%) calc(var(--hy) * 100%);background:50%/contain no-repeat;position:absolute;inset:0}.skin__mark{z-index:6;width:calc(var(--mark-w) * var(--u) * var(--iw) / 100);aspect-ratio:1;opacity:0;background:50%/contain no-repeat;position:absolute;translate:-50% -50%}.skin__mark.is-on{animation:1.4s cubic-bezier(.2,.8,.2,1) .15s both skin-mark}@keyframes skin-mark{0%{opacity:0;transform:scale(.4)}35%{opacity:1;transform:scale(1.12)}70%{opacity:1;transform:scale(1)}to{opacity:.9;transform:scale(1)}}.bar__cold{fill:var(--b-dot-soft);opacity:.55}.bar__hot{fill:var(--b-dot)}.is-special .bar__hot{fill:var(--b-special)}.star__field{fill:var(--b-dot-soft);opacity:.7}.star__wait{fill:var(--b-dot-soft)}.star__link,.star__core{fill:var(--b-dot)}.star__halo{fill:var(--b-dot);opacity:.12}.is-special .star__link,.is-special .star__core{fill:var(--b-special)}.beam[data-phase=shown] .star__wait{opacity:0;transition:opacity .5s}.grain__rim{fill:var(--b-dot-soft);opacity:.8}.beam[data-phase=shown] .grain__rim{opacity:.35;transition:opacity .6s}@media (prefers-reduced-motion:reduce){.skin__mark.is-on{opacity:1;animation:none}}