/* Play Lab: contained experiments, comfortable controls, no extra floating UI. */
#lab-entry[hidden],#lab-footer-link[hidden]{display:none!important}
.lab-invitation{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 28px;padding:24px;border:2px solid #171721;border-radius:16px;background:#171721;color:#fff;box-shadow:5px 5px 0 #ff98d1}
.lab-invitation-tag{font-size:12px;letter-spacing:.12em;font-weight:800;color:#d9ef81}
.lab-invitation h3{font-size:26px;line-height:1.2;margin:8px 0}.lab-invitation p{font-size:14px;line-height:1.5;color:#d1d1df;margin:0}
.lab-launch{min-height:48px;display:flex;align-items:center;gap:24px;flex-shrink:0;border:0;border-radius:9px;padding:14px 18px;background:#edff8c;color:#171721;font:800 14px/1.3 'DM Sans',sans-serif;cursor:pointer}
#modal[data-view^=lab]{max-width:860px;background:#171721;color:#f7f6fb;border-color:#ddd6ef;border-radius:20px;box-shadow:8px 8px 0 #9277ed}
#modal[data-view^=lab] #modal-content{padding-top:10px}
#modal[data-view^=lab] .modal-close{color:#fff;background:#302d41;border-color:#7d768f}
#modal[data-view^=lab] button,#modal[data-view^=lab] input{font-family:'DM Sans',sans-serif}
#modal[data-view^=lab] button{cursor:pointer}
#modal[data-view^=lab] button:disabled{cursor:wait;opacity:.6}
#modal[data-view^=lab] :focus-visible{outline:3px solid #edff8c;outline-offset:4px}
#modal[data-view^=lab] [hidden]{display:none!important}
.lab-topline{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin:0 38px 18px 0}
.lab-wordmark{font-weight:900;font-size:14px;letter-spacing:.15em;color:#edff8c}.lab-edition{font-size:12px;font-weight:700;letter-spacing:.08em;color:#b7b0c6}
#modal .lab-title{font-family:'DM Sans',sans-serif;font-size:clamp(26px,4vw,38px);line-height:1.15;letter-spacing:-.04em;margin:0 0 12px;max-width:23ch;text-wrap:balance}
.lab-intro{font-size:16px;line-height:1.6;max-width:56ch;color:#d6d1e0;margin:0 0 28px}
.lab-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lab-menu-card{display:flex;flex-direction:column;text-align:left;gap:12px;border:0;padding:18px;border-radius:14px;background:var(--lab-tone);color:#171721;min-height:220px;transition:transform .18s}
.lab-menu-card:hover{transform:translateY(-3px)}
[data-lab-colour=pink]{--lab-tone:#ffafd9}[data-lab-colour=lime]{--lab-tone:#e6f895}[data-lab-colour=blue]{--lab-tone:#96d8f7}[data-lab-colour=yellow]{--lab-tone:#ffe98c}[data-lab-colour=purple]{--lab-tone:#cfbbff}
.lab-card-top{display:flex;justify-content:space-between;gap:8px;width:100%;font-size:12px;line-height:1.4;letter-spacing:.06em;font-weight:800}.lab-card-icon{font-size:32px;font-weight:900;line-height:1.3}.lab-menu-card strong{font-size:20px;line-height:1.2}.lab-card-description{font-size:14px;line-height:1.5}
.lab-personal{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0;font-size:14px;color:#edff8c}.lab-originals{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;border-top:1px solid #4b465c;margin-top:24px;padding-top:18px;font-size:14px}
.lab-back{background:none;border:0;padding:10px 0;color:#eee5ff;text-decoration:underline;text-underline-offset:5px;font-size:14px;line-height:1.6;min-height:44px;font-weight:700}
.lab-small{font-size:12px;line-height:1.65;color:#c1bacd;margin:16px 0 0}.lab-loading,.lab-live{font-size:14px;line-height:1.6;min-height:24px;margin:16px 0;color:#e5dfef}.lab-error{color:#ffc1d9;line-height:1.6}
.lab-primary,.lab-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 18px;border-radius:9px;font-size:14px;font-weight:800;line-height:1.3;border:1px solid transparent}.lab-primary{background:#edff8c;color:#171721}.lab-secondary{background:#302b43;color:#f4edff;border-color:#726585}
.lab-details{margin-top:24px;border-top:1px solid #514a62;padding-top:12px}.lab-details summary{font-size:14px;font-weight:700;min-height:44px;padding:12px 0;cursor:pointer}.lab-details p{font-size:14px;line-height:1.7;color:#c1bacd}
.lucky-doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.lucky-door{background:#e3cef9;color:#241831;border:2px solid #fff0ff;border-radius:14px;padding:18px 12px;text-align:center;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:12px;box-shadow:inset 0 0 0 7px #ccb0e5}.lucky-door:nth-child(2){background:#ffafd9;box-shadow:inset 0 0 0 7px #e990c0}.lucky-door:nth-child(3){background:#c6f391;box-shadow:inset 0 0 0 7px #a4d16e}.lucky-door span{font-size:12px;letter-spacing:.15em}.lucky-door strong{font-size:68px;line-height:1}.lucky-door b{font-size:14px}.lucky-door.opening{animation:lab-wiggle .3s infinite alternate}
.lucky-result{text-align:center;background:#282338;border:1px solid #6a527f;border-radius:16px;padding:28px 20px}.lab-result-tag{font-size:12px;letter-spacing:.15em;font-weight:800;color:#ffafd9}.lucky-result>strong{display:block;font-size:100px;letter-spacing:-.06em;line-height:1.2;color:#edff8c}.lucky-result>strong small{font-size:.45em}.lucky-result h3{font-size:22px;margin:10px 0}.lucky-result p{font-size:14px;line-height:1.65;max-width:42ch;margin:12px auto}.lucky-result .lab-primary{margin-top:16px}
.code-toolbar,.code-legend{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;font-size:12px;color:#d5cde2;margin-bottom:16px}.code-legend{justify-content:flex-start;gap:8px 20px;background:#2b263b;padding:12px;border-radius:8px}.code-board{display:grid;gap:7px;max-width:480px;margin:0 auto 22px}.code-row{display:grid;grid-template-columns:18px 1fr 70px;gap:10px;align-items:center}.code-row-number{font-size:12px;color:#bab0c9}.code-digits{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.code-digits span{display:grid;place-items:center;min-height:42px;border:1px solid #52485f;border-radius:7px;background:#24202e;font-size:22px;font-weight:800}.code-row.played .code-digits span{background:#353048;color:#edff8c;border-color:#7c6f95}.code-clues{display:flex;flex-direction:column;font-size:12px;gap:5px;line-height:1.3}.code-clues b{color:#edff8c}
.lab-label{display:block;margin:0 0 8px;font-size:14px;font-weight:700}.code-entry{display:flex;gap:10px;max-width:480px}.code-entry input{min-width:0;flex:1;width:100%;font-size:24px;letter-spacing:.2em;border:1px solid #7c7091;background:#fff;color:#171721;border-radius:8px;padding:10px 14px}.code-keypad{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;max-width:480px;margin-top:10px}.code-keypad button{border:1px solid #706281;border-radius:8px;background:#342c44;color:#fff;min-height:44px;font-size:18px;font-weight:700}.lab-result-row{padding:16px;border:1px solid #756185;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.reaction-rounds{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.reaction-rounds span{background:#292336;padding:12px;text-align:center;border-radius:8px;display:grid;gap:8px}.reaction-rounds small{font-size:12px;color:#c1b8d0}.reaction-rounds b{font-size:20px}.reaction-pad{width:100%;min-height:240px;background:#ccbaff;color:#231831;border:0;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;touch-action:manipulation;user-select:none}.reaction-pad strong{font-size:clamp(28px,5vw,46px);line-height:1.2}.reaction-pad span{font-size:14px}.reaction-pad[data-phase=waiting]{background:#ffb5b5}.reaction-pad[data-phase=ready]{background:#ccf893}.reaction-pad[data-phase=early]{background:#ffe39a}.reaction-score{text-align:center;display:grid;gap:10px;padding:12px}.reaction-score>strong{font-size:52px;color:#edff8c}.reaction-score small{font-size:18px}.reaction-score span,.reaction-score b{font-size:14px}
.sticker-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:16px}.sticker-palette{display:flex;gap:7px;flex-wrap:wrap}.sticker-palette button{width:44px;min-height:44px;font-size:27px;background:#edff8c;border:0;border-radius:50%;color:#171721}.sticker-stage{height:350px;width:100%;overflow:hidden;position:relative;border-radius:16px;border:1px solid #776193;background-color:#242343;background-image:radial-gradient(#615074 1px,transparent 1px);background-size:22px 22px;isolation:isolate}.sticker-body{position:absolute;left:0;top:0;display:grid;place-items:center;width:56px;height:56px;border:2px solid #171721;border-radius:50%;font-size:32px;font-weight:800;color:#171721;touch-action:none;user-select:none;will-change:transform;box-shadow:2px 3px 0 #171721}.sticker-body[data-sticker-tone="0"]{background:#f0ff72}.sticker-body[data-sticker-tone="1"]{background:#ff9bd4}.sticker-body[data-sticker-tone="2"]{background:#86d9ff}.sticker-body[data-sticker-tone="3"]{background:#ccb5ff}.sticker-controls{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.sticker-controls .lab-back{padding-inline:12px}
.beat-top{display:flex;gap:24px;align-items:center;margin:20px 0}.beat-top label{flex:1;display:grid;gap:12px;font-size:12px;font-weight:700}.beat-top input{width:100%;accent-color:#edff8c;min-height:30px}.beat-scroll{max-width:100%;overflow-x:auto;padding:8px 2px 16px;overscroll-behavior-x:contain}.beat-grid{display:grid;grid-template-columns:50px repeat(8,minmax(44px,1fr));gap:6px;min-width:450px;align-items:center}.beat-row-label{font-size:12px;font-weight:700;color:#d7cbe8}.beat-column-label{text-align:center;font-size:12px;padding:6px;border-radius:6px}.beat-column-label.playing{background:#edff8c;color:#171721}.beat-cell{min-width:44px;min-height:48px;background:#30283f;border:1px solid #76638a;border-radius:7px;color:#c4b2d7;font-size:22px}.beat-cell[aria-pressed=true]{background:#c9b3ff;color:#211d2b;border-color:#e7daff}.beat-cell[data-track="0"][aria-pressed=true]{background:#ffadd7}.beat-cell[data-track="1"][aria-pressed=true]{background:#f5e68a}.beat-cell[data-track="2"][aria-pressed=true]{background:#97d9ff}.beat-presets{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.beat-presets>span{font-size:12px;margin-right:8px}
@keyframes lab-wiggle{from{transform:rotate(-2deg)}to{transform:rotate(2deg)}}
@media(max-width:600px){.lab-invitation{flex-direction:column;align-items:stretch;padding:20px;gap:18px}.lab-invitation h3{font-size:23px}.lab-launch{justify-content:space-between}.lab-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lab-menu-card{padding:15px;min-height:205px;gap:10px}.lab-menu-card strong{font-size:18px}.lab-card-description{font-size:14px}.lab-edition{display:none}.lab-intro{font-size:16px;margin-bottom:22px}.lucky-doors{gap:8px}.lucky-door{padding:18px 8px;min-height:185px}.lucky-door strong{font-size:52px}.lucky-door b{font-size:14px}.lab-result-row{align-items:flex-start;flex-direction:column}.sticker-stage{height:320px}.sticker-controls .lab-primary{flex-basis:100%}.sticker-toolbar{align-items:flex-start}.sticker-palette{max-width:220px}.reaction-pad{min-height:220px}.code-row{gap:6px;grid-template-columns:14px 1fr 63px}.code-digits{gap:5px}.code-keypad{gap:4px}.code-keypad button{min-width:0}.lab-originals{display:block}.lab-originals>span{display:block}.beat-top{gap:16px}}
@media(prefers-reduced-motion:reduce){.lab-menu-card{transition:none}.lucky-door.opening{animation:none}}