:root{--ink:#2a2420;--paper:#f6f1e8;--rust:#b8432f;--note:#fffdf8;--muted:#6f675f;--line:rgba(42,36,32,0.12);--serif:"Iowan Old Style",Palatino,Georgia,serif;--sans:"Avenir Next","Segoe UI",sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}body,html{margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:active{transform:translateY(1px)}:focus-visible{outline:2px solid var(--rust);outline-offset:3px}.shell{width:min(440px,100%);margin:0 auto;padding:calc(12px + var(--safe-top)) 16px calc(24px + var(--safe-bottom))}.shell.with-dock{padding-bottom:calc(108px + var(--safe-bottom))}.bar,.top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px}.mark{font-family:var(--serif);font-size:22px;text-decoration:none}.nav{display:flex;gap:8px;align-items:center}.back,.nav a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.back{min-width:44px;border:0;background:transparent;font-size:22px}.bar h1{font-size:18px;text-align:center;flex:1 1}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-.03em;margin:0}h1{font-size:clamp(32px,8vw,44px)}.meta{color:var(--muted);font-size:14px;margin:0}.lede{margin:0;font-size:16px}.hero{min-height:calc(100svh - 88px);display:flex;flex-direction:column;justify-content:center;gap:14px;text-align:center}.hero h1{font-size:clamp(30px,min(9vw,8vh),44px);line-height:1.15}.art{width:min(168px,24vh);height:auto;margin:0 auto;display:block}.step-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:8px}.step{background:var(--note);border-radius:16px;padding:12px 8px;box-shadow:0 10px 24px rgba(92,48,28,.08);font-size:13px}.step strong{display:block;font-size:18px;margin-bottom:4px}.btn,.btn-quiet{min-height:48px;border-radius:14px;padding:12px 16px;border:0;background:var(--rust);color:#fffdf8;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-quiet{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn-block{width:100%}.btn-ink{background:var(--ink)}.card-list,.form,.stack{display:grid;grid-gap:12px;gap:12px}.note.stack{gap:8px}.level-body{display:grid;grid-gap:16px;gap:16px}.ask-panel{display:grid;grid-gap:12px;gap:12px;justify-items:center;padding:4px 2px 8px;text-align:center}.question-text{margin:0;max-width:28ch;font-family:var(--serif);font-size:22px;line-height:1.35}.wait-open{display:grid;justify-items:center;grid-gap:16px;gap:16px;padding:20px 8px 10px;text-align:center}.wait-open p{margin:0;font-size:14px;color:var(--play-muted,var(--muted))}.wait-clock{display:flex;gap:8px}.wait-cell{display:grid;justify-items:center;grid-gap:4px;gap:4px;min-width:52px}.wait-cell strong{font-family:var(--serif);font-size:28px;font-weight:500;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--play-text,var(--ink))}.wait-cell span,.wait-open .wait-date{font-size:12px;color:var(--play-muted,var(--muted))}.gift-panel{display:grid;grid-gap:14px;gap:14px;justify-items:center;text-align:center;padding:18px 14px 14px;border-radius:20px;background:color-mix(in srgb,var(--rust) 16%,var(--note));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rust) 42%,transparent)}.gift-panel .btn{width:100%}.choice,.game-card,.level-card,.note,.play-card{background:var(--note);border-radius:18px;padding:14px 16px;box-shadow:0 10px 24px rgba(92,48,28,.08);text-align:start}.game-card{display:flex;align-items:center;gap:12px;text-decoration:none;min-height:76px}.game-card .grow{flex:1 1}.badge{border-radius:999px;padding:4px 10px;font-size:13px;background:#f3e2c4}.badge.published{background:#d9ead3}.empty{text-align:center;display:grid;grid-gap:10px;gap:10px;justify-items:center;padding:12px 0 4px}label{display:grid;grid-gap:6px;gap:6px;font-size:14px}input,select,textarea{width:100%;border:1px solid var(--line);background:white;border-radius:14px;padding:12px;min-height:48px}textarea{min-height:88px;resize:vertical}.search{background:white}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{min-height:40px;border-radius:999px;border:1px solid var(--line);background:white;padding:8px 14px}.chip.on{background:var(--rust);color:#fffdf8;border-color:var(--rust)}.play-frame .chip{background:var(--play-surface,white);color:var(--play-text,var(--ink));border-color:color-mix(in srgb,var(--play-text,var(--ink)) 28%,transparent)}.play-frame .chip.on{background:var(--play-accent,var(--rust));color:var(--play-accent-text,#fffdf8);border-color:var(--play-accent,var(--rust))}.switch{width:52px;height:32px;border-radius:999px;border:0;background:#ddd4c8;position:relative;padding:0}.switch:after{content:"";position:absolute;top:4px;inset-inline-start:4px;width:24px;height:24px;border-radius:50%;background:white}.switch.on{background:var(--rust)}.switch.on:after{inset-inline-start:24px}.row-between{gap:12px;min-height:48px}.fold,.row-between{display:flex;align-items:center;justify-content:space-between}.fold{width:100%;min-height:52px;border:0;background:var(--note);border-radius:16px;padding:0 14px;box-shadow:0 8px 18px rgba(92,48,28,.06)}.colors{display:flex;gap:10px;align-items:center}.colors input[type=color]{width:36px;height:36px;min-height:36px;padding:0;border-radius:50%;border:0}.dashed{border:1px dashed var(--line);background:transparent;box-shadow:none;width:100%;min-height:56px}.level-row{display:flex;align-items:center;gap:12px;width:100%;border:0;background:var(--note);border-radius:16px;min-height:68px;padding:10px 14px;box-shadow:0 8px 18px rgba(92,48,28,.06);text-align:start}.level-row .grow{flex:1 1}.mini{width:42px;height:32px}.dock{position:fixed;inset-inline:0;bottom:0;display:flex;gap:8px;justify-content:center;padding:12px max(16px,calc((100% - 440px) / 2)) calc(12px + var(--safe-bottom));background:color-mix(in srgb,var(--paper) 94%,transparent);box-shadow:0 -8px 24px rgba(92,48,28,.08);z-index:5}.dock>*{flex:1 1}.sheet{position:fixed;inset:0;background:color-mix(in srgb,var(--paper) 92%,#2a2420 8%);z-index:6;overflow:auto;padding:calc(12px + var(--safe-top)) 16px calc(24px + var(--safe-bottom))}.sheet-card{width:min(440px,100%);margin:0 auto;display:grid;grid-gap:12px;gap:12px}.confirm{position:fixed;inset:0;z-index:8;display:grid;place-items:center;padding:24px;background:rgba(28,22,20,.28)}.confirm-card,.level-modal{width:min(280px,100%);display:grid;grid-gap:12px;gap:12px;padding:18px;border-radius:18px;background:var(--play-surface,var(--note));color:var(--play-text,var(--ink));box-shadow:0 18px 40px rgba(0,0,0,.28)}.level-modal{width:min(400px,100%);max-height:min(78vh,720px);overflow:auto;padding:8px 12px 16px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--rust) 72%,transparent) transparent}.level-sheet{overflow:hidden;grid-template-rows:auto minmax(0,1fr) auto;padding-bottom:10px}.level-scroll{overflow:auto;min-height:0;display:grid;grid-gap:12px;gap:12px;align-content:start;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--rust) 72%,transparent) transparent}.level-rank{margin:2px auto 0;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-family:var(--serif);font-size:15px;line-height:1;color:var(--play-muted,var(--muted));box-shadow:0 0 0 1px color-mix(in srgb,var(--play-muted,var(--muted)) 50%,transparent)}@supports selector(::-webkit-scrollbar){.level-modal,.level-scroll,.picker-stack{scrollbar-width:auto;scrollbar-color:auto}}.level-modal::-webkit-scrollbar,.level-scroll::-webkit-scrollbar,.picker-stack::-webkit-scrollbar{width:10px;height:10px}.level-modal::-webkit-scrollbar-track,.level-scroll::-webkit-scrollbar-track,.picker-stack::-webkit-scrollbar-track{background:transparent;margin-block:16px}.level-modal::-webkit-scrollbar-thumb,.level-scroll::-webkit-scrollbar-thumb,.picker-stack::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--rust) 78%,transparent);background-clip:padding-box}.level-modal::-webkit-scrollbar-thumb:hover,.level-scroll::-webkit-scrollbar-thumb:hover,.picker-stack::-webkit-scrollbar-thumb:hover{background:var(--rust);background-clip:padding-box}.hint-modal{z-index:9}.hint-locked{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;color:inherit;text-align:start;cursor:pointer}.coins{display:inline-flex;align-items:center;gap:5px;width:-moz-fit-content;width:fit-content;padding:3px 8px 3px 10px;border-radius:999px;background:color-mix(in srgb,#f4c45a 58%,#fffdf8);color:#3a2912;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.coins b{font-size:15px;font-weight:650}.coin{width:16px;height:16px;display:block;flex:0 0 auto}.coin-purse{border:0;padding:0;background:transparent;line-height:0}.coin-help .confirm-card{width:min(340px,100%)}.coin-help .coin-mark{width:36px;height:36px;justify-self:center}.coin-help h2{font-size:26px;text-align:center}.coin-help p{margin:0;text-align:start;line-height:1.55}.confirm-card .coins{justify-self:center;padding:6px 12px 6px 14px}.confirm-card .coins b{font-size:20px}.confirm-card .coin{width:20px;height:20px}.hint-confirm{z-index:10}.play-frame{min-height:100svh;background:var(--play-bg,var(--paper));color:var(--play-text,var(--ink));--ink:var(--play-text,var(--ink));--paper:var(--play-bg,var(--paper));--note:var(--play-surface,var(--note));--muted:var(--play-muted,var(--muted));--rust:var(--play-accent,var(--rust))}.play-frame input,.play-frame select,.play-frame textarea{background:var(--play-surface,white);color:var(--play-text,var(--ink));border-color:color-mix(in srgb,var(--play-text,var(--ink)) 28%,transparent)}.play-frame input::placeholder,.play-frame textarea::placeholder{color:var(--play-muted,var(--muted))}.play-frame .ghost-input,.play-frame textarea.ghost-input{width:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:center;font-family:var(--serif);font-size:22px;line-height:1.35;color:inherit}.play-frame.studio{--studio-bg:var(--play-bg,#14111f);--studio-surface:var(--play-surface,#211e2c);--studio-high:color-mix(in srgb,var(--play-text,#e6dff4) 14%,var(--play-surface,#211e2c));--studio-highest:color-mix(in srgb,var(--play-text,#e6dff4) 22%,var(--play-surface,#211e2c));--studio-text:var(--play-text,#e6dff4);--studio-muted:var(--play-muted,#debfc1);--studio-primary:var(--play-accent,#ea6577);--studio-gold:var(--play-accent,#ea6577)}.play-frame.studio .shell{width:min(480px,100%)}.play-frame.studio .studio-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:64px}.play-frame.studio .studio-title{display:flex;align-items:center;gap:2px;min-width:0;flex:1 1}.play-frame.studio .studio-name{min-width:0;flex:1 1;display:grid;grid-gap:2px;gap:2px}.play-frame.studio .studio-name label{display:flex;align-items:center;gap:4px;min-width:0;color:var(--studio-muted)}.play-frame.studio input.studio-name-input{width:auto;min-width:0;flex:1 1;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--studio-text);font-family:var(--serif);font-size:20px;font-weight:700;line-height:1.2}.play-frame.studio input.studio-name-input:focus{color:var(--studio-primary)}.play-frame.studio .studio-saved{color:var(--studio-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-frame.studio .studio-tools{display:flex;align-items:center;gap:4px;flex:none}.play-frame.studio .studio-icon{width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--studio-text);text-decoration:none}.play-frame.studio .studio-icon:focus-visible,.play-frame.studio .studio-icon:hover{background:var(--studio-high)}.play-frame.studio .studio-back svg{transform:scaleX(-1)}.play-frame.studio[dir=ltr] .studio-back svg{transform:none}.play-frame.studio .studio-play{display:inline-flex;align-items:center;gap:6px;width:auto;height:36px;min-height:36px;padding:0 12px 0 14px;border-radius:999px;background:var(--play-accent);color:var(--play-accent-text);font-size:14px;font-weight:700;text-decoration:none}.play-frame.studio .studio-play svg{display:block}.studio-tour-shade{position:fixed;inset:0;z-index:40}.studio-tour-ring{position:fixed;z-index:41;pointer-events:none;box-shadow:0 0 0 9999px rgba(20,12,14,.58);border:2px solid color-mix(in srgb,var(--play-accent,#e07a6a) 78%,white)}.studio-tour-card{position:fixed;z-index:42;width:min(340px,calc(100vw - 32px));display:grid;padding:20px;border-radius:16px;border:1px solid color-mix(in srgb,var(--play-text,#f8efe8) 16%,transparent);background:var(--play-surface,#3d2428);color:var(--play-text,#f8efe8);box-shadow:0 12px 36px rgba(0,0,0,.45);text-align:start}.studio-tour-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.studio-tour-card .kicker{margin:0;padding:2px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--play-text,#f8efe8) 16%,transparent);background:color-mix(in srgb,var(--play-text,#f8efe8) 8%,transparent);color:var(--play-muted,#e4c7bc);font-size:11px;line-height:16px}.studio-tour-dots{display:flex;align-items:center;gap:6px}.studio-tour-dots span{width:6px;height:6px;border-radius:999px;background:color-mix(in srgb,var(--play-text,#f8efe8) 28%,transparent)}.studio-tour-dots span.on{width:16px;background:var(--play-accent,#e07a6a)}.studio-tour-card h2{margin:0 0 6px;font-size:22px;font-weight:700;line-height:1.35}.studio-tour-card .tour-copy{margin:0 0 20px;color:var(--play-muted,#e4c7bc);font-size:14px;line-height:1.7}.studio-tour-card .tail{position:absolute;width:12px;height:12px;background:var(--play-surface,#3d2428);border-top:1px solid color-mix(in srgb,var(--play-text,#f8efe8) 16%,transparent);border-left:1px solid color-mix(in srgb,var(--play-text,#f8efe8) 16%,transparent);transform:rotate(45deg)}.studio-tour-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.studio-tour-actions .btn{width:auto;min-height:40px;padding:0 18px;border-radius:999px;gap:4px;box-shadow:0 0 20px color-mix(in srgb,var(--play-accent,#e07a6a) 38%,transparent)}.play-frame.studio[dir=ltr] .studio-tour-next svg{transform:scaleX(-1)}.studio-tour-skip{width:auto;min-height:40px;padding:0;border:0;background:transparent;color:var(--play-muted,#e4c7bc);font-size:14px}.play-frame.studio .orbs{width:100%;margin:18px auto 0;gap:22px 10px}.play-frame.studio .orb-slot{width:100%}.play-frame.studio .orb-node{position:relative;width:80px;margin:0 auto}.play-frame.studio .orb-node .orb{width:80px}.play-frame.studio .orb.sharp{box-shadow:0 0 0 3px color-mix(in srgb,var(--play-accent,#ea6577) 78%,white),0 10px 22px color-mix(in srgb,var(--play-accent,#ea6577) 32%,transparent)}.play-frame.studio .orb.sharp.is-current{box-shadow:0 0 0 3px var(--studio-primary),0 0 0 6px var(--studio-bg),0 0 0 8px var(--studio-primary),0 12px 26px rgba(234,101,119,.4)}.play-frame.studio .orb.add{box-shadow:none;background:transparent;border:1.5px dashed var(--studio-primary)}.play-frame.studio .orb.add em{color:var(--studio-primary);font-size:32px;font-weight:300}.play-frame.studio .orb span.orb-when{inset:auto;bottom:7px;left:50%;z-index:2;width:max-content;max-width:calc(100% - 12px);height:auto;transform:translateX(-50%);padding:1px 6px;border-radius:999px;background:rgba(20,17,31,.82);color:var(--studio-gold);font-size:9px;line-height:1.4;white-space:nowrap;pointer-events:none}.play-frame.studio .orb:has(.orb-when) em{transform:translateY(-7px)}.play-frame.studio .orb-edit{top:-4px;bottom:auto;inset-inline-start:-4px;inset-inline-end:auto;width:24px;height:24px;min-height:24px;background:var(--studio-highest);color:var(--studio-gold);border:0;box-shadow:0 4px 10px rgba(0,0,0,.28)}.play-frame.studio .orb-edit svg{width:13px;height:13px}.play-frame.studio .orb-caption{margin:8px 0 0;max-width:100%;text-align:center}.play-frame.studio .orb-caption b,.play-frame.studio .orb-caption small{display:block}.play-frame.studio .orb-caption b{color:var(--studio-text);font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-frame.studio .orb-caption small{margin-top:1px;color:var(--studio-muted);font-size:10px}.play-frame.studio .orb-slot.is-current .orb-caption b{color:var(--studio-primary)}.with-edit{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px;align-items:center}.play-frame .clip{width:36px;height:36px;min-height:36px;padding:0;border:1px solid color-mix(in srgb,var(--play-text,var(--ink)) 35%,transparent);border-radius:50%;display:grid;place-items:center;flex:none;background:var(--play-surface,#fffdf8);color:var(--play-text,var(--ink))}.play-frame .section-edit{width:28px;height:28px;min-height:28px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:color-mix(in srgb,var(--play-text,var(--ink)) 62%,transparent)}.play-frame .section-edit:focus-visible,.play-frame .section-edit:hover{color:var(--play-text,var(--ink));background:color-mix(in srgb,var(--play-text,var(--ink)) 8%,transparent)}.level-head{position:relative;justify-content:flex-start}.play-frame[dir=ltr] .level-head{justify-content:flex-end}.level-tools{position:absolute;left:0;top:0;height:100%;display:flex;align-items:center;direction:ltr}.play-frame .clock-btn,.play-frame .trash-btn{width:36px;height:36px;min-height:36px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:color-mix(in srgb,var(--play-text,var(--ink)) 72%,transparent)}.play-frame .clock-btn:focus-visible,.play-frame .clock-btn:hover,.play-frame .trash-btn:focus-visible,.play-frame .trash-btn:hover{color:var(--play-text,var(--ink))}.play-frame .clock-btn.is-set{color:var(--play-accent,var(--rust))}.section-editor{z-index:11}.section-editor .confirm-card{width:min(400px,100%);max-height:min(78vh,640px);overflow:auto}.section-editor .section-card{display:flex;flex-direction:column;overflow:hidden}.section-body{flex:1 1 auto;overflow:auto;min-height:0;display:grid;grid-gap:12px;gap:12px;align-content:start;scrollbar-width:thin}.play-frame .section-card>.btn{background:var(--play-accent,var(--rust));color:var(--play-accent-text,#fffdf8)}.section-editor h2{font-size:22px}.jalali{display:grid;grid-gap:10px;gap:10px}.jalali-nav{display:flex;align-items:center;justify-content:space-between;gap:8px}.jalali-nav strong{font-family:var(--serif);font-size:18px;font-weight:500}.play-frame .jalali-nav button{width:36px;height:36px;min-height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;font-size:22px}.jalali-days,.jalali-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:2px;gap:2px;text-align:center}.jalali-week span{font-size:12px;color:var(--play-muted,var(--muted))}.play-frame .jalali-day{width:100%;height:36px;min-height:36px;padding:0;border:0;border-radius:10px;background:transparent;color:inherit}.play-frame .jalali-day.today{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--play-text,var(--ink)) 35%,transparent)}.play-frame .jalali-day.on{background:var(--play-accent,var(--rust));color:var(--play-accent-text,#fffdf8);box-shadow:none}.jalali-time{display:flex;gap:8px}.jalali-time label{flex:1 1}.play-frame .jalali-time input{text-align:center}.composer{display:flex;align-items:center;gap:8px}.composer input{flex:1 1;width:auto;min-width:0}.clip-file{display:flex;align-items:center;gap:8px;min-width:0}.clip-file span,.clip-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--play-muted,var(--muted))}.hint-editor{display:grid;grid-gap:10px;gap:10px}.hint-block{display:grid;grid-gap:8px;gap:8px}.attached{position:relative}.attached .file-card,.attached .player-block.is-video{width:100%}.attached img.media-view{width:100%;max-height:180px;margin:0;object-fit:cover;border-radius:14px}.attached:has(.file-card),.attached:has(.player-block:not(.is-video)){display:flex;align-items:center;gap:8px}.attached .player-block:not(.is-video){flex:1 1;min-width:0}.attached .player-block:not(.is-video) .player{width:100%}.play-frame .attached-clear{position:absolute;z-index:2;top:8px;inset-inline-end:8px;width:28px;height:28px;min-height:28px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--play-bg,#1c1614) 72%,transparent);color:var(--play-text,#fffdf8);font-size:18px;line-height:1}.play-frame .attached:has(.file-card) .attached-clear,.play-frame .attached:has(.player-block:not(.is-video)) .attached-clear{position:static;background:transparent;color:color-mix(in srgb,var(--play-text,var(--ink)) 72%,transparent)}.hint-line{display:grid;grid-template-columns:minmax(0,1fr) 72px auto auto;grid-gap:8px;gap:8px;align-items:center}.hint-line input{width:auto;min-width:0}.wheel-sheet{display:grid;grid-gap:8px;gap:8px}.wheel-head,.wheel-row{display:grid;grid-template-columns:24px 96px minmax(0,1fr) 32px;grid-gap:8px;gap:8px;align-items:center}.wheel-head span{font-size:12px}.wheel-head span,.wheel-index{color:var(--play-muted,var(--muted))}.wheel-index{text-align:center;font-size:13px}.play-frame .wheel-row input{min-height:40px;padding:8px 10px}.wheel-chance{position:relative;display:block}.play-frame .wheel-chance input{text-align:center;-webkit-padding-end:22px;padding-inline-end:22px}.wheel-chance i{position:absolute;inset-inline-end:8px;top:50%;transform:translateY(-50%);font-style:normal;font-size:13px;pointer-events:none;color:var(--play-muted,var(--muted))}.play-frame .icon-quiet{width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:color-mix(in srgb,var(--play-text,var(--ink)) 62%,transparent)}.play-frame .icon-quiet:focus-visible,.play-frame .icon-quiet:hover{color:var(--play-text,var(--ink))}.play-frame .icon-quiet:disabled{opacity:.35}.kind-menu{grid-gap:6px;gap:6px}.kind-box,.kind-menu{display:grid}.play-frame .kind-trigger{width:100%;min-height:48px;padding:12px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--play-text,var(--ink)) 28%,transparent);background:var(--play-surface,white);color:var(--play-text,var(--ink));display:flex;align-items:center;justify-content:space-between;gap:8px}.kind-menu.is-open .kind-trigger{border-end-start-radius:0;border-end-end-radius:0}.kind-menu.is-open .kind-trigger svg{transform:rotate(180deg)}.kind-list{list-style:none;margin:0;padding:6px;display:grid;grid-gap:2px;gap:2px;border:1px solid color-mix(in srgb,var(--play-text,var(--ink)) 28%,transparent);border-top:0;border-radius:0 0 14px 14px;background:var(--play-surface,white)}.play-frame .kind-list button{width:100%;min-height:40px;padding:8px 12px;border:0;border-radius:10px;background:transparent;color:inherit;text-align:start}.play-frame .kind-list button:focus-visible,.play-frame .kind-list button:hover{background:color-mix(in srgb,var(--play-text,var(--ink)) 8%,transparent)}.play-frame .kind-list button.on{background:var(--play-accent,var(--rust));color:var(--play-accent-text,#fffdf8)}.choice-row{display:grid;grid-template-columns:24px minmax(0,1fr) 32px 32px;grid-gap:8px;gap:8px;align-items:center}.play-frame .choice-row input{min-height:40px;padding:8px 10px}.play-frame .choice-row .clip{width:32px;height:32px;min-height:32px}.play-frame .choice-row .clip.is-set{color:var(--play-accent,var(--rust));border-color:var(--play-accent,var(--rust))}.play-frame .text-add{justify-self:start;width:auto;min-height:32px;padding:2px 4px;border:0;border-radius:8px;background:transparent;color:color-mix(in srgb,var(--play-text,var(--ink)) 72%,transparent);font-size:14px}.play-frame .text-add:focus-visible,.play-frame .text-add:hover{color:var(--play-text,var(--ink))}.orb-slot{position:relative;width:min(76px,100%)}.orb-slot .orb{width:100%}.orb-edit{position:absolute;z-index:2;inset-inline-end:-6px;bottom:-4px;width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:var(--play-surface,#fffdf8);color:var(--play-text,var(--ink));box-shadow:0 4px 12px rgba(28,22,20,.18)}.gift-path{width:min(440px,100%);margin:0 auto;min-height:100svh;display:flex;flex-direction:column;gap:20px;padding:calc(8px + var(--safe-top)) 16px calc(88px + var(--safe-bottom));background:#fbf9f8;color:#1b1c1c}.gift-bar{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;min-height:56px;margin-inline:-16px;padding-inline:16px;position:-webkit-sticky;position:sticky;top:0;z-index:2;background:rgba(251,249,248,.95);border-bottom:1px solid rgba(192,201,195,.3)}.gift-bar a{width:36px;height:36px;display:grid;place-items:center;color:#003629;text-decoration:none}[dir=ltr] .gift-bar a svg{transform:scaleX(-1)}.gift-bar h1{margin:0;text-align:center;font-family:var(--sans);font-size:17px;font-weight:600;letter-spacing:0}.gift-path label{display:grid;grid-gap:6px;gap:6px}.gift-name{font-size:11px;letter-spacing:.04em;color:#404945}.gift-path input{width:100%;min-height:0;margin:0;border:1px solid rgba(192,201,195,.7);border-radius:8px;background:#fff;color:#1b1c1c}.gift-name input{height:52px;padding:0 14px;font-size:14px}.gift-note{display:flex;align-items:flex-start;gap:10px;margin:0;padding:12px;border:1px solid rgba(192,201,195,.3);border-radius:8px;background:#f5f3f3;color:#404945;font-size:12px;line-height:1.7}.gift-note svg{flex:none;margin-top:2px;color:#944931}.gift-block{display:grid;grid-gap:10px;gap:10px}.gift-block>h2,.gift-head h2{margin:0;font-family:var(--sans);font-weight:600;letter-spacing:0}.gift-head h2{display:flex;align-items:center;gap:6px;font-size:13px}.gift-head h2 i{width:6px;height:6px;border-radius:50%;background:#1a4d3e}.gift-block>h2{font-size:17px}.gift-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.gift-compose,.gift-list li{display:flex;align-items:center;gap:8px;min-width:0;height:56px;padding:0 8px 0 10px;border:1px solid rgba(192,201,195,.5);border-radius:8px;background:#fff}.gift-num{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e9e8e7;color:#1a4d3e;font-size:11px;font-weight:700}.gift-num.is-quiet{color:#404945;background:#efeded;font-weight:500}.gift-compose,.gift-list p{min-width:0}.gift-list p{flex:1 1;display:flex;align-items:center;gap:6px;margin:0}.gift-q{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.gift-div{flex:none;color:rgba(192,201,195,.9)}.gift-chip{max-width:34%;padding:2px 6px;border-radius:4px;background:rgba(255,219,208,.55);color:#944931}.gift-chip,.gift-hint{flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.gift-hint{max-width:38%;color:#404945}.gift-list .gift-line{flex:1 1;width:auto;min-width:0;height:auto;min-height:0;padding:0;border:0;border-radius:0;display:flex;align-items:center;gap:6px;background:transparent;color:inherit;text-align:start}.gift-compose>button,.gift-list button{flex:none;width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:6px;display:grid;place-items:center;background:transparent;color:#404945}.gift-list button.is-add{background:#b9eed9;color:#002118}.gift-list button.is-done{color:#707974}.gift-path .gift-compose input:first-of-type{flex:1.4 1}.gift-path .gift-compose input,.gift-path .gift-list input{flex:1 1;width:auto;min-width:0;height:36px;padding:0 4px;border:0;border-radius:0;background:transparent;font-size:14px}.gift-path .gift-compose input.gift-a,.gift-path .gift-list input.gift-a{flex:0.7 1}.gift-library{width:100%;height:44px;min-height:44px;border:1px solid rgba(0,54,41,.28);border-radius:8px;background:#fff;color:#003629;font-size:13px;font-weight:600}.gift-shade{position:fixed;inset:0;z-index:30;display:flex;align-items:flex-end;justify-content:center;background:rgba(27,28,28,.42)}.gift-modal{width:min(440px,100%);max-height:min(86svh,720px);display:flex;flex-direction:column;gap:12px;padding:16px 16px calc(16px + var(--safe-bottom));border-radius:16px 16px 0 0;background:#fbf9f8}.gift-modal header{display:flex;align-items:center;gap:12px}.gift-modal header h2{flex:1 1;margin:0;font-family:var(--sans);font-size:16px;font-weight:600;letter-spacing:0}.gift-modal header button{width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:#404945;font-size:22px;line-height:1}.gift-modal-body{overflow:auto;min-height:0;display:grid;grid-gap:10px;gap:10px;align-content:start}.gift-search{position:relative;display:block}.gift-search svg{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);color:#707974}.gift-path .gift-search input{height:44px;-webkit-padding-start:38px;padding-inline-start:38px;-webkit-padding-end:12px;padding-inline-end:12px;font-size:13px}.gift-tags{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.gift-tags::-webkit-scrollbar{display:none}.gift-tags button{flex:none;height:28px;min-height:28px;padding:0 12px;border:1px solid rgba(192,201,195,.7);border-radius:12px;background:#fff;color:#404945;font-size:11px}.gift-tags button.is-on{border-color:#003629;background:#003629;color:#fff}.gift-empty{margin:0;color:#404945;font-size:13px}.gift-more{height:1px;flex:none}.gift-dock{position:fixed;z-index:5;inset-inline:0;bottom:0;display:flex;justify-content:center;padding:8px 16px calc(8px + var(--safe-bottom));background:rgba(251,249,248,.95);border-top:1px solid rgba(192,201,195,.3)}.gift-dock button{width:min(408px,100%);height:48px;min-height:48px;border:0;border-radius:8px;background:#003629;color:#fff;font-size:14px;font-weight:600}.gift-dock button:disabled{opacity:.6}.sheet-backdrop{position:fixed;inset:0;z-index:19;border:0;background:rgba(8,6,14,.55)}.studio-sheet{position:fixed;z-index:20;inset-inline:0;bottom:0;max-height:min(92vh,880px);overflow:auto;padding:0 16px calc(20px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:radial-gradient(ellipse at 50% -10%,rgba(234,101,119,.1),transparent 58%),#14111f;color:#e6dff4;color-scheme:dark;box-shadow:0 -18px 40px rgba(0,0,0,.45)}.studio-sheet .sheet-bar{position:-webkit-sticky;position:sticky;top:0;z-index:2;display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;margin-inline:-16px;padding:14px 16px 12px;background:rgba(20,17,31,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.studio-sheet .sheet-bar strong{text-align:center;font-family:var(--serif);font-size:22px;font-weight:600}.studio-sheet .sheet-tune{color:#fdba58;display:grid;place-items:center}.studio-sheet .sheet-close{width:36px;height:36px;min-height:36px;padding:0;border:0;border-radius:50%;background:#2b2837;color:#debfc1;font-size:22px;line-height:1}.sheet-groups{display:grid;grid-gap:16px;gap:16px;padding-top:16px}.studio-sheet section{display:grid;grid-gap:12px;gap:12px;padding:16px;border-radius:18px;background:#211e2c;border:1px solid rgba(255,255,255,.05)}.studio-sheet section h2{margin:0;color:#fdba58;font-family:var(--serif);font-size:20px;font-weight:600;letter-spacing:0}.studio-sheet section>div:not(.color-row):not(.sheet-line):not(.note-head):not(.share-line):not(.paper-grid){display:grid;grid-gap:6px;gap:6px}.studio-sheet label{color:#debfc1;font-size:13px}.studio-sheet input,.studio-sheet textarea{background:#14111f;color:#e6dff4;border:1px solid rgba(255,255,255,.1);border-radius:12px}.studio-sheet textarea{min-height:72px}.studio-sheet input:focus,.studio-sheet textarea:focus{outline:none;border-color:#fdba58;box-shadow:0 0 0 1px rgba(253,186,88,.35)}.studio-sheet .hint{margin:0;color:#debfc1;font-size:12px}.lang-pills{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;padding:4px;border-radius:14px;background:#0f0c1a}.studio-sheet .lang-pills button{min-height:40px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:transparent;color:#debfc1}.studio-sheet .lang-pills button.on{background:#ea6577;border-color:transparent;color:#fff;box-shadow:0 2px 10px rgba(234,101,119,.35)}.studio-sheet .chip{background:#262233;color:#debfc1;border-color:rgba(255,255,255,.1)}.studio-sheet .chip.on{background:rgba(234,101,119,.18);color:#ffb2b8;border-color:#ea6577;box-shadow:0 0 12px rgba(234,101,119,.28)}.color-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:12px;background:rgba(20,17,31,.55)}.color-row span{color:#e6dff4;font-size:14px}.color-row b{display:flex;align-items:center;gap:8px;font-weight:500}.color-row code{color:#debfc1;font-size:12px}.studio-sheet .color-row input[type=color]{width:28px;height:28px;min-height:28px;padding:0;border:0;border-radius:50%;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.studio-sheet .color-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.studio-sheet .color-row input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.studio-sheet .paper-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.studio-sheet .paper-grid button{aspect-ratio:3/4;min-height:0;padding:0;border:2px solid transparent;border-radius:14px;background-color:#14111f;background-repeat:repeat;background-position:50%}.studio-sheet .paper-grid button.on{border-color:#fdba58}.studio-sheet .text-action{justify-self:start;width:auto;min-height:32px;padding:0;border:0;background:transparent;color:#debfc1;font-size:13px}.sheet-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet-line small{display:block;margin-top:2px;color:#debfc1;font-size:12px}.stepper{display:flex;align-items:center;gap:4px;padding:4px;border-radius:12px;background:#14111f;border:1px solid rgba(255,255,255,.1)}.studio-sheet .stepper button{width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:8px;background:#2b2837;color:#e6dff4;font-size:18px}.stepper b{min-width:28px;text-align:center;color:#fdba58}.studio-sheet .switch{background:#0f0c1a;border:1px solid rgba(255,255,255,.1)}.studio-sheet .switch.on{background:#ea6577;border-color:transparent;box-shadow:0 0 12px rgba(234,101,119,.4)}.note-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.studio-sheet .sheet-file{width:auto;min-height:32px;padding:4px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(43,40,55,.8);color:#debfc1;font-size:12px}.share-line{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:12px;background:#14111f;border:1px solid rgba(255,255,255,.1)}.share-line code{min-width:0;color:#e6dff4;font-size:13px;line-height:1.45;word-break:break-all}.studio-sheet .sheet-clip{width:36px;height:36px;min-height:36px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#2b2837;color:#fdba58;display:grid;place-items:center;flex:none}.studio-sheet .sheet-clip svg{width:18px;height:18px}.sheet-media{position:relative;border-radius:14px;overflow:hidden;background:#14111f}.sheet-media .media-view,.sheet-media .player-block{max-height:180px}.studio-sheet .sheet-media-clear{position:absolute;top:8px;inset-inline-end:8px;width:28px;height:28px;min-height:28px;padding:0;border:0;border-radius:50%;background:rgba(20,17,31,.82);color:#e6dff4;font-size:16px}.studio-sheet .icon-quiet{width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:8px;background:#2b2837;color:#debfc1}.studio-sheet .plays-link{color:#fdba58;font-size:13px;text-decoration:none}.studio-sheet .sheet-publish{width:100%;min-height:52px;border:0;border-radius:14px;background:#ea6577;color:#fff;font-weight:700;box-shadow:0 4px 20px rgba(234,101,119,.35)}.picker-layer{z-index:32}.picker-card{width:min(420px,100%);max-height:min(78vh,720px);overflow:hidden;grid-template-rows:auto minmax(0,1fr) auto}.picker-stack{overflow:auto;min-height:0;grid-gap:16px;gap:16px;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--rust) 72%,transparent) transparent}.picker-section,.picker-stack{display:grid;align-content:start}.picker-section{grid-gap:8px;gap:8px}.picker-section h2{margin:0;font-family:var(--serif);font-size:18px;font-weight:500;letter-spacing:-.03em;color:var(--play-text,var(--ink))}.picker-empty{margin:0}.picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.picker-tile{width:100%;height:auto;aspect-ratio:1;min-height:0;overflow:hidden;border:0;border-radius:12px;padding:0;background:color-mix(in srgb,var(--play-text,var(--ink)) 8%,var(--play-surface,var(--note)));color:var(--play-text,var(--ink));display:grid;place-items:center}.picker-tile:hover{background:color-mix(in srgb,var(--play-accent,var(--rust)) 16%,var(--play-surface,var(--note)))}.picker-tile img,.picker-tile video{width:100%;height:100%;object-fit:cover}.picker-tile span{font-size:14px;line-height:1.35;padding:8px;text-align:center;word-break:break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.picker-actions{display:grid;grid-gap:8px;gap:8px;padding-top:4px}.picker-actions .btn,.picker-actions .btn-quiet{width:100%;position:relative}.picker-actions .btn.is-busy{opacity:.72;pointer-events:none}.picker-actions input[type=file]{display:none}.play-frame .btn{color:var(--play-accent-text,#fffdf8)}.play-frame .btn-quiet{color:var(--play-text,var(--ink));background:transparent;border-color:color-mix(in srgb,var(--play-text,var(--ink)) 35%,transparent)}.play-frame .btn-ink{background:var(--play-text,var(--ink));color:var(--play-bg,var(--paper))}.play-frame .error{background:color-mix(in srgb,var(--play-accent,var(--rust)) 24%,var(--play-surface,white));color:var(--play-text,var(--ink))}.play-frame a{color:var(--play-accent,var(--rust))}.bar-end{display:flex;align-items:center;gap:2px;min-width:44px;justify-content:flex-end}.back-gap{width:44px;height:44px;flex:none}.play-frame .edit-back{width:40px;height:40px;min-height:40px;border-radius:50%;display:grid;place-items:center;color:var(--play-text,var(--ink));text-decoration:none;background:color-mix(in srgb,var(--play-text,var(--ink)) 12%,transparent)}.replay-anchor{position:relative;display:grid}.replay-anchor.is-guided{z-index:8}.replay-mark{width:40px;height:40px;min-height:40px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--play-muted,var(--muted))}.replay-anchor.is-guided .replay-mark{background:var(--play-surface,var(--note));color:var(--play-text,var(--ink));box-shadow:0 0 0 6px var(--play-surface,var(--note))}.replay-shade{position:fixed;inset:0;z-index:7;background:rgba(20,12,14,.46)}.replay-tip{top:calc(100% + 12px);inset-inline-end:0;z-index:8;width:min(260px,78vw);display:grid;grid-gap:10px;gap:10px;padding:14px;border-radius:16px;color:var(--play-text,var(--ink));box-shadow:0 16px 36px rgba(0,0,0,.28);text-align:start}.replay-tip,.replay-tip:before{position:absolute;background:var(--play-surface,var(--note))}.replay-tip:before{content:"";top:-5px;inset-inline-end:14px;width:12px;height:12px;transform:rotate(45deg)}.replay-tip p{margin:0;font-size:14px;line-height:1.55}.replay-hide{width:auto;min-height:32px;padding:0;border:0;background:transparent;color:var(--play-muted,var(--muted));font-size:13px}.seal{width:56px;height:56px;border-radius:50%;background:var(--play-accent,var(--rust));color:var(--play-accent-text,#fffdf8);display:grid;place-items:center;font-family:var(--serif);font-size:22px;margin:0 auto 8px}.answer-boxes{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.answer-cell{position:relative}.ask{position:absolute;top:-6px;inset-inline-end:-6px;width:22px;height:22px;min-height:22px;border:0;border-radius:50%;padding:0;background:var(--play-accent,var(--rust));color:var(--play-accent-text,#fffdf8);font-size:13px;line-height:22px}.play-frame .answer-box{width:44px;height:54px;min-height:54px;padding:0;text-align:center;font-size:22px;border-radius:12px;background:color-mix(in srgb,var(--play-surface,white) 82%,white)}.play-frame .answer-box:disabled{opacity:1}.play-frame .answer-box.solved{border-color:#2f9e4f;box-shadow:0 0 0 2px rgba(47,158,79,.35)}.note.solved{box-shadow:0 0 0 2px rgba(47,158,79,.45),0 10px 24px rgba(92,48,28,.08)}.answer-gap{width:14px}.letters{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.blank,.letter{min-width:36px;min-height:44px;border:0;border-bottom:2px solid;background:transparent;border-radius:0}.blank{min-width:12px;border:0}.wheel-wrap{display:grid;justify-items:center;grid-gap:12px;gap:12px;width:100%}.wheel-stage{position:relative;width:min(240px,72vw);height:min(240px,72vw)}.wheel-pointer{position:absolute;z-index:1;top:-2px;left:50%;transform:translateX(-50%);border-inline:8px solid transparent;border-top:14px solid var(--ink)}.wheel{position:relative;width:100%;height:100%;overflow:visible;border-radius:50%;border:8px solid var(--play-accent,var(--rust));transition:transform 2.4s cubic-bezier(.15,.7,.1,1)}.wheel-label{position:absolute;left:50%;top:50%;z-index:1;padding:2px 8px;border-radius:999px;background:#fffdf8;color:#2a2420;font-size:13px;font-weight:600;line-height:1.3;text-align:center;pointer-events:auto}.wheel-label b{display:block;max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wheel-label:focus,.wheel-label:hover{z-index:3;outline:none}.wheel.is-landed .wheel-label:not(.is-winner){opacity:.4}.wheel-label.is-winner{z-index:4;padding:5px 12px;background:var(--play-accent,var(--rust));color:var(--play-accent-text,#fffdf8);box-shadow:0 0 0 3px var(--note)}.wheel-label.is-winner b{max-width:96px}.wheel-tip{display:none;position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);width:max-content;max-width:168px;padding:8px 10px;border-radius:12px;background:var(--ink);color:var(--paper);font-style:normal;font-size:13px;font-weight:500;line-height:1.4;white-space:normal}.wheel-label:focus .wheel-tip,.wheel-label:hover .wheel-tip{display:block}.choices,.gift .stack,.gift-panel .gift{width:100%}.choices{display:grid;grid-gap:10px;gap:10px}.play-frame .choice{width:100%;border:0;border-radius:16px;padding:16px 18px;text-align:center;font-family:var(--serif);font-size:18px;line-height:1.45;color:var(--play-text,var(--ink));background:color-mix(in srgb,var(--play-text,var(--ink)) 7%,var(--play-surface,var(--note)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--play-text,var(--ink)) 18%,transparent)}.play-frame .choice.chosen{background:color-mix(in srgb,var(--play-accent,var(--rust)) 18%,var(--play-surface,var(--note)));box-shadow:inset 0 0 0 1.5px var(--play-accent,var(--rust))}.choice.is-kept{background:var(--play-accent,var(--rust));color:var(--play-accent-text,#fffdf8);box-shadow:none}.choice-edit{display:grid;grid-template-columns:minmax(0,1fr) 32px;grid-gap:8px;gap:8px;align-items:center}.play-frame .choice-input{min-height:52px;border-radius:16px;text-align:center;font-family:var(--serif);font-size:17px;background:color-mix(in srgb,var(--play-text,var(--ink)) 7%,var(--play-surface,white))}.choice:disabled:not(.is-kept){opacity:.4;cursor:default}.choice:disabled:active{transform:none}.chosen-gift{width:100%;display:grid;grid-gap:8px;gap:8px;justify-items:center;padding:16px;border-radius:16px;background:var(--note);box-shadow:inset 0 0 0 2px var(--rust);text-align:center}.chosen-gift strong{font-family:var(--serif);font-size:22px;font-weight:500}.chosen-gift p{margin:0;color:var(--muted)}.wheel-result{display:grid;grid-gap:6px;gap:6px;justify-items:center}.wheel-result h2{font-size:28px}.wheel-result p{margin:0}.center,.gift{display:grid;grid-gap:10px;gap:10px;justify-items:center;text-align:center}.error{background:#f8e4dc;border-radius:14px;padding:12px}.file-card,.file-link{min-height:44px;display:inline-flex;align-items:center}.file-card{max-width:100%;padding:10px 12px;border-radius:14px;background:var(--note);color:var(--ink);overflow-wrap:anywhere}.media-field{display:grid;grid-gap:8px;gap:8px}.media-view{display:block;width:auto;max-width:100%;max-height:200px;height:auto;margin-inline:auto;border-radius:14px;object-fit:contain}video.media-view{width:100%;background:#1c1916;cursor:pointer}.player-block{display:grid;grid-gap:8px;gap:8px}.player-block.is-video{position:relative;display:block;width:100%;border-radius:14px;overflow:hidden;background:#1c1916}.player-block.is-video video.media-view{margin:0;border-radius:0}.player-block.is-video .player{position:absolute;inset-inline:8px;bottom:8px;z-index:1;min-height:36px;padding:2px 10px 2px 2px;background:rgba(28,22,20,.62);color:#fffdf8;opacity:0;pointer-events:none;transition:opacity .2s ease}.player-block.is-video.is-chrome .player,.player-block.is-video:has(:focus-visible) .player{opacity:1;pointer-events:auto}.player-block.is-video .player-go{width:32px;height:32px}.player-block.is-video .player-track{height:32px}.player-block.is-video .player-time{color:#fffdf8}.player-block.is-video .player-track input::-moz-range-track,.player-block.is-video .player-track input::-webkit-slider-runnable-track{background:rgba(255,253,248,.55)}.player-audio{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.player{display:flex;direction:ltr;align-items:center;gap:10px;min-height:52px;padding:4px 14px 4px 4px;border-radius:999px;background:color-mix(in srgb,var(--ink) 7%,var(--note))}.player-go{width:44px;height:44px;flex:0 0 auto;border:0;border-radius:50%;padding:0;background:var(--rust);color:var(--play-accent-text,#fffdf8);display:grid;place-items:center}.player-go svg{display:block}.player-go svg.play-mark{transform:translateX(1px)}.player-track{position:relative;display:flex;flex:1 1;min-width:0;align-items:center;height:44px;cursor:pointer}.player-track>span{position:absolute;left:0;top:50%;height:3px;width:calc((100% - 14px) * var(--played, 0) / 100 + 7px * clamp(0, var(--played, 0), 1));transform:translateY(-50%);border-radius:999px;background:var(--rust);pointer-events:none}.player-track input{width:100%;height:14px;min-height:0;margin:0;padding:0;border:0;border-radius:0;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;box-shadow:none;cursor:pointer}.player-track input::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:color-mix(in srgb,var(--ink) 18%,transparent)}.player-track input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5.5px;border-radius:50%;border:2px solid var(--note);background:var(--rust)}.player-track input::-moz-range-track{height:3px;border:0;border-radius:999px;background:color-mix(in srgb,var(--ink) 18%,transparent)}.player-track input::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:2px solid var(--note);background:var(--rust)}.player-time{min-width:36px;color:var(--muted);font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:end}.hint-row,.item-row{display:grid;grid-gap:8px;gap:8px}.orbs{display:grid;grid-template-columns:repeat(var(--level-columns,3),minmax(0,1fr));justify-items:center;grid-gap:16px 12px;gap:16px 12px;padding:8px 4px 16px}.orb{position:relative;flex:0 0 auto;width:min(76px,100%);aspect-ratio:1;height:auto;border:0;border-radius:50%;padding:0;overflow:hidden;background:var(--play-surface,var(--note));box-shadow:0 0 0 2px color-mix(in srgb,var(--play-text,var(--ink)) 25%,transparent);cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.play-frame .orb.add{cursor:pointer;touch-action:auto}.orb.is-placeholder{background:transparent;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--play-text,var(--ink)) 40%,transparent)}.orb.is-placeholder em,.orb.is-placeholder span,.orb.is-placeholder video{opacity:0}.orbs.is-sorting .orb-edit{visibility:hidden}.orb-ghost{position:fixed;z-index:30;margin:0;pointer-events:none;transform:translate(-50%,-50%) scale(1.06);box-shadow:0 14px 28px rgba(0,0,0,.28),0 0 0 3px var(--play-accent,var(--rust))}.orb span,.orb video{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);background:50%/cover no-repeat;object-fit:cover;pointer-events:none}.orb span.tone{background:radial-gradient(circle at var(--spot-x) var(--spot-y),color-mix(in srgb,var(--play-accent) 88%,white) 0,transparent 46%),radial-gradient(circle at var(--spot2-x) var(--spot2-y),color-mix(in srgb,var(--play-muted) 70%,transparent) 0,transparent 58%),linear-gradient(var(--tilt),var(--play-surface),var(--play-bg))}.orb:not(.sharp) span,.orb:not(.sharp) video{filter:blur(7px)}.orb em.on-light{color:var(--play-text,var(--ink));text-shadow:0 1px 2px color-mix(in srgb,var(--play-bg) 45%,white)}.orb.sharp{box-shadow:0 0 0 3px var(--play-accent,var(--rust))}.play-frame .orb.add{display:grid;place-items:center;background:transparent;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--play-text,var(--ink)) 42%,transparent)}.play-frame .orb.add em{color:var(--play-text,var(--ink));text-shadow:none;font-size:28px;font-weight:400}.orb em{position:relative;z-index:1;color:#fffdf8;font-style:normal;font-family:var(--serif);font-size:20px;text-shadow:0 1px 4px rgba(0,0,0,.65)}.orb em.sealed{font-size:26px;font-weight:500;line-height:1;letter-spacing:0}.path{display:flex;gap:8px;overflow:auto}.path button{flex:0 0 auto;min-width:44px;min-height:44px;border-radius:12px;border:0;background:var(--note)}.path button[aria-current=true]{background:var(--rust);color:var(--play-accent-text,#fffdf8)}body:has(.panel){background:#fbf9f8;color:#1b1c1c}.panel{display:grid;grid-gap:28px;gap:28px}.panel h1,.panel h2{font-family:var(--serif);font-weight:500;letter-spacing:-.02em;color:#1b1c1c}.panel h1{font-size:22px}.panel h2{font-size:20px}.panel-games,.panel-profile{display:grid;grid-gap:14px;gap:14px}.panel-menu{position:relative}.panel-menu>button{width:44px;height:44px;min-height:44px;padding:0;border:1px solid #e8e4e1;border-radius:8px;background:#fff;color:#1b1c1c;display:grid;place-items:center}.panel-menu>button.is-on{border-color:#003629;color:#003629}.panel-menu-card{position:absolute;z-index:6;inset-inline-end:0;top:calc(100% + 8px);min-width:180px;padding:6px;border:1px solid #e8e4e1;border-radius:8px;background:#fff}.panel-menu-card a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:0 12px;border-radius:6px;text-decoration:none;color:#1b1c1c}.panel-menu-card a:focus-visible,.panel-menu-card a:hover{background:#f4f0ed}.panel-menu-card a span{color:#717975;font-size:20px;line-height:1}.panel label{color:#404945;font-size:13px}.panel input{background:#f4f0ed;border:1px solid #e8e4e1;border-radius:8px;color:#1b1c1c}.panel input:focus{outline:none;border-color:#003629}.panel-hint{margin:0;color:#717975;font-size:13px}.panel-line{display:flex;gap:8px;align-items:center}.panel-line input{flex:1 1;min-width:0}.panel-line button{flex:none;width:auto;min-height:48px;padding:0 14px;border-radius:8px;white-space:nowrap}.panel-line button:disabled{opacity:.45}.panel-ghost{background:#fff;color:#944931;border:1px solid #944931}.panel-solid{background:#003629;color:#fbf9f8;border:0}.panel-phone{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:0 14px;border-radius:8px;background:#f4f0ed}.panel-phone b{font-size:16px;letter-spacing:.04em;color:#1b1c1c}.panel-phone button{border:0;background:transparent;color:#944931;min-height:44px;padding:0}.panel-rows{display:grid}.panel .game-row{display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 0;border-bottom:1px solid #e8e4e1;background:transparent;box-shadow:none;border-radius:0;text-decoration:none;color:inherit}.panel .game-row strong{flex:1 1;font-size:16px}.panel .level-pill{border-radius:999px;padding:4px 10px;background:#ffdbd0;color:#944931;font-size:13px}.panel .chev{color:#717975;font-size:22px;line-height:1}.panel .btn{background:#003629;border-radius:8px}.panel-shade{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:rgba(27,28,28,.42)}.panel-code{width:min(360px,100%);display:grid;grid-gap:12px;gap:12px;padding:16px;border-radius:16px;background:#fbf9f8}.panel-code header{display:flex;align-items:center;gap:12px}.panel-code h2{flex:1 1;margin:0;font-size:20px}.panel-code header button{width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:#404945;font-size:22px;line-height:1}.panel-code .panel-ghost,.panel-code .panel-solid{width:100%;min-height:48px;border-radius:8px}@media (max-height:740px){.hero{gap:8px}.art{width:min(120px,18vh)}}