.crit-stage{--crit-cabinet: #241a3a;--crit-cabinet-edge: #120c20;--crit-brass: #e8b84a;--crit-brass-dim: #9c7a2c;--crit-glass: #f6efdc;--crit-ink: #1b1428;--crit-text: #f4ecff;--crit-muted: #a99cc4;--crit-hot: #ff7a59;position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:center;padding:28px 32px;background:radial-gradient(ellipse at 40% 30%,#3a2a5c,#160f26 70%);color:var(--crit-text);font-family:Fredoka,Nunito,system-ui,sans-serif;overflow:hidden}.crit-stage--transparent{background:transparent}.crit-empty{grid-column:1 / -1;text-align:center;font-family:Space Mono,monospace;color:var(--crit-muted)}.crit-machine{justify-self:center;width:min(100%,980px,calc((100dvh - 340px) * 16 / 9 + 56px));padding:18px 22px 24px;border-radius:28px;background:linear-gradient(180deg,#31244d 0%,var(--crit-cabinet) 60%);border:3px solid var(--crit-brass-dim);box-shadow:0 0 0 6px var(--crit-cabinet-edge),0 24px 60px #0000008c,inset 0 2px #ffffff14}.crit-marquee{display:flex;justify-content:space-between;align-items:baseline;padding:0 6px 12px;font-weight:700;font-size:22px;letter-spacing:.04em;color:var(--crit-brass);text-transform:uppercase}.crit-marquee__lot{font-family:Space Mono,monospace;font-size:14px;color:var(--crit-muted);letter-spacing:.08em}.crit-window{position:relative;border-radius:16px;padding:6px;background:var(--crit-cabinet-edge);box-shadow:inset 0 0 0 2px var(--crit-brass-dim)}.crit-window__payline{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:10px;pointer-events:none;background:linear-gradient(180deg,#120c208c,#120c2000 14%,#120c2000 86%,#120c208c)}.crit-reels{position:relative;display:flex;width:100%;border-radius:10px;overflow:hidden;background:var(--crit-glass)}.crit-reel{position:relative;height:100%;overflow:hidden}.crit-reel+.crit-reel:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:#1b142840;z-index:2;transition:opacity .4s ease}.crit-reels--assembled .crit-reel+.crit-reel:before{opacity:0}.crit-reel__blur{position:absolute;top:0;right:0;bottom:0;left:0}.crit-reel__strip{position:absolute;inset:0 0 auto 0;display:flex;flex-direction:column;will-change:transform}.crit-reel__cell{position:relative;flex:none;width:100%}.crit-reels--assembled{animation:crit-assembled .52s ease-out}@keyframes crit-assembled{0%{box-shadow:0 0 #e8b84ae6}to{box-shadow:0 0 0 18px #e8b84a00}}.crit-part{position:absolute;top:0;right:0;bottom:0;left:0}.crit-part img{display:block;width:100%;height:100%;-o-object-fit:fill;object-fit:fill;-webkit-user-select:none;-moz-user-select:none;user-select:none}.crit-part--stub img{filter:grayscale(1) brightness(1.6) contrast(.55);opacity:.55}.crit-part__stub-label{position:absolute;left:50%;top:22%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;padding:4px 12px 6px;border-radius:10px;background:var(--crit-ink);color:var(--crit-glass);font-family:Space Mono,monospace;font-size:clamp(9px,1.1vw,13px);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;width:-moz-max-content;width:max-content}.crit-part__stub-label b{font-family:Fredoka,sans-serif;font-size:1.8em;letter-spacing:0;text-transform:none;color:var(--crit-brass)}.crit-seams{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.crit-seam{position:absolute;width:6px}.crit-seam--l{margin-left:-7px;background:#ff3c78bf}.crit-seam--r{margin-left:1px;background:#28aaffbf}.crit-nameplate{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:14px;min-height:170px}.crit-syllables{display:flex;gap:8px}.crit-syllable{min-width:92px;padding:6px 14px;border-radius:12px;background:var(--crit-cabinet-edge);border:2px solid #3d2f5c;color:var(--crit-muted);font-size:30px;font-weight:600;text-align:center;font-variant-numeric:tabular-nums}.crit-syllable--locked{border-color:var(--crit-brass);color:var(--crit-brass);animation:crit-lock .26s ease-out}.crit-syllable--idle{color:#5a4a7c}@keyframes crit-lock{0%{transform:scale(1.18)}to{transform:scale(1)}}.crit-reveal{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.crit-reveal--on{opacity:1;transform:none}.crit-reveal__species{font-size:54px;font-weight:700;line-height:1;font-style:italic;color:var(--crit-text);text-shadow:0 3px 0 var(--crit-cabinet-edge)}.crit-reveal__lineage{display:flex;gap:6px;font-family:Space Mono,monospace;font-size:14px;color:var(--crit-muted);text-transform:uppercase;letter-spacing:.06em}.crit-reveal__lineage i{font-style:normal;margin-right:6px;opacity:.5}.crit-reveal__lineage em{font-style:normal;margin-left:5px;color:var(--crit-brass-dim)}.crit-reveal__pet{font-size:20px;color:var(--crit-muted)}.crit-reveal__pet b{color:var(--crit-hot);font-weight:700}.crit-lots{display:flex;flex-direction:column;gap:10px}.crit-lot{position:relative;display:grid;grid-template-columns:30px 112px minmax(0,1fr);grid-template-rows:1fr auto auto 1fr;-moz-column-gap:10px;column-gap:10px;align-items:center;padding:8px 10px;border-radius:14px;background:#120c20bf;border:2px dashed #3d2f5c;min-height:79px}.crit-lot--filled{border-style:solid;border-color:var(--crit-brass-dim);animation:crit-lock .3s ease-out}.crit-lot__letter{grid-row:1 / -1;font-size:28px;font-weight:700;color:var(--crit-brass);text-align:center}.crit-lot .crit-portrait{grid-column:2;grid-row:1 / -1;border-radius:8px;background:var(--crit-glass)}.crit-lot__name{grid-column:3;grid-row:2;font-size:17px;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.crit-lot__species{grid-column:3;grid-row:3;font-size:14px;font-style:italic;color:var(--crit-muted)}.crit-lot__empty{grid-column:2 / -1;grid-row:1 / -1;font-family:Space Mono,monospace;font-size:12px;color:#5a4a7c;text-transform:uppercase;letter-spacing:.08em}.crit-portrait{position:relative;width:100%;overflow:hidden}.crit-portrait__slot{position:absolute;top:0;bottom:0}.crit-panel{position:fixed;left:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;width:250px;padding:12px;border-radius:12px;background:#0a0712e6;border:1px solid #3d2f5c;font-family:Inter,system-ui,sans-serif;font-size:13px;z-index:10}.crit-panel--closed{width:auto;padding:6px}.crit-panel__toggle{align-self:flex-end;font-size:11px;color:var(--crit-muted);text-transform:uppercase;letter-spacing:.08em}.crit-btn{padding:8px 10px;border-radius:8px;background:#2b2042;color:var(--crit-text);font-weight:600}.crit-btn:disabled{opacity:.5;cursor:default}.crit-btn--primary{background:var(--crit-brass);color:var(--crit-ink)}.crit-check{display:flex;gap:8px;align-items:center;color:var(--crit-text)}.crit-panel__meta{margin:0;font-size:11px;color:var(--crit-muted)}@media (max-width: 900px){.crit-stage{position:static;min-height:100dvh;grid-template-columns:1fr;padding:16px}.crit-lots{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.crit-syllable{min-width:64px;font-size:22px}.crit-reveal__species{font-size:38px}}.crit-portrait .crit-part__stub-label,.crit-walker .crit-part__stub-label{display:none}.crit-reel+.crit-reel,.crit-portrait__slot+.crit-portrait__slot{margin-left:-1px}.crit-stage--board{grid-template-columns:minmax(0,1fr)}.crit-board{justify-self:center;width:min(100%,1500px);display:flex;flex-direction:column;gap:18px}.crit-board__head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:0 4px}.crit-board__title{font-size:34px;font-weight:700;color:var(--crit-brass);text-transform:uppercase;letter-spacing:.04em}.crit-board__how{font-size:22px;color:var(--crit-text)}.crit-board__how kbd{display:inline-block;margin-left:6px;padding:2px 12px;border-radius:8px;background:var(--crit-brass);color:var(--crit-ink);font-family:Space Mono,monospace;font-weight:700}.crit-board__lots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.crit-card{position:relative;display:flex;flex-direction:column;gap:2px;padding:12px 12px 14px;border-radius:18px;background:linear-gradient(180deg,#31244d 0%,var(--crit-cabinet) 70%);border:2px solid #3d2f5c;box-shadow:0 0 0 4px var(--crit-cabinet-edge),0 16px 40px #00000073}.crit-card--bid{border-color:var(--crit-brass-dim)}.crit-card--won{border-color:var(--crit-brass)}.crit-card--unsold{opacity:.55}.crit-card__letter{position:absolute;top:-14px;left:-10px;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--crit-brass);color:var(--crit-ink);font-size:28px;font-weight:700;box-shadow:0 0 0 4px var(--crit-cabinet-edge);z-index:1}.crit-card .crit-portrait{border-radius:10px;background:var(--crit-glass);margin-bottom:8px}.crit-card__name{font-size:22px;font-weight:700;line-height:1.1}.crit-card__species{font-size:17px;font-style:italic;color:var(--crit-muted)}.crit-card__lineage{font-family:Space Mono,monospace;font-size:11px;color:#6f6290;text-transform:uppercase;letter-spacing:.06em}.crit-card__bid{display:flex;align-items:baseline;gap:8px;margin-top:10px;padding:8px 12px;border-radius:12px;background:var(--crit-cabinet-edge);min-height:52px;animation:crit-lock .3s ease-out}.crit-card__amount{font-size:34px;font-weight:700;line-height:1;color:var(--crit-brass)}.crit-card__amount:after{content:" tix";font-size:14px;font-weight:600;color:var(--crit-brass-dim)}.crit-card__who{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;color:var(--crit-text)}.crit-card__default{margin-top:6px;font-family:Space Mono,monospace;font-size:11px;color:var(--crit-hot)}.crit-feed{display:flex;gap:10px;flex-wrap:wrap;list-style:none;margin:0;padding:0 4px}.crit-feed__item{padding:6px 14px;border-radius:999px;background:#120c20cc;font-size:17px;animation:crit-lock .26s ease-out}.crit-feed__item:first-child{background:var(--crit-brass);color:var(--crit-ink);font-weight:600}.crit-feed__item--rejected,.crit-feed__item--rejected:first-child{background:#ff7a592e;color:var(--crit-hot);font-weight:500}.crit-hostbar{position:fixed;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:center;flex-wrap:wrap;gap:10px;max-width:calc(100vw - 32px);padding:10px 14px;border-radius:14px;background:#0a0712eb;border:1px solid #3d2f5c;font-family:Inter,system-ui,sans-serif;font-size:13px;z-index:10}.crit-hostbar__state{font-family:Space Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--crit-muted)}.crit-hostbar__group{display:flex;align-items:center;gap:4px;color:var(--crit-muted)}.crit-btn--small{padding:4px 8px;min-width:28px}.crit-hostbar__note{color:var(--crit-muted)}.crit-hostbar__error{color:var(--crit-hot)}@media (max-width: 900px){.crit-board__lots{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.crit-board__head{flex-direction:column}}.crit-stage--hosting{padding-bottom:84px}.crit-stage--hosting .crit-machine{width:min(100%,980px,calc((100dvh - 430px) * 16 / 9 + 56px))}.crit-stage--room{grid-template-columns:minmax(0,1fr);padding-left:290px}.crit-room{position:relative;justify-self:center;width:min(100%,1200px);aspect-ratio:16 / 9;max-height:calc(100dvh - 56px);border-radius:18px;overflow:hidden;background:#e9dcc3;box-shadow:0 0 0 6px var(--crit-cabinet-edge),0 24px 60px #0000008c}.crit-room__wall{position:absolute;inset:0 0 calc(100% - var(--floor-top)) 0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.035) 0 2px,transparent 2px 46px),linear-gradient(180deg,#d9c7e8,#cbb6dc);border-bottom:10px solid #8a6a4a}.crit-room__window{position:absolute;left:62%;top:14%;width:18%;height:52%;border-radius:8px;background:linear-gradient(180deg,#9fd3f0,#d7eef8);box-shadow:inset 0 0 0 8px #f4ecdc,0 0 0 3px #8a6a4a}.crit-room__floor{position:absolute;inset:var(--floor-top) 0 0 0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.06) 0 2px,transparent 2px 90px),linear-gradient(180deg,#b98a5c,#a4774c)}.crit-room__rug{position:absolute;left:22%;top:calc(var(--floor-top) + 14%);width:46%;height:26%;border-radius:50%;background:radial-gradient(ellipse at center,#c2504a 0,#c2504a 45%,#a63e3a 46%,#a63e3a 60%,#c2504a 61%);opacity:.85}.crit-walker{position:absolute;left:0;top:0;cursor:pointer;will-change:transform}.crit-walker__flip,.crit-walker__body{position:relative;width:100%}.crit-walker__body{transform-origin:50% 100%}.crit-walker__part{position:absolute;top:0;bottom:0}.crit-walker__part+.crit-walker__part{margin-left:-1px}.crit-walker__shadow{position:absolute;left:50%;bottom:-2%;width:70%;height:9%;border-radius:50%;background:#000;opacity:.35;filter:blur(4px);transform-origin:50% 50%}.crit-walker__tag{position:absolute;left:50%;top:14%;transform:translate(-50%);padding:2px 10px;border-radius:999px;background:#120c20bf;color:#fff;font-size:13px;font-weight:600;white-space:nowrap;opacity:0;transition:opacity .15s ease;pointer-events:none;z-index:1}.crit-walker:hover .crit-walker__tag{opacity:1}.crit-walker__heart{position:absolute;left:48%;top:20%;width:26px;height:26px;fill:#ff5a7a;pointer-events:none;z-index:2;animation:crit-heart 1.1s ease-out forwards}@keyframes crit-heart{0%{transform:translate(-50%) scale(.4);opacity:0}20%{transform:translate(-50%,-10px) scale(1.1);opacity:1}to{transform:translate(-50%,-70px) scale(.9);opacity:0}}.crit-tabs{display:flex;gap:4px;padding:3px;border-radius:9px;background:#1c1430}.crit-tabs button{flex:1;padding:6px;border-radius:7px;color:var(--crit-muted);font-weight:600}.crit-tabs .crit-tabs__on{background:#2b2042;color:var(--crit-text)}@media (max-width: 900px){.crit-stage--room{padding-left:16px}}.crit-panel{max-height:calc(100dvh - 32px);overflow-y:auto}.crit-parts{display:flex;flex-direction:column;gap:6px;padding-top:8px;border-top:1px solid #3d2f5c}.crit-parts__title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--crit-muted)}.crit-picker{display:grid;grid-template-columns:44px 26px minmax(0,1fr) 26px;gap:4px;align-items:center}.crit-picker__label{font-size:12px;color:var(--crit-muted)}.crit-picker select{min-width:0;padding:5px 6px;border-radius:7px;background:#2b2042;color:var(--crit-text);border:1px solid #3d2f5c;font-size:12px}.crit-picker select:disabled{opacity:.5}@media (min-width: 901px){.crit-stage--panel{padding-left:290px}}.crit-anim{--anim-c1: #ff8a5c;--anim-c2: #5cc8ff;--anim-c3: #b78cff;--anim-c4: #e8b84a;--anim-c5: #7ddc8a;--anim-c6: #ff6fa8;grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:18px;width:100%;height:calc(100dvh - 56px);min-height:0;font-family:Inter,system-ui,sans-serif}.crit-anim__main{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0}.crit-anim__tabs{display:flex;flex-wrap:wrap;gap:6px}.crit-anim__tabs button{position:relative;padding:6px 14px;border-radius:999px;background:#2b2042;color:var(--crit-muted);font-weight:600;font-size:13px}.crit-anim__tabs button.is-on{background:var(--crit-brass);color:var(--crit-ink)}.crit-anim__tabs button i{position:absolute;top:3px;right:5px;width:7px;height:7px;border-radius:50%;background:var(--crit-hot)}.crit-anim__tabs .crit-anim__new{background:transparent;border:1px dashed #5a4a7c}.crit-anim__stage{position:relative;flex:1 1 auto;min-height:260px;border-radius:16px;overflow:hidden;background:var(--crit-glass);box-shadow:0 0 0 4px var(--crit-cabinet-edge)}.crit-anim__floor{position:absolute;left:0;right:0;bottom:0;height:14%;background:linear-gradient(180deg,#d9c9a7,#cbb88f);border-top:2px solid #b39d73}.crit-anim__critter{position:absolute;left:50%;bottom:9%;transform:translate(-50%)}.crit-anim__critter .crit-walker__body{position:relative;width:100%}.show-cuts .crit-anim__part{outline:1.5px dashed rgba(36,26,58,.45);outline-offset:-1px}.crit-anim__pivot{display:none;position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:3px solid #fff;background:var(--crit-hot);box-shadow:0 0 0 2px #00000059;z-index:2}.show-pivots .crit-anim__pivot{display:block}.crit-anim__summary{position:absolute;left:14px;top:12px;right:14px;color:#4a3d63;font-size:13px}.crit-anim__summary b{color:var(--crit-ink);margin-right:6px}.crit-anim__transport{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}.crit-anim__transport input[type=range]{flex:1 1 200px;accent-color:var(--crit-brass)}.crit-anim__transport select{padding:5px 8px;border-radius:7px;background:#2b2042;color:var(--crit-text);border:1px solid #3d2f5c}.crit-anim__clock{font-family:Space Mono,monospace;font-size:12px;color:var(--crit-muted);min-width:112px}.crit-anim__graph{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:12px;background:#0a0712b3;border:1px solid #3d2f5c;max-height:34%;overflow-y:auto}.crit-anim__channel{display:grid;grid-template-columns:150px minmax(0,1fr) 110px;gap:10px;align-items:center}.crit-anim__channel-label{display:flex;justify-content:space-between;font-size:12px;color:var(--crit-text)}.crit-anim__channel-label em{font-style:normal;font-family:Space Mono,monospace;color:var(--crit-muted)}.crit-anim__channel svg{width:100%;height:32px;overflow:visible}.crit-anim__channel path{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.crit-anim__zero{stroke:#3d2f5c;stroke-width:1;vector-effect:non-scaling-stroke}.crit-anim__playhead{stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke}.crit-anim__range{font-family:Space Mono,monospace;font-size:11px;color:#6f6290;text-align:right}.crit-anim__side{display:flex;flex-direction:column;gap:12px;min-height:0}.crit-anim__card{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:14px;background:#0a0712d9;border:1px solid #3d2f5c;font-size:13px}.crit-anim__card header{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:700;color:var(--crit-brass);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.crit-anim__card header small{font-weight:500;text-transform:none;letter-spacing:0;color:var(--crit-muted);margin-left:6px}.crit-anim__param{display:flex;flex-direction:column;gap:3px}.crit-anim__param span{display:flex;justify-content:space-between;color:var(--crit-text)}.crit-anim__param em{font-style:normal;font-family:Space Mono,monospace;color:var(--crit-brass)}.crit-anim__param input{accent-color:var(--crit-brass)}.crit-anim__code{flex:1 1 auto;min-height:0}.crit-anim__code textarea{flex:1 1 auto;min-height:220px;resize:none;padding:10px 12px;border-radius:10px;background:#0d0918;color:#e8e0ff;border:1px solid #3d2f5c;font-family:Space Mono,ui-monospace,monospace;font-size:12px;line-height:1.55;-moz-tab-size:2;-o-tab-size:2;tab-size:2;white-space:pre}.crit-anim__code-actions{display:flex;gap:8px;flex-wrap:wrap}.crit-anim__error{margin:0;padding:6px 10px;border-radius:8px;background:#ff7a5926;color:var(--crit-hot);font-family:Space Mono,monospace;font-size:12px}.crit-anim__muted{margin:0;color:var(--crit-muted);font-size:12px}@media (max-width: 1100px){.crit-anim{grid-template-columns:1fr;height:auto}.crit-anim__stage{min-height:320px}}.crit-stage--animate{grid-template-columns:minmax(0,1fr);align-items:stretch}.show-pivots .crit-anim__part--front,.show-pivots .crit-anim__part--back{z-index:1}.crit-stage--board{grid-template-rows:auto minmax(0,1fr);align-items:stretch;row-gap:0}.crit-stage--board .crit-board{align-self:start;width:min(100%,1500px,140dvh)}.crit-pen{position:relative;isolation:isolate;justify-self:center;width:min(100%,1600px);min-height:0}.crit-pen__floor{position:absolute;top:30%;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(ellipse at 50% 60%,#a082dc29,#a082dc00 70%);pointer-events:none}.crit-stage--transparent .crit-pen__floor{display:none}.crit-walker__tag--pinned{top:30%;transform:translate(-50%,calc(-100% + var(--lift, 0px)));display:flex;align-items:center;gap:6px;padding:3px 10px 3px 3px;font-size:15px;opacity:1}.crit-walker__letter{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--crit-brass);color:var(--crit-ink);font-weight:700}.crit-walker__bid{font-family:Space Mono,monospace;font-weight:700;color:var(--crit-brass)}.crit-walker__bid:after{content:" tix";font-size:11px;color:var(--crit-brass-dim)}@media (max-width: 900px){.crit-pen{min-height:360px}}.crit-room-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none}.crit-room-layer .crit-walker{pointer-events:auto}
