:root{--bg:#070a18;--bg-2:#0d1330;--panel:#141c40b8;--border:#94a3ff2e;--text:#e6e9f8;--muted:#9aa2c8;--accent:#a78bfa;--accent-2:#7dd3fc;--gold:#fde68a;--rose:#f9a8d4;--good:#4ade80;--warn:#fbbf24;--bad:#f87171;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--story:Georgia, "Times New Roman", serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 80% -10%, #7c3aed33, transparent 60%), radial-gradient(900px 500px at -10% 110%, #0ea5e91f, transparent 60%), var(--bg);min-height:100vh;margin:0}code{font-family:var(--mono);color:var(--accent-2);font-size:.92em}h1,h2{margin:0;font-weight:600}kbd{text-align:center;min-width:1.7em;color:var(--text);background:#0d1330e6;border:1px solid #c4b5fd59;border-bottom-width:2px;border-radius:6px;padding:1px 6px;font-family:inherit;font-size:.85em;font-weight:700;display:inline-block}.app{max-width:1280px;margin:0 auto;padding:0 20px 40px}@media (width>=1700px){.app{max-width:1480px}}.app-header{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:20px;padding:14px 0;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-moon{color:var(--gold);text-shadow:0 0 14px #fde68a99;font-size:1.5rem;line-height:1}.brand-name{font-family:var(--story);letter-spacing:.01em;background:linear-gradient(100deg, var(--gold) 0%, var(--rose) 50%, #c4b5fd 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-style:italic;font-weight:700}.dim{color:var(--muted);font-weight:400}.app-header nav{flex-wrap:wrap;gap:6px;display:flex}.app-header nav a,.dev-menu-list a{color:var(--muted);border-radius:999px;padding:7px 14px;font-weight:600;text-decoration:none}.app-header nav a:hover,.dev-menu-list a:hover{color:var(--text)}.app-header nav a.active,.dev-menu-list a.active{color:var(--text);background:#a78bfa33;box-shadow:inset 0 0 0 1px #c4b5fd59}.dev-menu{margin-left:auto;font-size:.85rem;position:relative}.dev-menu summary{cursor:pointer;color:var(--muted);border:1px dashed var(--border);border-radius:999px;padding:4px 10px;list-style:none}.dev-menu summary::-webkit-details-marker{display:none}.dev-menu.active summary,.dev-menu[open] summary{color:var(--text);border-color:#c4b5fd73}.dev-menu-list{z-index:20;border:1px solid var(--border);background:#11163a;border-radius:12px;flex-direction:column;gap:2px;min-width:150px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 30px #00000073}.health{color:var(--muted);align-items:center;gap:8px;font-size:.85rem;display:inline-flex}.health .dot{background:var(--muted);border-radius:50%;width:10px;height:10px}.health.ok .dot{background:var(--good);box-shadow:0 0 8px var(--good)}.health.offline .dot{background:var(--bad)}.page-title{font-family:var(--story);color:#f5f3ff;margin:0 0 14px;font-size:clamp(1.6rem,3vw,2.1rem);font-style:italic;font-weight:700}.page-title .dim{margin-left:10px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:.95rem;font-style:normal}.toolbar,.transport{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px;display:flex}label{color:var(--muted);align-items:center;gap:8px;display:inline-flex}select,button,label.file{font:inherit;color:var(--text);background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:6px 12px}button,label.file{cursor:pointer}button:hover:not(:disabled),label.file:hover{border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#4f46e5);border-color:#0000}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--rose);outline-offset:2px}button.link{color:var(--accent-2);background:0 0;border:none;padding:0;text-decoration:underline}label.file{color:var(--text)}label.file input{display:none}input[type=checkbox]{accent-color:var(--accent)}.status{color:var(--muted)}.error{color:var(--bad);background:#f8717114;border:1px solid #f871714d;border-radius:8px;margin:0 0 12px;padding:8px 12px}.good{color:var(--good)}.warn{color:var(--warn)}.bad{color:var(--bad)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;min-width:0;padding:14px}.panel h2{color:var(--muted);margin-bottom:10px;font-size:.95rem}dl{grid-template-columns:auto 1fr;gap:2px 12px;margin:0;display:grid}dt{color:var(--muted)}dd{font-family:var(--mono);margin:0}.footnote,.hint{color:var(--muted);font-size:.9rem}.pose-panels{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=900px){.pose-panels{grid-template-columns:1fr}}.stage{aspect-ratio:4/3;background:#000;border-radius:10px;width:100%;position:relative;overflow:hidden}.body-stage{background:#050816}.stage video,.stage canvas{width:100%;height:100%;position:absolute;inset:0}.stage video{object-fit:contain}.stage video.mirrored{transform:scaleX(-1)}.stats{pointer-events:none;background:#050816b8;border-radius:8px;padding:6px 10px;font-size:12px;position:absolute;top:8px;left:8px}.readout{margin-top:6px}.beat-stats{grid-template-columns:repeat(6,auto 1fr);margin-bottom:12px}.beat-stats dd{white-space:nowrap}@media (width<=900px){.beat-stats{grid-template-columns:repeat(2,auto 1fr)}}.timeline{border-radius:8px;width:100%;height:90px;margin-bottom:14px;display:block}.beat-view{align-items:center;gap:40px;padding:20px;display:flex}.beat-circle{--flash:0;background:rgb(167 139 250/calc(.08 + .85 * var(--flash)));width:160px;height:160px;box-shadow:0 0 calc(70px * var(--flash)) rgb(167 139 250/calc(.8 * var(--flash)));will-change:transform;border:2px solid #c4b5fd80;border-radius:50%;flex:none}.beat-live{font-size:1.1rem}.mono{font-family:var(--mono)}.analysis-debug .panel+.panel{margin-top:14px}label.file.disabled{opacity:.45;cursor:not-allowed}.panel .analysis-title{color:var(--text);flex-wrap:wrap;align-items:baseline;gap:10px;font-size:1.15rem;display:flex}.badge{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-self:center;padding:2px 8px;font-size:.7rem;font-weight:600}.badge.cached{color:var(--good);background:#4ade8024}.badge.fresh{color:var(--accent-2);background:#7dd3fc24}.analysis-stats{grid-template-columns:repeat(6,auto 1fr);margin-bottom:12px}.analysis-stats dd{white-space:nowrap}@media (width<=900px){.analysis-stats{grid-template-columns:repeat(2,auto 1fr)}.analysis-stats dd{white-space:normal}}.timeline-scroller{border-radius:8px;margin-bottom:12px;overflow:auto hidden}.timeline-track{min-width:100%}.analysis-timeline{cursor:crosshair;height:268px;display:block;position:sticky;left:0}.zoom input[type=range]{width:140px;accent-color:var(--accent)}.live-view{flex-wrap:wrap;align-items:center;gap:28px;padding:10px 8px 4px;display:flex}.beat-circle.small{width:96px;height:96px}.beat-circle.downbeat{background:rgb(250 204 21/calc(.08 + .8 * var(--flash)));box-shadow:0 0 calc(70px * var(--flash)) rgb(250 204 21/calc(.8 * var(--flash)));border-color:#facc15b3}.live-section{text-transform:capitalize;align-items:center;gap:12px;font-size:2.6rem;font-weight:700;line-height:1.1;display:flex}.live-group{border:1px solid;border-radius:6px;padding:1px 9px;font-size:1rem}.live-barbeat{color:var(--muted);margin-top:4px;font-size:1.15rem}.table-scroll{overflow-x:auto}.sections-table{border-collapse:collapse;width:100%;font-size:.92rem}.sections-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:4px 8px;font-weight:500}.sections-table td{white-space:nowrap;border-bottom:1px solid #94a3ff12;padding:5px 8px}.sections-table tbody tr{cursor:pointer}.sections-table tbody tr:hover{background:#a78bfa14}.sections-table tbody tr.active{background:#facc151a}.group-chip{text-align:center;min-width:22px;color:var(--bg);border-radius:5px;padding:0 6px;font-weight:700;display:inline-block}.energy-bar{vertical-align:middle;background:#94a3ff1f;border-radius:4px;width:120px;height:8px;display:inline-block;overflow:hidden}.energy-bar>span{height:100%;display:block}.gallery-head{margin-bottom:14px}.gallery-head .toolbar:last-child{margin-bottom:0}.gallery-stats{color:var(--muted);margin:6px 0 12px}.gallery-stats b{color:var(--text);font-weight:600}input[type=search],input[type=number]{font:inherit;color:var(--text);background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:6px 10px}input[type=search].search{width:min(260px,100%)}.move-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.move-card{text-align:left;background:var(--panel);border-radius:14px;flex-direction:column;align-items:stretch;gap:4px;padding:10px;display:flex}.move-canvas{aspect-ratio:4/5;background:radial-gradient(circle at 50% 40%,#7c3aed29,#050816e6 70%);border-radius:10px;width:100%;display:block}.move-name{margin-top:4px;font-weight:600}.move-id{color:var(--muted);overflow-wrap:anywhere;font-size:.78rem}.move-meta{white-space:nowrap;color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:.82rem;display:flex}.intensity{gap:3px;display:inline-flex}.idot{background:#94a3ff33;border-radius:50%;width:7px;height:7px}.diff{text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.diff-easy{color:var(--good)}.diff-normal{color:var(--warn)}.diff-hard{color:var(--bad)}.move-tags{flex-wrap:wrap;gap:4px;display:flex}.tag{color:var(--muted);background:#94a3ff1a;border-radius:999px;padding:1px 7px;font-size:.72rem}.tag.seated{color:var(--accent-2);background:#7dd3fc24}.tag.real-dancer{color:#fbcfe8;background:#f472b629}.move-credit{color:var(--muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:.68rem;line-height:1.3}.modal-backdrop{z-index:10;background:#03050eb8;justify-content:center;align-items:flex-start;padding:4vh 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.move-detail{background:#0d1330;width:min(760px,100%)}.detail-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.panel .detail-title{color:var(--text);margin:0;font-size:1.3rem}.detail-body{grid-template-columns:minmax(0,300px) 1fr;gap:16px;margin-bottom:12px;display:grid}@media (width<=640px){.detail-body{grid-template-columns:1fr}}.detail-canvas{aspect-ratio:4/5;background:radial-gradient(circle at 50% 40%,#7c3aed33,#050816f2 70%);border-radius:10px;width:100%;display:block}.detail-info{flex-direction:column;gap:8px;min-width:0;display:flex}.detail-info dd{overflow-wrap:anywhere;font-size:.85rem}.scrubber{min-width:140px;accent-color:var(--accent);flex:1}.thumbs{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.thumb{flex-direction:column;flex:none;align-items:center;gap:2px;padding:4px;font-size:.75rem;display:flex}.thumb canvas{background:#050816e6;border-radius:6px;width:72px;height:90px}.thumb.active{border-color:#facc15}.choreo-stats{grid-template-columns:repeat(4,auto 1fr);margin-top:6px}.choreo-stats dd{overflow-wrap:anywhere}@media (width<=900px){.choreo-stats{grid-template-columns:auto 1fr}}input.seed{width:110px}.preview-figure{background:radial-gradient(circle at 50% 40%,#7c3aed33,#050816e6 70%);border-radius:10px;flex:none;width:150px;height:180px}.live-moves{margin-top:6px;font-size:1.05rem}:root{--df-paper:#f8f0de;--df-ground:#eadfc7;--df-ground-deep:#ddcfb2;--df-cut:#fffaf0;--df-parchment:#f0dfb9;--df-parchment-roll:#e8d3a4;--df-parchment-edge:#d4ba86;--df-rule:#c9ae7c;--df-ink:#2e2421;--df-ink-soft:#5b4a3b;--df-ink-faint:#6f5d4c;--df-gold:#dbb35e;--df-gold-light:#f2db94;--df-gold-shade:#b88d40;--df-gold-deep:#8e6a2f;--df-gold-text:#75561f;--df-gold-ink:#4a3612;--df-foil:#e0b858;--df-blue:#a3c3d8;--df-blue-light:#d2e3ec;--df-blue-shade:#7a9fbd;--df-blue-deep:#56789a;--df-night:#263a55;--df-night-deep:#152338;--df-glass:#e4edf1;--df-on-night:#e9dcb8;--df-on-night-soft:#d9e4ec;--df-sage:#a8bc8b;--df-sage-deep:#4f5e2c;--df-rasp:#c04f66;--df-rasp-light:#e6939f;--df-rasp-deep:#963248;--df-rasp-hover:#a83a52;--df-burg:#6e2338;--df-on-rasp:#fff8ec;--df-disabled:#b9a59a;--df-font-display:"Fraunces", "Iowan Old Style", Georgia, serif;--df-font-ui:"Figtree", "Avenir Next", system-ui, sans-serif;--df-fvs-display:"SOFT" 100, "WONK" 0;--df-fvs-cut:"SOFT" 100, "WONK" 1, "opsz" 144;--df-fvs-brand:"SOFT" 100, "opsz" 72;--df-fvs-voice:"SOFT" 50;--df-text-xs:.85rem;--df-text-sm:.95rem;--df-text-md:1.0625rem;--df-text-lg:1.25rem;--df-text-xl:1.6rem;--df-text-2xl:2rem;--df-text-hero:clamp(3.6rem, 7vw, 6.6rem);--df-r-xs:4px;--df-r-sm:10px;--df-r-md:14px;--df-r-lg:18px;--df-r-xl:26px;--df-r-pill:999px;--df-space-1:4px;--df-space-2:8px;--df-space-3:12px;--df-space-4:16px;--df-space-5:24px;--df-space-6:32px;--df-space-7:48px;--df-gutter:clamp(16px, 3.6vw, 64px);--df-shadow-primary:inset 0 -6px 0 #460e2259, inset 0 3px 0 #ffdcdc2e;--df-shadow-pressed:inset 0 -3px 0 #460e2259, inset 0 2px 0 #ffdcdc2e;--df-shadow-quiet:inset 0 -4px 0 #46281e1f;--df-shadow-medal:inset -4px -5px 0 var(--df-gold-shade), inset 3px 3px 0 var(--df-gold-light);--df-shadow-well:inset 0 2px 3px #4628144d;--df-shadow-lift:0 0 0 4px var(--df-cut), 0 4px 8px 4px #4a322033;--df-shadow-picked:0 0 0 5px var(--df-cut), 0 0 0 10px var(--df-rasp-deep);--df-vignette:inset 0 0 120px #96764638;--df-glory:0 0 70px 34px #f2d680bf, 0 0 140px 70px #f2d68059;--df-paper-tex:url(/art/storybook/paper.svg);--df-ease:cubic-bezier(.22, 1, .36, 1);--df-dur-fast:.15s;--df-dur:.2s;--df-dur-slow:.45s;--df-z-sticky:10;--df-z-drawer:40;--df-z-toast:50}html:has(.df-screen){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--df-ink);font-family:var(--df-font-ui);-webkit-tap-highlight-color:transparent;scrollbar-color:var(--df-gold-shade) transparent;background:var(--df-paper-tex), url(/art/storybook/realm-phone.svg) center bottom / 100% auto no-repeat fixed, var(--df-ground);--bg:var(--df-ground);--bg-2:var(--df-ground-deep);--panel:var(--df-paper);--border:#5b4a3b38;--text:var(--df-ink);--muted:var(--df-ink-soft);--accent:var(--df-rasp-deep);--accent-2:var(--df-blue-deep);--gold:var(--df-gold-text);--rose:var(--df-rasp-deep);--story:var(--df-font-display)}@media (width>=768px){html:has(.df-screen){background:var(--df-paper-tex), url(/art/storybook/realm.svg) center / cover no-repeat fixed, var(--df-ground)}}html:has(.df-screen) body{background:0 0;min-height:100dvh}html:has(.df-screen) body:before{content:"";z-index:-1;pointer-events:none;box-shadow:var(--df-vignette);position:fixed;inset:0}:where(html:has(.df-screen)) :is(h1,h2,h3){font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-display);color:var(--df-ink);text-wrap:balance;font-weight:700;line-height:1.08}:where(html:has(.df-screen)) p{text-wrap:pretty}:where(html:has(.df-screen)) a{color:var(--df-rasp-deep);text-underline-offset:4px}:where(html:has(.df-screen)) :is(button,input,select,textarea){font:inherit;color:inherit}:where(html:has(.df-screen)) :focus-visible{outline:3px solid var(--df-rasp-deep);outline-offset:3px}.df-screen{isolation:isolate;color:var(--df-ink);font-family:var(--df-font-ui);-webkit-font-smoothing:antialiased;font-weight:500;position:relative}::selection{background:var(--df-gold-light);color:var(--df-ink)}.df-screen ::-webkit-scrollbar{width:10px;height:10px}.df-screen ::-webkit-scrollbar-thumb{background:var(--df-gold-shade);border:2px solid var(--df-paper);border-radius:var(--df-r-pill)}.df-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@property --df-gap{syntax:"*";inherits:false}@property --df-min{syntax:"*";inherits:false}.df-container{width:100%;max-width:1680px;padding-inline:var(--df-gutter);margin-inline:auto}.df-stack{gap:var(--df-gap,16px);flex-direction:column;display:flex}.df-cluster{align-items:center;gap:var(--df-gap,16px);flex-wrap:wrap;display:flex}.df-spread{justify-content:space-between;align-items:center;gap:var(--df-gap,12px 24px);flex-wrap:wrap;display:flex}.df-grid{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--df-min,14rem)), 1fr));gap:var(--df-gap,16px);display:grid}.df-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;min-height:56px;padding-block:10px;display:flex}.df-topbar-sticky{z-index:var(--df-z-sticky);background:#eadfc7f2;position:sticky;top:0}.df-dock{z-index:3;padding:32px 0 max(1rem, env(safe-area-inset-bottom));background:linear-gradient(to top, var(--df-ground) 60%, transparent);margin-top:auto;position:sticky;bottom:0}.df-pause{text-align:center;flex-direction:column;align-items:center;gap:20px;margin:auto;padding:40px 0;display:flex}.df-hgroup{flex-direction:column;gap:2px;margin:0;display:flex}.df-block{display:block}.df-corners{z-index:-1;pointer-events:none;position:fixed;inset:0}.df-corner{aspect-ratio:1;opacity:.9;pointer-events:none;background:url(/art/storybook/corner.svg) 0 0/contain no-repeat;width:clamp(56px,8vw,120px);position:absolute}.df-corner-tl{top:12px;left:12px}.df-corner-tr{top:12px;right:12px;scale:-1 1}.df-corner-bl{bottom:12px;left:12px;scale:1 -1}.df-corner-br{bottom:12px;right:12px;scale:-1}.df-twinkles{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.df-twinkles:before,.df-twinkles:after{content:"";animation:3.2s ease-in-out infinite df-glimmer;position:absolute;inset:0}.df-twinkles:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-13 -13 26 26'%3E%3Cpath d='M0-13C2-2 2-2 13 0C2 2 2 2 0 13C-2 2-2 2-13 0C-2-2-2-2 0-13Z' fill='%23dbb35e'/%3E%3C/svg%3E") 7% 14%/22px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-13 -13 26 26'%3E%3Cpath d='M0-13C2-2 2-2 13 0C2 2 2 2 0 13C-2 2-2 2-13 0C-2-2-2-2 0-13Z' fill='%23a3c3d8'/%3E%3C/svg%3E") 91% 22%/16px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-13 -13 26 26'%3E%3Cpath d='M0-13C2-2 2-2 13 0C2 2 2 2 0 13C-2 2-2 2-13 0C-2-2-2-2 0-13Z' fill='%23dbb35e'/%3E%3C/svg%3E") 62% 88%/14px no-repeat}.df-twinkles:after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-13 -13 26 26'%3E%3Cpath d='M0-13C2-2 2-2 13 0C2 2 2 2 0 13C-2 2-2 2-13 0C-2-2-2-2 0-13Z' fill='%23b88d40'/%3E%3C/svg%3E") 44% 6%/14px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-13 -13 26 26'%3E%3Cpath d='M0-13C2-2 2-2 13 0C2 2 2 2 0 13C-2 2-2 2-13 0C-2-2-2-2 0-13Z' fill='%23dbb35e'/%3E%3C/svg%3E") 84% 72%/20px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-13 -13 26 26'%3E%3Cpath d='M0-13C2-2 2-2 13 0C2 2 2 2 0 13C-2 2-2 2-13 0C-2-2-2-2 0-13Z' fill='%237a9fbd'/%3E%3C/svg%3E") 16% 76%/12px no-repeat;animation-delay:1.6s}.df-bob{animation:3.2s ease-in-out infinite df-bob}.df-bob-fast{animation:.6s ease-in-out infinite df-bob}.df-twinkle{animation:2.4s ease-in-out infinite df-twinkle}.df-pop-in{animation:df-pop var(--df-dur-slow) var(--df-ease) both}@keyframes df-bob{0%,to{translate:0;rotate:-2deg}50%{translate:0 -8px;rotate:2deg}}@keyframes df-twinkle{0%,to{opacity:1;scale:1}50%{opacity:.55;scale:.82}}@keyframes df-glimmer{0%,to{opacity:.9}50%{opacity:.25}}@keyframes df-pop{0%{opacity:0;rotate:-10deg;scale:.55}}@keyframes df-rise{0%{opacity:0;translate:0 24px}}@keyframes df-sheet-in{0%{translate:0 100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.df-st{filter:url(#dc)}.df-st-sm{filter:url(#dc-sm)}.df-st-lg{filter:url(#dc-lg)}.df-tilt-l{rotate:-4deg}.df-tilt-r{rotate:3.5deg}.df-tilt-xs{rotate:-1.5deg}.df-display{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-display)}.df-cut-letters{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-cut);font-weight:700;font-size:var(--df-text-hero);color:var(--df-rasp-deep);filter:url(#dc-type);letter-spacing:-.01em;margin:0;line-height:.95}.df-voice{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-voice);color:var(--df-gold-text);margin:0;font-style:italic;font-weight:500}.df-kicker{margin:0 0 -.15em .15em;font-size:clamp(1.6rem,3vw,2.7rem)}.df-brand{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-brand);color:var(--df-ink);letter-spacing:.005em;white-space:nowrap;margin:0;font-size:clamp(1.25rem,2.1vw,2rem);font-weight:700;text-decoration:none}.df-brand b{color:var(--df-rasp-deep);font-weight:700}.df-foil{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-cut);color:var(--df-foil);filter:url(#foil);letter-spacing:.04em;font-weight:700}.df-title{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-brand);font-weight:700;font-size:var(--df-text-2xl);color:var(--df-ink);margin:0;line-height:1.08}.df-title-lg{font-size:clamp(2.2rem,4vw,3.4rem)}.df-lede{color:var(--df-ink-soft);margin:0;font-size:clamp(1.05rem,1.45vw,1.4rem);font-weight:500;line-height:1.45}.df-label{font-size:var(--df-text-sm);color:var(--df-ink-soft);letter-spacing:.01em;font-weight:700}.df-note{font-size:var(--df-text-sm);color:var(--df-ink-soft);margin:0;font-weight:500}.df-num{font-family:var(--df-font-ui);font-variant-numeric:lining-nums tabular-nums;font-weight:800}.df-dropcap:first-letter{float:left;font-family:var(--df-font-display);color:var(--df-rasp-deep);padding:.06em .08em 0 0;font-size:3.6em;font-weight:700;line-height:.8}.df-card{background:var(--df-paper) var(--df-paper-tex);border-radius:var(--df-r-lg);filter:url(#dc-lg);padding:20px 22px}.df-card-sm{background:var(--df-paper) var(--df-paper-tex);border-radius:var(--df-r-md);filter:url(#dc);padding:12px 16px}.df-flush{padding:0}.df-panel{background:var(--df-paper) var(--df-paper-tex);border-radius:var(--df-r-lg);filter:url(#dc-lg);flex-direction:column;gap:14px;padding:22px 24px 24px;display:flex;position:relative}.df-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;display:flex}.df-panel-title{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-display);color:var(--df-ink);margin:0;font-size:clamp(1.35rem,2vw,1.75rem);font-weight:700;line-height:1.1}.df-panel-sticker{pointer-events:none;width:76px;height:76px;position:absolute;top:-30px;right:-14px;rotate:8deg}.df-scroll{background:var(--df-parchment) var(--df-paper-tex);border-radius:var(--df-r-xs);filter:url(#dc);margin:14px;padding:28px 30px 24px;position:relative}.df-scroll:before,.df-scroll:after{content:"";background:var(--df-parchment-roll);height:28px;box-shadow:inset 0 -8px 0 var(--df-parchment-edge), inset 0 -14px 0 #bf9f6c8c, inset 0 4px 0 #fffbf3b3;border-radius:14px;position:absolute;left:-14px;right:-14px}.df-scroll:before{top:-14px}.df-scroll:after{bottom:-14px}.df-dl{grid-template-columns:1fr auto;align-items:baseline;gap:6px 24px;margin:0;display:grid}.df-dl dt{color:var(--df-ink-soft);font-size:1.05rem;font-weight:600}.df-dl dd{text-align:right;font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-display);color:var(--df-ink);margin:0;font-size:1.3rem;font-weight:700}.df-rule{background:repeating-linear-gradient(90deg, var(--df-rule) 0 8px, transparent 8px 14px);opacity:.8;border:0;grid-column:1/-1;height:2px;margin:4px 0}.df-tag{background:var(--df-paper);text-align:center;filter:url(#dc);border-radius:10px 10px 14px 14px;min-width:5.5rem;padding:16px 10px 6px;line-height:1.2;display:block;position:relative}.df-tag:before{content:"";background:var(--df-ground-deep);border-radius:50%;width:8px;height:8px;margin-left:-4px;position:absolute;top:5px;left:50%;box-shadow:inset 0 1px 1px #3c281459}.df-tag-name{text-overflow:ellipsis;white-space:nowrap;max-width:10rem;font-family:var(--df-font-display);font-variation-settings:"SOFT" 100;color:var(--df-ink);font-size:1.15rem;font-weight:600;display:block;overflow:hidden}.df-tag-role{color:var(--df-ink-soft);font-size:.9rem;font-weight:600;display:block}.df-plate{text-align:center;border-radius:var(--df-r-lg);background:var(--df-night);color:var(--df-on-night-soft);box-shadow:inset 0 0 0 4px var(--df-gold), inset 0 0 0 7px var(--df-gold-shade), inset 14px 18px 0 #78a0c81f, inset -18px -22px 0 #00000038;filter:url(#dc-lg);place-items:center;gap:6px;padding:22px 30px;display:grid}.df-plate .df-voice{color:var(--df-on-night)}.df-plate .df-foil{filter:url(#foil) drop-shadow(0 4px 0 var(--df-night-deep));font-size:clamp(3rem,8vw,6rem);line-height:1}.df-code-chip{border-radius:var(--df-r-pill);background:var(--df-night);height:40px;color:var(--df-on-night);box-shadow:inset 0 0 0 3px var(--df-gold), inset 0 0 0 5px var(--df-gold-shade);filter:url(#dc-sm);align-items:center;gap:8px;padding:0 14px 0 12px;display:inline-flex}.df-code-chip small{font-family:var(--df-font-display);color:var(--df-on-night);font-size:.85rem;font-style:italic}.df-code-chip .df-foil{letter-spacing:.06em;font-size:1.3rem}.df-mirror{border-radius:var(--df-r-xl);background:radial-gradient(circle, var(--df-gold-light) 2.1px, transparent 2.6px) 6px 6px / 12px 12px, var(--df-gold);box-shadow:inset -3px -4px 0 var(--df-gold-shade), inset 3px 3px 0 var(--df-gold-light);filter:url(#dc);padding:12px;position:relative}.df-mirror-glass{background:var(--df-glass);min-height:7.5rem;color:var(--df-ink);box-shadow:inset 0 0 0 3px var(--df-gold-light), inset 6px 8px 0 3px #ffffff8c, inset -6px -8px 0 0 #56789a24;border-radius:16px;place-items:center;display:grid;position:relative;overflow:hidden}.df-mirror-night{background:var(--df-night);color:var(--df-on-night-soft);box-shadow:inset 0 0 0 3px var(--df-gold-light), inset 14px 18px 0 #78a0c81f}.df-mirror-glass>:is(video,canvas,img){object-fit:cover;width:100%;height:100%;display:block}.df-mirror-glare:after{content:"";pointer-events:none;background:linear-gradient(142deg,#0000 18%,#ffffff1a 18% 23%,#0000 23% 26%,#ffffff14 26% 27.5%,#0000 27.5%);position:absolute;inset:0}.df-mirror-crest{z-index:1;pointer-events:none;width:84px;position:absolute;top:-26px;left:50%;translate:-50%}.df-mirror.is-picked{box-shadow:inset -3px -4px 0 var(--df-gold-shade), inset 3px 3px 0 var(--df-gold-light), var(--df-shadow-picked)}.df-glory{box-shadow:var(--df-glory)}.df-ribbon-wrap{filter:url(#dc);display:inline-block}.df-ribbon{white-space:nowrap;font-family:var(--df-font-display);font-variation-settings:"SOFT" 100;color:var(--df-on-rasp);background:var(--df-rasp-deep);clip-path:polygon(0 0,100% 0,calc(100% - .75em) 50%,100% 100%,0 100%,.75em 50%);justify-content:center;align-items:center;gap:.4em;padding:.35em 1.5em;font-size:1.4rem;font-weight:700;display:inline-flex;position:relative}.df-ribbon-gold{background:var(--df-gold);color:#3e2c0c}.df-ribbon-burg{background:var(--df-burg)}.df-ribbon-ui{font-family:var(--df-font-ui);padding:.35em 1.4em;font-size:1.05rem;font-weight:800}.df-st-live{filter:none;box-shadow:var(--df-shadow-lift)}.df-mirror.df-st-live{box-shadow:inset -3px -4px 0 var(--df-gold-shade), inset 3px 3px 0 var(--df-gold-light), var(--df-shadow-lift)}.df-btn{border-radius:var(--df-r-pill);min-height:3.25rem;font-family:var(--df-font-ui);font-size:var(--df-text-md);letter-spacing:.005em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;filter:url(#dc);transition:background-color var(--df-dur) var(--df-ease), translate var(--df-dur) var(--df-ease), box-shadow var(--df-dur) var(--df-ease), opacity var(--df-dur) var(--df-ease);border:0;justify-content:center;align-items:center;gap:12px;padding:0 28px;font-weight:800;line-height:1.1;text-decoration:none;display:inline-flex}.df-btn>img,.df-btn>svg{flex:none;width:1.75em;height:1.75em}.df-btn:not(:disabled,[aria-disabled=true]):active{translate:0 1px}.df-btn-primary{background:var(--df-rasp-deep);color:var(--df-cut);box-shadow:var(--df-shadow-primary)}.df-btn-primary:not(:disabled,[aria-disabled=true]):hover{background:var(--df-rasp-hover)}.df-btn-primary:not(:disabled,[aria-disabled=true]):active{box-shadow:var(--df-shadow-pressed)}.df-btn-primary:is(:disabled,[aria-disabled=true]){cursor:not-allowed;background:var(--df-disabled);color:var(--df-paper);box-shadow:inset 0 -4px #46281e2e}.df-btn-secondary{background:var(--df-paper);color:var(--df-ink);box-shadow:var(--df-shadow-quiet)}.df-btn-secondary:not(:disabled,[aria-disabled=true]):hover{background:var(--df-cut)}.df-btn-ghost{min-height:2.75rem;color:var(--df-rasp-deep);filter:none;text-underline-offset:5px;background:0 0;padding:0 12px;-webkit-text-decoration:underline #96324859;text-decoration:underline #96324859;text-decoration-thickness:2px}.df-btn-ghost:not(:disabled,[aria-disabled=true]):hover{text-decoration-color:currentColor}:is(.df-btn-secondary,.df-btn-ghost,.df-btn-icon):is(:disabled,[aria-disabled=true]){cursor:not-allowed;opacity:.5}.df-btn-icon{background:var(--df-paper);width:3rem;min-height:3rem;color:var(--df-ink);padding:0}.df-btn-icon>img,.df-btn-icon>svg{width:2.25rem;height:2.25rem}.df-btn-icon:not(:disabled,[aria-disabled=true]):hover{background:var(--df-cut)}.df-btn-icon.df-btn-sm{width:2.5rem;min-height:2.5rem;padding:0}.df-btn-icon.df-btn-sm>:is(img,svg){width:1.75rem;height:1.75rem}.df-btn-lg{filter:url(#dc-lg);min-height:4.5rem;padding:0 40px;font-size:clamp(1.3rem,1.9vw,1.8rem)}.df-btn-sm{min-height:2.5rem;font-size:var(--df-text-sm);filter:url(#dc-sm);gap:8px;padding:0 18px}.df-btn-sm.df-btn-ghost{filter:none}.df-btn-block{width:100%;display:flex}.df-btn>svg.df-glyph{width:1.1em;height:1.1em}.df-chip{border-radius:var(--df-r-pill);background:var(--df-paper);min-height:3rem;color:var(--df-ink);font-family:var(--df-font-ui);font-size:var(--df-text-md);cursor:pointer;filter:url(#dc-sm);transition:background-color var(--df-dur-fast) var(--df-ease), color var(--df-dur-fast) var(--df-ease);border:0;place-items:center;padding:0 16px;font-weight:700;display:inline-grid}.df-chip:is([aria-pressed=true],[aria-checked=true],.is-on),:checked+.df-chip{background:var(--df-rasp-deep);color:var(--df-cut)}:focus-visible+.df-chip{outline:3px solid var(--df-rasp-deep);outline-offset:3px}.df-badge{border-radius:var(--df-r-pill);background:var(--df-paper);min-height:1.75rem;color:var(--df-ink);font-family:var(--df-font-ui);font-size:var(--df-text-xs);letter-spacing:.02em;white-space:nowrap;filter:url(#dc-sm);align-items:center;gap:6px;padding:0 12px;font-weight:800;display:inline-flex}.df-badge>img{width:1.3em;height:1.3em}.df-badge-gold{background:var(--df-gold);color:var(--df-gold-ink);box-shadow:inset 0 -3px 0 var(--df-gold-shade)}.df-badge-rasp{background:var(--df-rasp-deep);color:var(--df-on-rasp)}.df-badge-sage{background:var(--df-sage);color:var(--df-ink)}.df-badge-blue{background:var(--df-blue-light);color:var(--df-ink)}.df-badge-night{background:var(--df-night);color:var(--df-on-night);box-shadow:inset 0 0 0 2px var(--df-gold)}.df-field{border-radius:var(--df-r-md);background:var(--df-paper);width:100%;min-height:3.25rem;color:var(--df-ink);font-family:var(--df-font-ui);filter:url(#dc);border:0;padding:12px 16px;font-size:1.125rem;font-weight:600;display:block}.df-field::placeholder{color:var(--df-ink-faint);font-weight:500}.df-field:focus,.df-field:focus-visible{outline:none;box-shadow:0 0 0 4px #dbb35e99}.df-field[aria-invalid=true]{box-shadow:0 0 0 3px var(--df-rasp-deep)}select.df-field{appearance:none;cursor:pointer;background:var(--df-paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12'%3E%3Cpath d='M2 2 L10 10 L18 2' fill='none' stroke='%23963248' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 16px center / 16px 10px no-repeat;padding-right:44px}.df-error{font-size:var(--df-text-sm);color:var(--df-rasp-deep);margin:0;font-weight:700}.df-switch{cursor:pointer;color:var(--df-ink-soft);align-items:center;gap:12px;font-weight:600;display:inline-flex}.df-switch-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.df-switch-track{border-radius:var(--df-r-pill);background:var(--df-parchment-edge);width:3.5rem;height:2rem;box-shadow:var(--df-shadow-well);transition:background-color var(--df-dur) var(--df-ease);flex:none;position:relative}.df-switch-track:after{content:"";background:var(--df-cut);width:1.5rem;height:1.5rem;transition:translate var(--df-dur) var(--df-ease);border-radius:50%;position:absolute;top:4px;left:4px;box-shadow:0 1px 3px #2e24214d}.df-switch-input:checked+.df-switch-track{background:var(--df-rasp-deep)}.df-switch-input:checked+.df-switch-track:after{translate:1.5rem}.df-switch-input:focus-visible+.df-switch-track{box-shadow:var(--df-shadow-well), 0 0 0 4px #dbb35e99}.df-switch-input:disabled+.df-switch-track{opacity:.5}.df-slider{--df-fill:0%;appearance:none;cursor:pointer;background:0 0;width:100%;height:2rem;margin:0}.df-slider::-webkit-slider-runnable-track{border-radius:var(--df-r-pill);background:linear-gradient(90deg, var(--df-rasp-deep) var(--df-fill), var(--df-parchment-edge) var(--df-fill));height:12px;box-shadow:var(--df-shadow-well)}.df-slider::-moz-range-track{border-radius:var(--df-r-pill);background:var(--df-parchment-edge);height:12px;box-shadow:var(--df-shadow-well)}.df-slider::-moz-range-progress{border-radius:var(--df-r-pill);background:var(--df-rasp-deep);height:12px}.df-slider::-webkit-slider-thumb{appearance:none;background:var(--df-gold);width:28px;height:28px;box-shadow:inset -3px -3px 0 var(--df-gold-shade), inset 2px 2px 0 var(--df-gold-light), 0 0 0 3px var(--df-cut), 0 3px 6px 2px #4a322040;border-radius:50%;margin-top:-8px}.df-slider::-moz-range-thumb{background:var(--df-gold);width:28px;height:28px;box-shadow:inset -3px -3px 0 var(--df-gold-shade), inset 2px 2px 0 var(--df-gold-light), 0 0 0 3px var(--df-cut), 0 3px 6px 2px #4a322040;border:0;border-radius:50%}.df-slider:focus-visible{outline:none}.df-slider:focus-visible::-webkit-slider-thumb{box-shadow:inset -3px -3px 0 var(--df-gold-shade), 0 0 0 3px var(--df-cut), 0 0 0 6px var(--df-rasp-deep)}.df-slider:focus-visible::-moz-range-thumb{box-shadow:inset -3px -3px 0 var(--df-gold-shade), 0 0 0 3px var(--df-cut), 0 0 0 6px var(--df-rasp-deep)}.df-slider:disabled{opacity:.5;cursor:not-allowed}.df-control{grid-template-columns:1fr auto;align-items:baseline;gap:4px 12px;display:grid}.df-control>:last-child{grid-column:1/-1}.df-control-value{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-display);font-variant-numeric:lining-nums tabular-nums;color:var(--df-ink);font-size:1.3rem;font-weight:700}.df-segmented{border-radius:var(--df-r-pill);background:var(--df-paper);filter:url(#dc-sm);flex-wrap:wrap;gap:4px;width:fit-content;max-width:100%;padding:5px;display:inline-flex}.df-segment{display:inline-flex}.df-segment>span{border-radius:var(--df-r-pill);min-height:2.5rem;font-family:var(--df-font-ui);color:var(--df-ink-soft);cursor:pointer;transition:background-color var(--df-dur) var(--df-ease), color var(--df-dur) var(--df-ease);place-items:center;padding:0 18px;font-size:1rem;font-weight:700;display:inline-grid}.df-segment>span:hover{color:var(--df-ink)}.df-segment>:checked+span{background:var(--df-rasp-deep);color:var(--df-cut);box-shadow:var(--df-shadow-pressed)}.df-segment>:focus-visible+span{outline:3px solid var(--df-rasp-deep);outline-offset:2px}.df-segment>:disabled+span{opacity:.5;cursor:not-allowed}.df-tabs{border-radius:var(--df-r-pill);background:var(--df-ground-deep);width:fit-content;max-width:100%;box-shadow:var(--df-shadow-well);flex-wrap:wrap;gap:4px;padding:6px;display:inline-flex}.df-tab{border-radius:var(--df-r-pill);min-height:2.75rem;color:var(--df-ink-soft);font-family:var(--df-font-ui);cursor:pointer;transition:color var(--df-dur) var(--df-ease);background:0 0;border:0;align-items:center;gap:8px;padding:0 18px;font-size:1rem;font-weight:800;display:inline-flex}.df-tab>img{width:1.6em;height:1.6em}.df-tab:hover{color:var(--df-ink)}.df-tab:is([aria-selected=true],[aria-current=page]){background:var(--df-paper);color:var(--df-ink);filter:url(#dc-sm)}.df-modal{border-radius:var(--df-r-lg);background:var(--df-paper) var(--df-paper-tex);width:min(34rem,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--df-ink);font-family:var(--df-font-ui);filter:url(#dc-lg);border:0;padding:0;overflow:visible}.df-modal[open]{animation:df-rise var(--df-dur-slow) var(--df-ease)}.df-modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2e242173}.df-modal-body{max-height:inherit;flex-direction:column;gap:16px;padding:24px 26px 26px;display:flex;overflow:auto}.df-modal-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.df-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:4px;display:flex}.df-sheet{border-radius:var(--df-r-xl) var(--df-r-xl) 0 0;width:min(40rem,100vw);margin:auto auto 0}.df-sheet .df-modal-body{padding-bottom:max(26px, env(safe-area-inset-bottom))}.df-sheet[open]{animation:df-sheet-in var(--df-dur-slow) var(--df-ease)}.df-notice-region{inset:auto 0 max(1rem, env(safe-area-inset-bottom));z-index:var(--df-z-toast);pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed}.df-notice{border-radius:var(--df-r-md);background:var(--df-paper) var(--df-paper-tex);max-width:28rem;color:var(--df-ink);filter:url(#dc);pointer-events:auto;animation:df-rise .25s var(--df-ease);align-items:center;gap:12px;margin:0;padding:12px 20px;font-size:.98rem;font-weight:600;line-height:1.35;display:flex;rotate:-1deg}.df-notice>img{flex:none;width:2.25rem;height:2.25rem}.df-notice-error{color:var(--df-rasp-deep);font-weight:700}.df-notice-success{color:var(--df-sage-deep);font-weight:700}.df-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.df-item{border-radius:var(--df-r-md);background:var(--df-paper);width:100%;min-height:4rem;color:var(--df-ink);font:inherit;text-align:left;filter:url(#dc-sm);transition:background-color var(--df-dur-fast) var(--df-ease), translate var(--df-dur-fast) var(--df-ease);border:0;align-items:center;gap:14px;padding:10px 16px;text-decoration:none;display:flex}:is(a,button).df-item{cursor:pointer}:is(a,button).df-item:hover{background:var(--df-cut)}:is(a,button).df-item:active{translate:0 1px}.df-item:is([aria-current=true],[aria-selected=true],[aria-pressed=true],.is-on){box-shadow:inset 0 0 0 3px var(--df-rasp-deep)}.df-item-icon{flex:none;width:3rem;height:3rem}.df-item-body{flex-direction:column;flex:1;min-width:0;display:flex}.df-item-title{text-overflow:ellipsis;white-space:nowrap;font-family:var(--df-font-display);font-variation-settings:"SOFT" 100;font-size:1.15rem;font-weight:650;line-height:1.2;overflow:hidden}.df-item-meta{color:var(--df-ink-soft);font-size:.9rem;font-weight:600}.df-item-end{font-family:var(--df-font-ui);font-variant-numeric:lining-nums tabular-nums;color:var(--df-ink);flex:none;margin-left:auto;font-weight:800}.df-medal{--df-medal-size:3.4rem;width:var(--df-medal-size);height:var(--df-medal-size);background:var(--df-gold);color:var(--df-gold-ink);box-shadow:var(--df-shadow-medal);font-family:var(--df-font-display);font-variant-numeric:lining-nums;font-weight:800;font-size:calc(var(--df-medal-size) * .55);filter:url(#dc);border-radius:50%;flex:none;place-items:center;line-height:1;display:inline-grid}.df-medal-silver{background:var(--df-blue-light);color:var(--df-night);box-shadow:inset -4px -5px 0 var(--df-blue-shade), inset 3px 3px 0 var(--df-glass)}.df-medal-rasp{background:var(--df-rasp-deep);color:var(--df-cut);box-shadow:inset -4px -5px 0 var(--df-burg), inset 3px 3px 0 var(--df-rasp)}.df-medal-sm{--df-medal-size:2.5rem}.df-medal-lg{--df-medal-size:5rem}.df-token{--df-token-size:4rem;width:var(--df-token-size);height:var(--df-token-size);flex:none;place-items:center;display:inline-grid;position:relative}.df-token>img{filter:url(#dc);width:100%;height:100%;position:relative}.df-token-sm{--df-token-size:2.5rem}.df-token-sm>img{filter:url(#dc-sm)}.df-token-lg{--df-token-size:6rem}.df-token-xl{--df-token-size:9rem}.df-token-picked:before{content:"";background:var(--df-gold);box-shadow:var(--df-shadow-medal), var(--df-shadow-lift);border-radius:50%;position:absolute;inset:-6%}.df-token-picked>img{width:84%;height:84%}.df-token-off{opacity:.45;filter:grayscale()}.df-token-tick{background:var(--df-rasp-deep);width:38%;min-width:1.25rem;height:38%;min-height:1.25rem;color:var(--df-cut);filter:url(#dc-sm);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;right:-4px}.df-token-tick>svg{width:55%;height:55%}.df-seal{width:6.5rem;height:6.5rem;font-family:var(--df-font-ui);font-variant-numeric:lining-nums tabular-nums;color:#5a3d0e;text-shadow:0 1.5px #fff0c8b3;flex:none;place-items:center;font-size:1.9rem;font-weight:800;display:inline-grid;position:relative;rotate:-8deg}.df-seal:before{content:"";filter:url(#dc);background:url(/art/storybook/seal.svg) 50%/contain no-repeat;position:absolute;inset:0}.df-seal>*{position:relative}.df-screen{--good:var(--df-sage-deep);--warn:var(--df-gold-text);--bad:var(--df-rasp-deep)}.df-screen button:not([class*=df-]),.df-screen label.file{border-radius:var(--df-r-pill);background:var(--df-paper);min-height:2.75rem;color:var(--df-ink);font-family:var(--df-font-ui);box-shadow:var(--df-shadow-quiet);filter:url(#dc-sm);transition:background-color var(--df-dur) var(--df-ease), translate var(--df-dur) var(--df-ease);border:0;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:1rem;font-weight:800;line-height:1.1;display:inline-flex}.df-screen button:not([class*=df-])>img,.df-screen label.file>img{flex:none;width:1.6em;height:1.6em}.df-screen button:not([class*=df-]):hover:not(:disabled),.df-screen label.file:hover{background:var(--df-cut)}.df-screen button:not([class*=df-]):active:not(:disabled){translate:0 1px}.df-screen button.primary:not([class*=df-]){background:var(--df-rasp-deep);color:var(--df-cut);box-shadow:var(--df-shadow-primary)}.df-screen button.primary:not([class*=df-]):hover:not(:disabled){background:var(--df-rasp-hover)}.df-screen button:not([class*=df-]):disabled{opacity:.5}.df-screen button.primary:not([class*=df-]):disabled{opacity:1;background:var(--df-disabled);color:var(--df-paper);box-shadow:inset 0 -4px #46281e2e}.df-screen button.link:not([class*=df-]){min-height:0;box-shadow:none;filter:none;color:var(--df-rasp-deep);text-underline-offset:4px;background:0 0;padding:0;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.df-screen button.link:not([class*=df-]):hover:not(:disabled){color:var(--df-rasp-hover);background:0 0}.df-screen :is(select,input[type=number],input[type=search],input[type=text]):not([class*=df-]){border-radius:var(--df-r-md);background:var(--df-paper);min-height:2.75rem;color:var(--df-ink);font-family:var(--df-font-ui);border:0;padding:6px 14px;font-weight:600;box-shadow:inset 0 0 0 2px #5b4a3b40}.df-screen select:not([class*=df-]){appearance:none;cursor:pointer;background:var(--df-paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12'%3E%3Cpath d='M2 2 L10 10 L18 2' fill='none' stroke='%23963248' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 14px center / 14px 9px no-repeat;padding-right:40px}.df-screen :is(select,input):not([class*=df-]):focus-visible{outline:none;box-shadow:inset 0 0 0 2px #5b4a3b40,0 0 0 4px #dbb35e99}.df-screen input[type=checkbox]:not([class*=df-]),.df-screen input[type=radio]:not([class*=df-]),.df-screen input[type=range]:not([class*=df-]){accent-color:var(--df-rasp-deep)}.df-screen kbd{background:var(--df-cut);min-width:1.8em;color:var(--df-ink);font-family:var(--df-font-ui);border:0;border-radius:6px;padding:1px 7px;font-weight:800;box-shadow:inset 0 -2px #5b4a3b4d,0 0 0 1.5px #5b4a3b59}.df-screen code{color:var(--df-night)}.df-screen .error{color:var(--df-rasp-deep);background:var(--df-cut);border-radius:var(--df-r-md);box-shadow:inset 0 0 0 2px var(--df-rasp-deep);border:0;font-weight:700}.df-screen .status,.df-screen .hint,.df-screen .footnote,.df-screen .dim{color:var(--df-ink-soft)}.df-screen .good{color:var(--df-sage-deep)}.df-screen .warn{color:var(--df-gold-text)}.df-screen .bad{color:var(--df-rasp-deep)}.df-screen .page-title{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-cut);color:var(--df-rasp-deep);filter:url(#dc-type);margin:6px 0 22px;font-size:clamp(2.2rem,4.5vw,3.6rem);font-style:normal;font-weight:700;line-height:1}.df-screen .page-title .dim{filter:none;font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-voice);color:var(--df-gold-text);font-size:clamp(1rem,1.6vw,1.3rem);font-style:italic;font-weight:500}.df-screen .panel{background:var(--df-paper) var(--df-paper-tex);border-radius:var(--df-r-lg);box-shadow:var(--df-shadow-lift);color:var(--df-ink);border:0;padding:18px 20px}.df-screen .panel h2{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-display);color:var(--df-ink);font-size:1.35rem;font-weight:700}.df-screen dt{color:var(--df-ink-soft);font-weight:600}.df-screen dd{color:var(--df-ink);font-family:var(--df-font-ui);font-variant-numeric:lining-nums tabular-nums;font-weight:700}.df-screen .badge{border-radius:var(--df-r-pill);font-family:var(--df-font-ui);font-weight:800}.df-screen .badge.cached{color:var(--df-ink);background:#a8bc8b59}.df-screen .badge.fresh{color:var(--df-ink);background:var(--df-blue-light)}@media (width<=640px){.df-screen .page-title .dim{margin:8px 0 0;display:block}}.df-screen.play-lobby{padding-bottom:48px}.df-screen .lobby-hero{padding:18px 0 34px}.df-screen .lobby-kicker{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-voice);letter-spacing:0;text-transform:none;color:var(--df-gold-text);margin:0 0 4px;font-size:clamp(1.15rem,2vw,1.6rem);font-style:italic;font-weight:500}.df-screen .lobby-title{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-cut);font-style:normal;font-weight:700;font-size:var(--df-text-hero);letter-spacing:-.01em;color:var(--df-rasp-deep);filter:url(#dc-type);background:0 0;-webkit-background-clip:border-box;background-clip:border-box;margin:0;line-height:.95}.df-screen .lobby-sub{max-width:44rem;font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-display);color:var(--df-ink-soft);margin:18px auto 0;font-size:clamp(1.05rem,1.45vw,1.3rem);line-height:1.5}.df-screen .how-to-play{gap:18px;margin-top:28px}.df-screen .how-to-play li{border-radius:var(--df-r-md);background:var(--df-paper) var(--df-paper-tex);filter:url(#dc);border:0;align-items:center;padding:14px 18px;rotate:-1.2deg}.df-screen .how-to-play li:nth-child(2){rotate:1deg}.df-screen .how-to-play li:nth-child(3){rotate:-.6deg}.df-screen .how-to-play strong{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-display);color:var(--df-ink);font-size:1.15rem}.df-screen .how-text{color:var(--df-ink-soft);font-size:.95rem}.df-screen .how-icon{flex:none;display:grid}.df-screen .lobby-grid{align-items:start;gap:28px}.df-screen .lobby-card{border-radius:var(--df-r-lg);background:var(--df-paper) var(--df-paper-tex);box-shadow:none;filter:url(#dc-lg);border:0;gap:16px;padding:22px 24px 24px}.df-screen .lobby-card h3{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-display);color:var(--df-ink);gap:12px;font-size:clamp(1.35rem,2vw,1.75rem);font-weight:700}.df-screen .lobby-card h3 .step{background:var(--df-gold);width:2.5rem;height:2.5rem;color:var(--df-gold-ink);box-shadow:var(--df-shadow-medal);font-family:var(--df-font-display);filter:url(#dc-sm);border-radius:50%;flex:none;font-size:1.35rem;font-weight:800}.df-screen .song-list{gap:10px;max-height:360px;padding:6px 8px 8px 4px}.df-screen button.song-item{border-radius:var(--df-r-md);background:var(--df-cut);min-height:3.6rem;color:var(--df-ink);text-align:left;justify-content:stretch;padding:8px 16px 8px 10px;font-weight:600;display:grid;box-shadow:inset 0 -3px #46281e14}.df-screen button.song-item:hover:not(:disabled){background:var(--df-cut);transform:translate(2px)}.df-screen button.song-item.selected{background:var(--df-cut);box-shadow:inset 0 0 0 3px var(--df-rasp-deep);border:0}.df-screen .song-note{display:grid}.df-screen .song-name{font-family:var(--df-font-display);font-variation-settings:"SOFT" 100;font-size:1.15rem;font-weight:650}.df-screen .song-size{font-variant-numeric:lining-nums tabular-nums;color:var(--df-ink-soft);font-weight:700}.df-screen .upload-tile{border-radius:var(--df-r-md);background:var(--df-ground);color:var(--df-ink);border:2px dashed #96324873;gap:14px;padding:12px 16px}.df-screen .upload-tile:hover,.df-screen .upload-tile.selected{border-color:var(--df-rasp-deep);background:var(--df-cut)}.df-screen .upload-icon{background:0 0;border-radius:0;width:auto;height:auto}.df-screen .upload-tile strong{font-weight:800}.df-screen .field{gap:8px}.df-screen .field-label{font-size:var(--df-text-sm);color:var(--df-ink-soft);font-weight:700}.df-screen .segmented{border-radius:var(--df-r-pill);background:var(--df-ground-deep);box-shadow:var(--df-shadow-well);border:0;flex-wrap:wrap;gap:4px;padding:5px}.df-screen .segmented button{border-radius:var(--df-r-pill);min-height:2.5rem;color:var(--df-ink-soft);box-shadow:none;filter:none;background:0 0;padding:0 18px;font-weight:700}.df-screen .segmented button:hover:not(:disabled){color:var(--df-ink);background:0 0}.df-screen .segmented button.on,.df-screen .segmented button.on:hover:not(:disabled){background:var(--df-rasp-deep);color:var(--df-cut);box-shadow:var(--df-shadow-pressed);filter:url(#dc-sm)}@media (width<=420px){.df-screen .segmented{grid-auto-columns:1fr;grid-auto-flow:column;align-self:stretch;display:grid}.df-screen .segmented button{font-size:var(--df-text-sm);white-space:nowrap;padding-inline:8px}}.df-screen .seed-row{align-items:center;gap:10px}.df-screen .seed-row input{width:9.5em}.df-screen .rehearsal-hint{font-size:var(--df-text-sm);color:var(--df-ink-soft)}.df-screen .lobby-toggles{gap:12px}.df-screen .toggle{color:var(--df-ink);gap:12px;font-weight:700}.df-screen .toggle .dim{font-weight:500}.df-screen .toggle input[type=checkbox]{appearance:none;border-radius:var(--df-r-pill);background:radial-gradient(circle, var(--df-cut) 0 11px, transparent 12px) no-repeat left 4px center / 24px 24px, var(--df-parchment-edge);width:3.5rem;height:2rem;box-shadow:var(--df-shadow-well);transition:background-position var(--df-dur) var(--df-ease), background-color var(--df-dur) var(--df-ease);margin:0}.df-screen .toggle input[type=checkbox]:checked{background:radial-gradient(circle, var(--df-cut) 0 11px, transparent 12px) no-repeat right 4px center / 24px 24px, var(--df-rasp-deep)}.df-screen .toggle input[type=checkbox]:focus-visible{outline:3px solid var(--df-rasp-deep);outline-offset:3px}.df-screen button.start-button,.df-screen button.start-button:hover:not(:disabled){border-radius:var(--df-r-pill);background:var(--df-rasp-deep);min-height:4.5rem;color:var(--df-cut);letter-spacing:.005em;box-shadow:var(--df-shadow-primary);filter:url(#dc-lg);margin-top:8px;padding:0 32px;font-size:clamp(1.3rem,1.9vw,1.7rem);transform:none}.df-screen button.start-button:hover:not(:disabled){background:var(--df-rasp-hover)}.df-screen button.start-button>img{width:1.5em;height:1.5em}.df-screen button.start-button:disabled{background:var(--df-disabled);color:var(--df-paper);opacity:1}.df-screen button.learn-button,.df-screen button.learn-button:hover:not(:disabled){border-radius:var(--df-r-pill);background:var(--df-paper);min-height:3.25rem;color:var(--df-ink);font-size:var(--df-text-md);border:0}.df-screen button.learn-button:hover:not(:disabled){background:var(--df-cut)}.df-screen .lobby-privacy{font-size:var(--df-text-sm);color:var(--df-ink-soft)}.df-screen .key-hints{font-size:var(--df-text-sm);color:var(--df-ink-soft);gap:8px 16px;font-weight:600}.df-screen .linked-banner{box-shadow:inset 0 0 0 3px var(--df-rasp-deep);border:0;margin-bottom:28px}.df-screen .linked-banner strong{font-family:var(--df-font-display);font-size:1.2rem}.df-screen .shelf-card{margin-top:32px}.df-screen .shelf-list{gap:10px;padding:6px 8px 8px 4px}.df-screen .shelf-item{border-radius:var(--df-r-md);background:var(--df-cut);border:0;min-height:4rem;padding:10px 14px 10px 18px;box-shadow:inset 0 -3px #46281e14}.df-screen .shelf-title{font-family:var(--df-font-display);font-variation-settings:"SOFT" 100;font-size:1.15rem;font-weight:650}.df-screen .shelf-meta{color:var(--df-ink-soft);font-weight:600}.df-screen button.shelf-remove{width:2.5rem;height:2.5rem;min-height:2.5rem;padding:0;font-size:1.3rem}@media (width<=640px){.df-screen .shelf-item{grid-template-columns:minmax(0,1fr) auto auto}.df-screen .shelf-info{grid-column:1/-1}.df-screen .how-to-play li{rotate:0deg}}.df-screen:has(.play-stage){z-index:calc(var(--df-z-sticky) + 1)}html:has(.play-stage) .shell-bar{visibility:hidden}.df-screen .play-stage{background:var(--df-night-deep);color:var(--df-ink);font-family:var(--df-font-ui)}.df-screen .play-stage:after{content:"";z-index:1;pointer-events:none;box-shadow:0 0 0 3px var(--df-gold), 0 0 0 6px var(--df-cut), 0 0 0 100vmax var(--df-ground);border-radius:20px;position:absolute;inset:64px 8px 8px}.df-screen .play-topbar{background:var(--df-ground) var(--df-paper-tex);gap:18px;height:64px;padding:0 14px 4px 22px}.df-screen .play-song{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-brand);color:var(--df-ink);font-size:1.3rem;font-style:normal}.df-screen .play-meta{color:var(--df-ink-soft);font-weight:600}.df-screen .play-section{border-radius:var(--df-r-pill);background:var(--df-gold);color:var(--df-gold-ink);box-shadow:inset 0 -3px 0 var(--df-gold-shade);font-size:var(--df-text-xs);letter-spacing:.08em;filter:url(#dc-sm);border:0;padding:4px 12px;font-weight:800}.df-screen .play-progress{background:var(--df-ground-deep);height:12px;box-shadow:var(--df-shadow-well)}.df-screen .play-progress span{background:linear-gradient(90deg, var(--df-rasp-deep), var(--df-rasp));border-radius:inherit}.df-screen .play-actions{gap:10px}.df-screen button.play-icon{border-radius:50%;width:2.75rem;height:2.75rem;min-height:2.75rem;padding:0;font-size:1.1rem}.df-screen button.play-icon>img{width:1.9rem;height:1.9rem}.df-screen .play-keys{color:#d9e4ecbf;text-shadow:0 1px 2px #152338e6;font-weight:600;top:68px;left:22px}.df-screen .play-caption{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-voice);color:var(--df-on-night);text-shadow:0 0 14px #152338f2}.df-screen .rehearsal-bar{gap:12px;top:96px;left:20px}.df-screen .play-badge{border-radius:var(--df-r-pill);background:var(--df-gold);color:var(--df-gold-ink);box-shadow:inset 0 -3px 0 var(--df-gold-shade);font-size:var(--df-text-xs);letter-spacing:.12em;filter:url(#dc-sm);padding:6px 14px}.df-screen .play-badge.practice{background:var(--df-rasp-deep);color:var(--df-on-rasp);box-shadow:inset 0 -3px 0 var(--df-burg)}.df-screen .play-overlay{z-index:5}.df-screen .play-overlay.dim-bg{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#15233880}.df-screen .play-card{border-radius:var(--df-r-lg);background:var(--df-paper) var(--df-paper-tex);width:min(500px,100%);color:var(--df-ink);box-shadow:none;filter:url(#dc-lg);animation:df-rise var(--df-dur-slow) var(--df-ease);border:0;padding:28px 30px}.df-screen .play-card h2{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-display);color:var(--df-ink);margin-bottom:10px;font-size:clamp(1.6rem,3vw,2.2rem);font-style:normal}.df-screen .play-card .dim{font-size:var(--df-text-md)}.df-screen .play-card.loading{background:var(--df-paper) var(--df-paper-tex);gap:16px}.df-screen .play-card-actions{gap:12px;margin-top:20px}.df-screen .play-card-actions button{border-radius:var(--df-r-pill)}.df-screen .play-loading-label{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-voice);color:var(--df-gold-text);font-size:1.35rem}.df-screen .slipper-spinner{width:76px;height:76px;box-shadow:none;filter:url(#dc);background:url(/art/icons/slipper.svg) 50%/contain no-repeat;border:0;border-radius:0;animation:.9s ease-in-out infinite df-bob}.df-pause-menu{border-radius:var(--df-r-xl);background:var(--df-paper) var(--df-paper-tex);width:min(420px,100%);max-height:calc(100dvh - 32px);color:var(--df-ink);text-align:center;filter:url(#dc-lg);flex-direction:column;align-items:center;gap:18px;padding:30px 28px 24px;display:flex;position:relative;overflow:auto}.df-pause-menu .df-hgroup{align-items:center}.df-pause-menu-icon{margin-top:-6px}.df-pause-menu-actions{flex-direction:column;align-items:stretch;gap:12px;width:100%;display:flex}.df-pause-menu-actions .df-btn-lg{min-height:4rem}.df-pause-menu-actions .df-btn-ghost{align-self:center}@media (width<=640px){.df-screen .play-stage:after{border-radius:16px;inset:64px 5px 5px}.df-screen .play-topbar{gap:10px;padding:0 8px 4px 12px}.df-screen .play-song{font-size:1.05rem}.df-pause-menu{gap:14px;padding:22px 18px 18px}}.df-screen .results-overlay{background:#1523388c}.df-screen .results-card{border-radius:var(--df-r-xl);background:var(--df-paper) var(--df-paper-tex);width:min(1120px,100%);color:var(--df-ink);box-shadow:var(--df-shadow-lift), 0 30px 80px #0a101c73;animation:df-rise var(--df-dur-slow) var(--df-ease) both;border:0;margin-top:52px;position:relative}.df-screen .results-head{flex-direction:column;align-items:center;display:flex}.df-screen .results-icon{margin:-58px 0 2px}.df-screen .results-head .lobby-kicker{color:var(--df-gold-text);font-size:clamp(1.1rem,1.8vw,1.5rem)}.df-screen .results-title{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-cut);color:var(--df-rasp-deep);filter:url(#dc-type);background:0 0;-webkit-background-clip:border-box;background-clip:border-box;margin:2px 0 10px;font-size:clamp(2.4rem,min(5.5vw,7vh),4.4rem);font-style:normal;font-weight:700;line-height:.98}.df-screen .results-blurb{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-display);color:var(--df-ink-soft)}.df-screen .results-main{gap:18px}.df-screen .results-plate{width:min(100%,26rem);padding:22px 30px 26px;position:relative;rotate:-1deg}.df-screen .results-plate .results-score{font-family:var(--df-font-display);font-variant-numeric:lining-nums tabular-nums;letter-spacing:.02em;color:var(--df-foil);text-shadow:none;font-size:clamp(3rem,min(8vw,9vh),5.6rem);font-weight:700;line-height:1}.df-screen .results-grade{font-size:calc(var(--df-medal-size) * .6);animation:df-pop var(--df-dur-slow) var(--df-ease) .25s both;position:absolute;top:-22px;left:-22px;rotate:-10deg}.df-screen .results-grade.grade-B,.df-screen .results-grade.grade-C{background:var(--df-blue-light);color:var(--df-night);box-shadow:inset -4px -5px 0 var(--df-blue-shade), inset 3px 3px 0 var(--df-glass)}.df-screen .results-grade.grade-D{background:var(--df-rasp-deep);color:var(--df-cut);box-shadow:inset -4px -5px 0 var(--df-burg), inset 3px 3px 0 var(--df-rasp)}.df-screen .results-stars{letter-spacing:.1em;filter:url(#dc-sm);font-size:clamp(2.4rem,5vw,3.4rem)}.df-screen .results-stars-bg{color:var(--df-ground-deep)}.df-screen .results-stars-fg{color:var(--df-gold);text-shadow:none}.df-screen .results-stat-value{font-family:var(--df-font-ui);font-variant-numeric:lining-nums tabular-nums;color:var(--df-ink);font-weight:800}.df-screen .results-stat-label{letter-spacing:.1em;color:var(--df-ink-soft);font-weight:700}.df-screen .results-counts{gap:12px}.df-screen .results-counts li{border-radius:var(--df-r-md);background:var(--df-cut);filter:url(#dc-sm);border:0;padding:12px 4px 10px;rotate:-2deg}.df-screen .results-counts li:nth-child(2n){rotate:1.5deg}.df-screen .results-counts strong{font-family:var(--df-font-ui);font-variant-numeric:lining-nums tabular-nums;font-weight:800}.df-screen .results-counts span{letter-spacing:.08em;color:var(--df-ink-soft);font-weight:800}.df-screen .results-counts li[data-judgment=perfect]{background:var(--df-gold);box-shadow:inset 0 -4px 0 var(--df-gold-shade)}.df-screen .results-counts li[data-judgment=perfect] :is(strong,span){color:var(--df-gold-ink)!important}.df-screen .results-counts li[data-judgment=good]{background:var(--df-blue-light)}.df-screen .results-counts li[data-judgment=good] :is(strong,span){color:var(--df-night)!important}.df-screen .results-counts li[data-judgment=ok] :is(strong,span){color:var(--df-rasp-deep)!important}.df-screen .results-counts li[data-judgment=miss] :is(strong,span){color:var(--df-ink-soft)!important}.df-screen .results-actions{gap:12px}@media (width>=641px){.df-screen .results-actions{z-index:2;background:linear-gradient(#f8f0de00, var(--df-paper) 35%);padding:16px 0 12px;position:sticky;bottom:0}}.df-screen .results-actions button:not([class*=df-]){min-height:3.25rem;font-size:var(--df-text-md);padding:0 24px}.df-screen .results-actions button.primary:not([class*=df-]){filter:url(#dc);min-height:3.75rem;padding:0 30px;font-size:1.2rem}.df-screen .results-actions button.results-menu:not([class*=df-]){box-shadow:none;filter:none;color:var(--df-rasp-deep);text-underline-offset:5px;background:0 0;text-decoration:underline;text-decoration-thickness:2px}.df-screen .results-details{font-size:var(--df-text-sm);color:var(--df-ink-soft)}.df-screen .results-spot{border-radius:var(--df-r-lg);background:var(--df-cut);box-shadow:var(--df-shadow-lift);border:0;gap:18px;padding:14px 16px}.df-screen .results-spot.hardest{box-shadow:inset 0 0 0 3px var(--df-rasp-deep), var(--df-shadow-lift)}.df-screen .results-spot.best{box-shadow:inset 0 0 0 3px var(--df-gold), var(--df-shadow-lift)}.df-screen .results-spot h3{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-display);color:var(--df-ink)}.df-screen .results-spot-kicker{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-voice);letter-spacing:0;text-transform:none;color:var(--df-rasp-deep);font-size:1.05rem;font-style:italic;font-weight:600}.df-screen .results-spot.best .results-spot-kicker{color:var(--df-gold-text)}.df-screen .results-spot-pct{font-family:var(--df-font-ui);font-variant-numeric:lining-nums tabular-nums;color:var(--df-ink-soft);font-weight:800}.df-screen .results-tip{color:var(--df-ink-soft)}.df-screen .results-pictogram{border-radius:var(--df-r-md);background:var(--df-night);box-shadow:0 0 0 3px var(--df-gold), 0 0 0 6px var(--df-cut)}.df-screen button.results-practice{background:var(--df-rasp-deep);color:var(--df-cut);box-shadow:var(--df-shadow-primary);border:0;margin-top:12px}.df-screen button.results-practice:hover:not(:disabled){background:var(--df-rasp-hover)}.df-screen .results-list-title{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-display);letter-spacing:0;text-transform:none;color:var(--df-ink);font-size:1.3rem;font-weight:700}.df-screen .results-moves li{font-weight:600}.df-screen .results-bar{background:var(--df-night);height:12px;box-shadow:inset 0 0 0 2px var(--df-gold)}.df-screen .results-move-pct{font-family:var(--df-font-ui);color:var(--df-ink);font-weight:800}@media (width<=640px){.df-screen .results-grid{margin-top:14px}.df-screen .results-grade{--df-medal-size:3.8rem;top:-16px;left:-10px}.df-screen .results-counts{grid-template-columns:repeat(2,minmax(0,1fr))}}.df-screen .calib{padding:20px var(--df-gutter) 22px;color:var(--df-ink);font-family:var(--df-font-ui);background:var(--df-paper-tex), url(/art/storybook/realm.svg) center / cover no-repeat, var(--df-ground);box-shadow:inset var(--df-vignette);gap:18px}.df-screen .calib-kicker{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-voice);letter-spacing:0;text-transform:none;color:var(--df-gold-text);font-size:clamp(1.1rem,1.8vw,1.5rem);font-style:italic}.df-screen .calib-title{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-cut);color:var(--df-rasp-deep);filter:url(#dc-type);background:0 0;-webkit-background-clip:border-box;background-clip:border-box;font-size:clamp(2.2rem,4vw,3.4rem);font-style:normal;font-weight:700;line-height:1}.df-screen .calib-steps{color:var(--df-ink-soft);gap:10px 22px;font-weight:700}.df-screen .calib-steps li.on{color:var(--df-ink)}.df-screen .calib-steps li.done{color:var(--df-gold-text)}.df-screen .calib-step-num{background:var(--df-paper);width:2.2em;height:2.2em;color:var(--df-ink-soft);border:0;font-weight:800;box-shadow:inset 0 0 0 2px #5b4a3b4d}.df-screen .calib-steps li.on .calib-step-num{background:var(--df-rasp-deep);color:var(--df-cut);box-shadow:var(--df-shadow-pressed);border:0}.df-screen .calib-steps li.done .calib-step-num{background:var(--df-gold);color:var(--df-gold-ink);box-shadow:var(--df-shadow-medal)}.df-screen .calib-body{gap:32px}.df-screen .calib-mirror{border-radius:var(--df-r-xl);background:linear-gradient(var(--df-night), var(--df-night)) padding-box, radial-gradient(circle, var(--df-gold-light) 2.1px, transparent 2.6px) 6px 6px / 12px 12px border-box, linear-gradient(var(--df-gold), var(--df-gold)) border-box;box-shadow:inset 0 0 0 3px var(--df-gold-light), inset 0 0 50px #00000073, 0 0 0 3px var(--df-gold-shade), var(--df-shadow-lift);border:12px solid #0000;overflow:visible}.df-screen .calib-mirror:before{content:"";z-index:3;aspect-ratio:120/64;pointer-events:none;background:url(/art/storybook/crest.svg) 50%/contain no-repeat;width:84px;position:absolute;top:-36px;left:50%;translate:-50%}.df-screen .calib-mirror>:is(video,canvas){border-radius:16px}.df-screen .calib-mirror.ok{box-shadow:inset 0 0 0 3px var(--df-gold-light), inset 0 0 50px #00000059, 0 0 0 3px var(--df-gold-shade), var(--df-shadow-lift), var(--df-glory);border-color:#0000}.df-screen .calib-star{color:var(--df-gold-light);text-shadow:0 0 0 var(--df-cut), 0 0 28px #f2db94e6}.df-screen .calib-panel{border-radius:var(--df-r-lg);background:var(--df-paper) var(--df-paper-tex);filter:url(#dc-lg);align-self:start;gap:18px;padding:24px 26px}.df-screen .calib-hint{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-display);color:var(--df-ink);text-shadow:none;font-size:clamp(1.9rem,3.4vw,3.2rem);font-style:normal}.df-screen .calib-sub{color:var(--df-ink-soft);font-size:clamp(1.05rem,1.4vw,1.3rem)}.df-screen .calib-checklist{color:var(--df-ink-soft);gap:10px;font-weight:700}.df-screen .calib-checklist li.ok{color:var(--df-sage-deep)}.df-screen .calib-meter{background:var(--df-ground-deep);height:22px;box-shadow:var(--df-shadow-well)}.df-screen .calib-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--df-rasp-deep), var(--df-gold))}.df-screen .calib-beats span{border:3px solid var(--df-gold-shade);background:var(--df-cut)}.df-screen .calib-beats span.past{background:var(--df-gold-light)}.df-screen .calib-beats span.now{border-color:var(--df-rasp-deep);background:var(--df-rasp-deep);box-shadow:0 0 0 3px var(--df-cut)}.df-screen .calib-heard{font-variant-numeric:lining-nums tabular-nums;color:var(--df-ink)}.df-screen .calib-actions{gap:12px}.df-screen .calib-actions button:not([class*=df-]){min-height:3.25rem;font-size:var(--df-text-md);padding:0 24px}.df-screen .calib-keys{font-size:var(--df-text-sm);color:var(--df-ink-soft);margin-top:4px;font-weight:600}@media (width<=900px){.df-screen .calib{padding:14px 16px 18px}.df-screen .calib-body{gap:20px}.df-screen .calib-mirror{border-width:8px}.df-screen .calib-panel{padding:18px}}.df-screen.teach{gap:20px;padding-bottom:40px}.df-screen .teach-kicker{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-voice);letter-spacing:0;text-transform:none;color:var(--df-gold-text);font-size:1.1rem;font-style:italic}.df-screen .teach-small{font-size:var(--df-text-sm);color:var(--df-ink-soft);font-weight:600}.df-screen .teach-small.warn{color:var(--df-rasp-deep)}.df-screen .teach-head{gap:20px}.df-screen .teach-title h2{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-cut);color:var(--df-rasp-deep);filter:url(#dc-type);background:0 0;-webkit-background-clip:border-box;background-clip:border-box;margin:2px 0 8px;font-size:clamp(2rem,4vw,3rem);font-style:normal;font-weight:700;line-height:1}.df-screen .teach-meta{color:var(--df-ink-soft);font-weight:600}.df-screen .teach-cam{color:var(--df-ink-soft);font-weight:700}.df-screen .teach-cam.bot{color:var(--df-sage-deep)}.df-screen .teach-cam.error{color:var(--df-rasp-deep)}.df-screen :is(a,button).teach-button,.df-screen a.teach-back{border-radius:var(--df-r-pill);background:var(--df-paper);min-height:2.75rem;color:var(--df-ink);font-family:var(--df-font-ui);box-shadow:var(--df-shadow-quiet);filter:url(#dc-sm);border:0;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:1rem;font-weight:800;text-decoration:none;display:inline-flex}.df-screen :is(a,button).teach-button:hover:not(:disabled),.df-screen a.teach-back:hover{background:var(--df-cut)}.df-screen :is(a,button).teach-button.primary{background:var(--df-rasp-deep);color:var(--df-cut);box-shadow:var(--df-shadow-primary)}.df-screen :is(a,button).teach-button.primary:hover:not(:disabled){background:var(--df-rasp-hover)}.df-screen :is(a,button).teach-button.big{min-height:3.25rem;font-size:var(--df-text-md);filter:url(#dc);padding:0 24px}.df-screen :is(a,button).teach-button.toggle.on,.df-screen :is(a,button).teach-button.speed.on{background:var(--df-rasp-deep);color:var(--df-cut);box-shadow:var(--df-shadow-pressed)}.df-screen .teach-segments{padding:8px 4px 10px}.df-screen button.teach-seg{border:0;border-top:5px solid var(--seg);border-radius:var(--df-r-md);background:var(--df-paper);min-height:0;color:var(--df-ink);box-shadow:var(--df-shadow-quiet);justify-content:flex-start;align-items:flex-start;gap:4px;padding:10px 12px;font-weight:600;display:flex}.df-screen button.teach-seg:hover:not(:disabled){background:var(--df-cut);transform:translateY(-1px)}.df-screen button.teach-seg.active{background:var(--df-cut);box-shadow:inset 0 0 0 3px var(--df-rasp-deep)}.df-screen .teach-seg-label{color:var(--df-ink-soft);font-weight:600}.df-screen .teach-seg-label b,.df-screen .teach-seg-moves{color:var(--df-ink)}.df-screen .teach-tag{color:var(--df-gold-ink);background:var(--df-gold);box-shadow:inset 0 -2px 0 var(--df-gold-shade)}.df-screen .teach-tag.nailed{box-shadow:none;background:0 0}.df-screen .teach-stage{border-radius:var(--df-r-xl);background:var(--df-night-deep);box-shadow:0 0 0 3px var(--df-gold), 0 0 0 7px var(--df-cut), 0 6px 14px 7px #4a322038;border:0}.df-screen .teach-tip{border:3px solid var(--df-cut);background:var(--df-rasp-deep);color:var(--df-on-rasp);box-shadow:0 6px 18px #15233866}.df-screen .teach-tip[data-good=yes]{border-color:var(--df-cut);background:var(--df-gold);color:var(--df-gold-ink)}.df-screen .teach-overlay{background:#15233873}.df-screen .teach-card{border-radius:var(--df-r-lg);background:var(--df-paper) var(--df-paper-tex);color:var(--df-ink);box-shadow:none;filter:url(#dc-lg);border:0}.df-screen .teach-card h2{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-display);color:var(--df-ink);font-size:clamp(1.5rem,2.6vw,2rem);font-style:normal}.df-screen .teach-card p{color:var(--df-ink-soft)}.df-screen .teach-card b{color:var(--df-ink)}.df-screen .teach-card.loading{color:var(--df-gold-text);font-family:var(--df-font-display);font-size:1.25rem;font-style:italic}.df-screen .teach-spinner{background:url(/art/icons/slipper.svg) 50%/contain no-repeat;border:0;border-radius:0;width:72px;height:72px;animation:.9s ease-in-out infinite df-bob}.df-screen .teach-camcard{border-radius:var(--df-r-lg);background:var(--df-paper) var(--df-paper-tex);color:var(--df-ink);box-shadow:inset 0 0 0 3px var(--df-gold), var(--df-shadow-lift);border:0}.df-screen .teach-nailed{background:var(--df-night);box-shadow:inset 0 0 0 3px var(--df-gold), inset 0 0 0 5px var(--df-gold-shade), var(--df-shadow-lift);border:0}.df-screen .teach-nailed-badge{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-voice);color:var(--df-gold-light)}.df-screen .teach-side{gap:16px}.df-screen .teach-panel{border-radius:var(--df-r-lg);background:var(--df-paper) var(--df-paper-tex);box-shadow:var(--df-shadow-lift);border:0;gap:8px;padding:16px 18px}.df-screen .teach-label{font-size:var(--df-text-sm);letter-spacing:.01em;text-transform:none;color:var(--df-ink-soft);font-weight:700}.df-screen .teach-seg-title{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-display);color:var(--df-ink);font-size:1.3rem}.df-screen .teach-moves{color:var(--df-ink-soft);font-weight:600}.df-screen .teach-acc{border-radius:var(--df-r-md);background:var(--df-night);color:var(--df-on-night-soft);font-family:var(--df-font-ui);font-variant-numeric:lining-nums tabular-nums;box-shadow:inset 0 0 0 3px var(--df-gold);align-self:flex-start;padding:6px 16px}.df-screen .teach-streak>span:not(.teach-small){background:var(--df-ground-deep);width:16px;height:16px;box-shadow:var(--df-shadow-well);border:0}.df-screen .teach-streak>span.on{background:var(--df-gold);box-shadow:var(--df-shadow-medal)}.df-screen .teach-suggest{box-shadow:inset 0 0 0 3px var(--df-gold), var(--df-shadow-lift);animation:none}.df-screen .teach-suggest.nailed strong{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-voice);color:var(--df-rasp-deep)}.df-screen .teach-history li{background:var(--df-night);color:var(--df-on-night-soft);border-width:2px}.df-screen .teach-history li b{color:var(--df-cut)}.df-screen.page{padding-bottom:40px}.df-screen .toolbar,.df-screen .transport{gap:12px 16px}.df-screen .toolbar label,.df-screen .transport label{color:var(--df-ink-soft);font-weight:700}.df-screen.analysis-debug .panel+.panel{margin-top:22px}.df-screen .panel .analysis-title{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-display);color:var(--df-ink);font-size:1.4rem}.df-screen .timeline-scroller{border-radius:var(--df-r-md);background:var(--df-night);box-shadow:inset 0 0 0 3px var(--df-gold)}.df-screen .live-view{border-radius:var(--df-r-lg);background:var(--df-night);color:var(--df-on-night-soft);box-shadow:inset 0 0 0 3px var(--df-gold), inset 0 0 0 5px var(--df-gold-shade);margin-top:6px;padding:16px 20px}.df-screen .live-section{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-display);color:var(--df-gold-light)}.df-screen .live-barbeat{color:var(--df-on-night)}.df-screen .beat-circle{border-color:var(--df-blue);background:rgb(163 195 216/calc(.1 + .8 * var(--flash)));box-shadow:0 0 calc(70px * var(--flash)) rgb(163 195 216/calc(.8 * var(--flash)))}.df-screen .beat-circle.downbeat{border-color:var(--df-gold);background:rgb(219 179 94/calc(.1 + .8 * var(--flash)));box-shadow:0 0 calc(70px * var(--flash)) rgb(219 179 94/calc(.8 * var(--flash)))}.df-screen :is(.preview-figure,.move-canvas,.detail-canvas){background:radial-gradient(circle at 50% 40%, #34496a, var(--df-night-deep) 72%);box-shadow:inset 0 0 0 3px var(--df-gold)}.df-screen .sections-table th{color:var(--df-ink-soft);border-bottom:2px dashed var(--df-rule);font-weight:700}.df-screen .sections-table td{border-bottom:1px solid #c9ae7c66}.df-screen .sections-table tbody tr:hover{background:var(--df-cut)}.df-screen .sections-table tbody tr.active{background:#f2db948c}.df-screen .group-chip{color:var(--df-ink)}.df-screen .energy-bar{background:var(--df-ground-deep);box-shadow:var(--df-shadow-well)}.df-screen .gallery-head{margin-bottom:22px}.df-screen .gallery-stats b{color:var(--df-ink);font-weight:800}.df-screen .move-grid{gap:18px}.df-screen button.move-card{border-radius:var(--df-r-md);background:var(--df-paper) var(--df-paper-tex);min-height:0;color:var(--df-ink);text-align:left;box-shadow:var(--df-shadow-lift);filter:none;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:4px;padding:10px 10px 12px;font-weight:500;line-height:1.35;display:flex}.df-screen button.move-card:hover:not(:disabled){background:var(--df-cut);translate:0 -2px}.df-screen .move-name{font-family:var(--df-font-display);font-variation-settings:"SOFT" 100;font-size:1.1rem;font-weight:650}.df-screen .move-id,.df-screen .move-meta{color:var(--df-ink-soft)}.df-screen .idot{background:var(--df-ground-deep)}.df-screen .energy-label{color:var(--df-ink-soft);margin-right:.15em;font-weight:700}.df-screen .move-card{container-type:inline-size}.df-screen .move-card .move-meta{flex-wrap:nowrap;gap:0 .4em;font-size:clamp(9px,5.4cqi,.82rem)}.df-screen .move-card .intensity{align-items:center;gap:.15em}.df-screen .move-card .idot{width:.6em;height:.6em}.df-screen .move-card .move-meta .diff{text-transform:capitalize;letter-spacing:0}.df-screen .diff{font-weight:800}.df-screen .diff-easy{color:var(--df-sage-deep)}.df-screen .diff-normal{color:var(--df-gold-text)}.df-screen .diff-hard{color:var(--df-rasp-deep)}.df-screen .tag{color:var(--df-ink-soft);background:var(--df-ground-deep);font-weight:700}.df-screen .tag.seated{color:var(--df-ink);background:var(--df-blue-light)}.df-screen .modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2e242180}.df-screen .move-detail{background:var(--df-paper) var(--df-paper-tex);border-radius:var(--df-r-xl)}.df-screen .panel .detail-title{font-family:var(--df-font-display);font-variation-settings:var(--df-fvs-display);color:var(--df-ink);font-size:1.7rem}.df-screen button.thumb{border-radius:var(--df-r-sm);filter:none;flex-direction:column;gap:2px;min-height:0;padding:6px;font-size:.8rem;font-weight:700}.df-screen button.thumb.active{box-shadow:inset 0 0 0 3px var(--df-rasp-deep)}.df-screen .thumb canvas{background:var(--df-night)}.df-screen:is(.analysis-debug,.move-gallery) input[type=checkbox]:not([class*=df-]){appearance:none;border-radius:var(--df-r-pill);background:radial-gradient(circle, var(--df-cut) 0 9px, transparent 10px) no-repeat left 4px center / 20px 20px, var(--df-parchment-edge);width:3rem;height:1.75rem;box-shadow:var(--df-shadow-well);cursor:pointer;transition:background-position var(--df-dur) var(--df-ease);flex:none;margin:0}.df-screen:is(.analysis-debug,.move-gallery) input[type=checkbox]:not([class*=df-]):checked{background:radial-gradient(circle, var(--df-cut) 0 9px, transparent 10px) no-repeat right 4px center / 20px 20px, var(--df-rasp-deep)}.df-screen:is(.analysis-debug,.move-gallery) input[type=range]:not([class*=df-]){appearance:none;cursor:pointer;background:0 0;height:1.75rem}.df-screen:is(.analysis-debug,.move-gallery) input[type=range]:not([class*=df-])::-webkit-slider-runnable-track{border-radius:var(--df-r-pill);background:var(--df-parchment-edge);height:10px;box-shadow:var(--df-shadow-well)}.df-screen:is(.analysis-debug,.move-gallery) input[type=range]:not([class*=df-])::-moz-range-track{border-radius:var(--df-r-pill);background:var(--df-parchment-edge);height:10px}.df-screen:is(.analysis-debug,.move-gallery) input[type=range]:not([class*=df-])::-webkit-slider-thumb{appearance:none;background:var(--df-gold);width:22px;height:22px;box-shadow:inset -2px -2px 0 var(--df-gold-shade), inset 2px 2px 0 var(--df-gold-light), 0 0 0 3px var(--df-cut);border-radius:50%;margin-top:-6px}.df-screen:is(.analysis-debug,.move-gallery) input[type=range]:not([class*=df-])::-moz-range-thumb{background:var(--df-gold);width:22px;height:22px;box-shadow:0 0 0 3px var(--df-cut);border:0;border-radius:50%}.df-screen:is(.analysis-debug,.move-gallery) input:not([class*=df-]):focus-visible{outline:3px solid var(--df-rasp-deep);outline-offset:3px}:root{--story:var(--df-font-display);--mono:var(--df-font-ui)}body,.page-title .dim{font-family:var(--df-font-ui)}code,dd,kbd,.mono,.play-debug{font-variant-numeric:lining-nums tabular-nums}.acct-page{min-height:calc(100dvh - 60px);overflow-x:clip}.acct-page-body{max-width:78rem;padding-block:clamp(24px,5vh,48px) 96px}.acct-lede{max-width:52ch;margin:0}.acct-note{color:var(--df-ink-soft);margin:0}.acct-panels{grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));align-items:start;gap:40px 32px;display:grid}.acct-wide{grid-column:1/-1}.acct-hero{flex-wrap:wrap;align-items:center;gap:16px 24px;display:flex}.acct-avatar{--acct-size:3rem;width:var(--acct-size);height:var(--acct-size);background:var(--acct-c,var(--df-gold));filter:url(#dc-sm);border-radius:50%;flex:none;place-items:center;display:inline-grid;box-shadow:inset -3px -4px #2e242138,inset 2px 2px #fffaf059}.acct-avatar>img{width:80%;height:80%}.acct-avatar-sm{--acct-size:2.5rem}.acct-avatar-lg{--acct-size:6.5rem;filter:url(#dc)}.acct-dot{background:var(--df-disabled);vertical-align:.05em;border-radius:50%;width:.65rem;height:.65rem;margin-right:2px;display:inline-block}.acct-dot.is-on{background:var(--df-sage-deep);box-shadow:0 0 0 3px #a8bc8b8c}.acct-chip{border-radius:var(--df-r-pill);background:var(--df-paper);max-width:13rem;min-height:2.75rem;color:var(--df-ink);font-family:var(--df-font-ui);font-weight:800;font-size:var(--df-text-sm);filter:url(#dc-sm);transition:background-color var(--df-dur-fast) var(--df-ease);align-items:center;gap:8px;padding:2px 14px 2px 3px;text-decoration:none;display:inline-flex}.acct-chip:hover{background:var(--df-cut)}.acct-chip .acct-avatar{filter:none}.acct-chip-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=480px){.acct-chip{padding-right:3px}.acct-chip-name{display:none}}.acct-name-row{grid-template-columns:1fr auto;align-items:center;gap:8px 10px;display:grid}.acct-name-row>.df-label{grid-column:1/-1}@media (width<=480px){.acct-name-row{grid-template-columns:1fr}.acct-name-row>.df-btn{justify-self:start}}.acct-fieldset{border:0;flex-direction:column;gap:10px;min-width:0;margin:0;padding:0;display:flex}.acct-fieldset>legend{margin-bottom:10px;padding:0}.acct-swatch-label{cursor:pointer}.acct-swatch{background:var(--acct-c);width:2.5rem;height:2.5rem;box-shadow:var(--df-shadow-lift);transition:box-shadow var(--df-dur-fast) var(--df-ease);border-radius:50%;display:block}:checked+.acct-swatch{box-shadow:var(--df-shadow-picked)}:focus-visible+.acct-swatch,:focus-visible+.df-token{outline:3px solid var(--df-rasp-deep);outline-offset:4px}.acct-picker{grid-template-columns:repeat(auto-fill,minmax(3.5rem,1fr));justify-items:center;gap:8px 4px;display:grid}.acct-pick{cursor:pointer;border-radius:50%;place-items:center;width:3.5rem;height:3.5rem;display:grid}.acct-pick .df-token{--df-token-size:3rem;transition:scale var(--df-dur-fast) var(--df-ease)}.acct-pick:hover .df-token{scale:1.08}.acct-code-input{font-family:var(--df-font-display);letter-spacing:.12em;text-transform:uppercase;font-size:1.3rem;font-weight:700}.acct-code-input::placeholder{letter-spacing:.12em}.acct-code-chip{height:52px;padding-inline:16px 20px}.acct-code-chip .df-foil{letter-spacing:.1em;font-size:1.6rem}.acct-code{font-family:var(--df-font-display);letter-spacing:.08em;font-weight:700}.acct-link{align-self:flex-start}.acct-friend.is-away .df-item-title{color:var(--df-ink-soft)}.acct-friend-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:6px;margin-left:auto;display:flex}@media (width<=480px){.acct-friend{flex-wrap:wrap}.acct-friend-actions{width:100%}}.acct-sheet-lede{margin:0}.acct-toast{gap:10px;max-width:34rem;padding:10px 12px 10px 14px}.acct-toast .acct-avatar{filter:none}.acct-toast-text{flex:1;min-width:0}.bdg-gold{--bdg-ring:var(--df-gold);--bdg-ring-shade:var(--df-gold-shade);--bdg-ring-light:var(--df-gold-light)}.bdg-silver{--bdg-ring:var(--df-blue-light);--bdg-ring-shade:var(--df-blue-shade);--bdg-ring-light:var(--df-glass)}.bdg-bronze{--bdg-ring:#d29d6c;--bdg-ring-shade:#a66a3f;--bdg-ring-light:#ecc8a0}.bdg-seal{--bdg-size:5.25rem;width:var(--bdg-size);height:var(--bdg-size);background:var(--bdg-ring);box-shadow:inset -4px -5px 0 var(--bdg-ring-shade), inset 3px 3px 0 var(--bdg-ring-light);filter:url(#dc);transition:rotate var(--df-dur) var(--df-ease), scale var(--df-dur) var(--df-ease);border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative}.bdg-seal:before{content:"";background:var(--df-paper) var(--df-paper-tex);box-shadow:var(--df-shadow-well);border-radius:50%;position:absolute;inset:13%}.bdg-seal>img{width:68%;height:68%;position:relative}.bdg-seal-sm{--bdg-size:4.25rem}.bdg-seal-lg{--bdg-size:8rem}.bdg-seal.is-locked{box-shadow:inset 0 0 0 3px var(--df-rule);filter:none;background:0 0}.bdg-seal.is-locked:before{border:2px dashed var(--df-rule);box-shadow:none;background:0 0;inset:9%}.bdg-seal.is-locked>img{filter:brightness(0);opacity:.14}.bdg-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,9.25rem),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.bdg-tile{border-radius:var(--df-r-md);width:100%;height:100%;color:var(--df-ink);font:inherit;text-align:center;cursor:pointer;transition:background-color var(--df-dur-fast) var(--df-ease);background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:16px 8px 14px;display:flex}.bdg-tile:hover{background:var(--df-cut)}.bdg-tile:hover .bdg-seal{rotate:-5deg;scale:1.05}li:nth-child(odd)>.bdg-tile:not(.is-locked) .bdg-seal{rotate:-3deg}li:nth-child(2n)>.bdg-tile:not(.is-locked) .bdg-seal{rotate:2deg}.bdg-name{font-family:var(--df-font-display);font-variation-settings:"SOFT" 100;text-wrap:balance;margin-top:4px;font-size:1.02rem;font-weight:650;line-height:1.2}.bdg-meta{font-size:var(--df-text-xs);color:var(--df-ink-soft);font-variant-numeric:lining-nums tabular-nums;font-weight:700}.is-locked .bdg-name{color:var(--df-ink-soft)}.bdg-bar{border-radius:var(--df-r-pill);background:var(--df-ground-deep);width:min(7rem,80%);height:7px;box-shadow:var(--df-shadow-well);display:block;overflow:hidden}.bdg-bar>span{border-radius:inherit;background:var(--df-rasp-deep);height:100%;display:block}@media (width<=30rem){.bdg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.bdg-tile{padding:12px 2px 10px}.bdg-tile .bdg-seal{--bdg-size:4.25rem}.bdg-name{font-size:.9rem}}.bdg-detail{flex-wrap:wrap;align-items:center;gap:18px 24px;display:flex}.bdg-detail-body{flex-direction:column;flex:14rem;align-items:flex-start;gap:10px;display:flex}.bdg-detail-desc{font-family:var(--df-font-display);font-variation-settings:"SOFT" 100;font-size:var(--df-text-lg);margin:0;line-height:1.35}.bdg-detail .bdg-bar{width:min(14rem,100%)}.bdg-toast-region{inset:max(1rem, env(safe-area-inset-top)) 0 auto;z-index:var(--df-z-toast);pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed}.bdg-toast{border-radius:var(--df-r-lg);background:var(--df-paper) var(--df-paper-tex);width:min(32rem,100%);color:var(--df-ink);box-shadow:inset 0 0 0 3px var(--bdg-ring);filter:url(#dc);pointer-events:auto;animation:bdg-drop .52s var(--df-ease);align-items:center;gap:14px;padding:12px 12px 12px 14px;display:flex;position:relative;rotate:-1.2deg}.bdg-toast .bdg-seal{animation:df-pop .64s var(--df-ease) .14s both}.bdg-toast-text{flex-direction:column;flex:1;min-width:0;display:flex}.bdg-toast-kicker{font-size:var(--df-text-sm)}.bdg-toast-name{font-family:var(--df-font-display);font-variation-settings:"SOFT" 100;font-weight:700;font-size:var(--df-text-lg);line-height:1.15}.bdg-toast-meta{color:var(--df-ink-soft);font-size:.88rem;font-weight:600;line-height:1.3}.bdg-toast-more{border-radius:var(--df-r-pill);background:var(--df-rasp-deep);color:var(--df-on-rasp);font-weight:800;font-size:var(--df-text-xs);flex:none;padding:2px 8px}.bdg-spark{width:18px;height:18px;color:var(--bdg-ring-shade);pointer-events:none;animation:1.4s ease-in-out infinite df-twinkle;position:absolute}.bdg-spark-1{top:-9px;left:18px}.bdg-spark-2{width:13px;height:13px;animation-delay:.45s;top:50%;left:-10px}.bdg-spark-3{width:15px;height:15px;animation-delay:.9s;bottom:-8px;right:46px}@keyframes bdg-drop{0%{opacity:0;translate:0 -28px;scale:.92}}html[data-reduced-motion] *,html[data-reduced-motion] :before,html[data-reduced-motion] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.shell-bar{z-index:var(--df-z-sticky);background:#eadfc7f5 var(--df-paper-tex);color:var(--df-ink);font-family:var(--df-font-ui);-webkit-font-smoothing:antialiased;font-weight:500;position:sticky;top:0}.shell-bar-inner{max-width:1680px;min-height:60px;padding:max(8px, env(safe-area-inset-top)) var(--df-gutter) 8px;align-items:center;gap:8px 18px;margin-inline:auto;display:flex}.shell-bar :focus-visible{outline:3px solid var(--df-rasp-deep);outline-offset:3px}.shell-brand{font-size:clamp(1.15rem,1.8vw,1.55rem)}.shell-where{white-space:nowrap;font-size:1.1rem}.shell-bar-end{align-items:center;gap:10px;margin-left:auto;display:flex}.shell-menu-btn{padding-inline:16px 20px}.shell-status{white-space:nowrap;gap:7px}.shell-dot{background:var(--df-ink-soft);border-radius:50%;width:9px;height:9px}.shell-dot-ok{background:var(--df-sage-deep)}.shell-dot-offline{background:var(--df-cut)}@media (width<=600px){.shell-where{display:none}}@media (width<=480px){.shell-bar .shell-status{justify-content:center;gap:0;width:2rem;height:2rem;padding:0}.shell-bar .shell-status-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell-menu-btn{padding-inline:12px 16px}}.shell-main{padding-top:20px}.shell-loading{padding:40px var(--df-gutter);text-align:center}:is(.df-screen,.shell-bar) kbd{background:var(--df-cut);min-width:1.9em;color:var(--df-ink);font:800 .85rem/1.5 var(--df-font-ui);text-align:center;box-shadow:inset 0 -2px 0 var(--df-parchment-edge), 0 0 0 1px #5b4a3b47;border:0;border-radius:8px;padding:1px 8px;display:inline-block}.shell-wrap{white-space:normal;text-overflow:clip;overflow:visible}.df-item:disabled{opacity:1;cursor:not-allowed;background:var(--df-ground-deep);color:var(--df-ink-soft)}.df-item:disabled>img{opacity:.6;filter:grayscale(.6)}.title-screen{min-height:100dvh;overflow-x:clip}.title-layout{max-width:78rem;min-height:100dvh;padding:92px var(--df-gutter) 40px;grid-template-columns:minmax(0,1fr);align-items:center;gap:32px 24px;margin-inline:auto;display:grid;position:relative}@media (width>=900px){.title-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);padding-block:clamp(40px,8vh,88px)}}.title-main{flex-direction:column;gap:28px;display:flex}.title-head{flex-direction:column;gap:14px;display:flex}.title-kicker{font-size:clamp(1.05rem,1.6vw,1.25rem)}.title-logo{font-size:clamp(3.3rem,12.5vw,6.6rem)}.title-logo>span{display:inline-block}.title-lede{max-width:34ch;margin:0;font-size:clamp(1.12rem,1.7vw,1.32rem);line-height:1.38}.title-menu{flex-direction:column;gap:22px;display:flex}.title-ctas{--df-gap:14px 18px}.title-play{padding-inline:44px 52px}@media (width<=600px){.title-ctas>.df-btn{flex:9rem;padding-inline:18px 22px}}.title-party-card{flex-direction:column;gap:12px;max-width:36rem;display:flex;rotate:-.6deg}.title-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:14px 16px;max-width:42rem;display:grid}.title-item{height:100%;min-height:4.5rem}.title-grid>li:nth-child(odd) .title-item{rotate:-.5deg}.title-grid>li:nth-child(2n) .title-item{rotate:.5deg}.title-grid>li:last-child:nth-child(odd){grid-column:1/-1}.title-foot{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}@media (pointer:coarse),(width<=600px){.title-keys{display:none}}.title-scene{aspect-ratio:1;width:100%;max-width:32rem;margin-inline:auto;position:relative}.title-st{height:auto;position:absolute}.title-st-castle{width:44%;bottom:15%;left:0;rotate:-4deg}.title-st-clock{width:33%;top:20%;right:1%;rotate:5deg}.title-st-mirror{width:55%;top:2%;left:22%;rotate:-3deg}.title-st-crown{width:26%;top:6%;left:3%}.title-st-slipper{width:38%;bottom:4%;right:3%;rotate:-7deg}.title-st-note{width:20%;animation-delay:-1.4s;bottom:2%;left:38%}.title-st-sparkles{width:18%;top:0;right:4%}@media (width<=899px){.title-scene{aspect-ratio:auto;width:9.5rem;max-width:none;height:74px;position:absolute;top:14px;right:12px}.title-st-castle,.title-st-clock,.title-st-mirror,.title-st-sparkles{display:none}.title-st-crown{width:64px;top:6px;left:0}.title-st-slipper{width:76px;top:8px;bottom:auto;right:0}.title-st-note{width:40px;top:0;bottom:auto;left:52px}}.shell-page{min-height:calc(100dvh - 60px);overflow-x:clip}.shell-page-body{max-width:78rem;padding-block:clamp(24px,5vh,48px) 64px}.shell-page-head .df-lede{max-width:52ch;margin:0}.shell-story{max-width:58ch;font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.45}.shell-panels{grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));align-items:start;gap:40px 32px;display:grid}.shell-panels-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,21rem),1fr))}.shell-note{color:var(--df-ink-soft);margin:0}.shell-page-foot{--df-gap:12px 18px;padding-top:8px}.shell-steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:28px 24px;margin:0;padding:0;list-style:none;display:grid}.shell-step{flex-direction:column;gap:10px;display:flex}.shell-step:nth-child(odd){rotate:-1deg}.shell-step:nth-child(2n){rotate:.8deg}.shell-step p{color:var(--df-ink-soft);margin:0}.shell-step-title{margin:0;font-size:1.5rem}.shell-judge{grid-template-columns:5.5rem 1fr;align-items:center;gap:12px;display:grid}.shell-judge>.df-badge{justify-self:start}.shell-key-row{display:contents}.shell-keys dd{font-family:var(--df-font-ui);font-size:1rem;font-weight:700}.shell-credits-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 40px;display:flex}.shell-plate{text-align:center;rotate:2deg}.shell-plate .df-foil{font-size:clamp(2rem,4vw,3rem)}.shell-team{flex-wrap:wrap;gap:32px 56px;margin:0;padding:0;list-style:none;display:flex}.shell-member{align-items:center}@media (width<=600px){.shell-team{justify-content:center}}.shell-member .df-tag{padding-inline:16px}.shell-member .df-tag-name{max-width:none}.shell-member:nth-child(2n) .df-tag{rotate:2deg}