.turn{--ink:#f3efe6;--ink-dim:#f3efe6a3;--line:#f3efe62e;--accent:#ffe66d;--stage:#070a14;z-index:100;box-sizing:border-box;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));text-align:center;background:linear-gradient(180deg, #17153a, var(--stage));color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;flex-direction:column;justify-content:center;align-items:center;font:14px/24px Instrument Sans,system-ui,-apple-system,Segoe UI,sans-serif;display:flex;position:fixed;inset:0}.turn[hidden]{display:none}.turn h1{white-space:nowrap;margin:24px 0 8px;font:500 min(7.5vw,32px)/1.25 Newsreader,Georgia,Times New Roman,serif}.turn p{color:var(--ink-dim);white-space:nowrap;margin:0;font-size:min(3.7vw,14px)}.turn button{background:var(--accent);height:44px;color:var(--stage);font:inherit;white-space:nowrap;touch-action:manipulation;border:0;border-radius:8px;margin-top:24px;padding:0 16px;font-weight:600}.turn .phone{background:var(--ink);border-radius:12px;width:56px;height:104px;animation:2.8s cubic-bezier(.6,0,.3,1) infinite turn-phone;position:relative}.turn .phone:before{content:"";background:var(--stage);border-radius:7px;position:absolute;inset:6px}.turn .phone:after{content:"";background:var(--accent);border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:50%;left:50%}@keyframes turn-phone{0%,20%{transform:rotate(0)}55%,to{transform:rotate(-90deg)}}@media (prefers-reduced-motion:reduce){.turn .phone{animation:none;transform:rotate(-90deg)}}.legal{color:var(--ink-dim,#f3efe6a3);white-space:nowrap;margin:0;font-size:13px;line-height:24px}.legal a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line,#f3efe62e);text-decoration-color:var(--line,#f3efe62e);text-underline-offset:4px;-webkit-tap-highlight-color:transparent;margin:-10px 0;padding:10px 0;display:inline-block}.legal a:focus-visible{outline:2px solid var(--light,#ffd9a0);outline-offset:2px}.rail .legal{margin:auto 0 8px}.rail .legal+.btn{margin-top:0}.card .legal{margin-top:16px}@font-face{font-family:Newsreader;src:url(./newsreader-latin-wght-normal-CCVVNp6i.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:Instrument Sans;src:url(./instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}#ui{--far:#17153a;--mid:#1f1c48;--stage:#070a14;--hero:#6b7388;--light:#ffd9a0;--accent:#ffe66d;--ink:#f3efe6;--ink-dim:#f3efe6a3;--line:#f3efe62e;--serif:"Newsreader", Georgia, "Times New Roman", serif;--sans:"Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;z-index:10;pointer-events:none;color:var(--ink);font-family:var(--sans);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-size:14px;line-height:24px;position:fixed;inset:0}#ui>*{pointer-events:auto}#ui [hidden]{display:none!important}#ui button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}#ui button:focus-visible{outline:2px solid var(--light);outline-offset:2px}.screen{box-sizing:border-box;padding:max(16px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:auto}.frame{width:100%;max-width:920px;height:100%;min-height:296px;max-height:440px}.btn{border:1px solid var(--line);white-space:nowrap;background:0 0;border-radius:8px;height:44px;padding:0 16px;font-weight:600}.btn.primary{background:var(--accent);border-color:#0000;color:var(--stage)!important}.pick .frame{grid-template-columns:208px minmax(0,1fr);gap:24px;display:grid}.rail{flex-direction:column;min-height:0;display:flex}.brand{font:500 20px/32px var(--serif);white-space:nowrap;margin:0 0 16px}.steps{display:grid}.step{border:0;border-left:2px solid var(--line);text-align:left;background:0 0;grid-template-columns:76px minmax(0,1fr);align-items:center;height:40px;padding:0 0 0 14px;display:grid}.step .name{color:var(--ink-dim);font-size:13px}.step .value{font:500 17px/24px var(--serif);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.step[aria-current=step]{border-left-color:var(--accent)}.step[aria-current=step] .name{color:var(--ink)}.step:disabled{cursor:default}.step:disabled .name{opacity:.55}.rail .btn{margin-top:auto}.choose{flex-direction:column;min-width:0;min-height:0;display:flex}.ask{white-space:nowrap;justify-content:space-between;align-items:baseline;gap:16px;height:32px;margin:0 0 16px;display:flex}.ask h2{font:500 24px/32px var(--serif);margin:0}.ask .note{color:var(--ink-dim);font-size:13px}.options{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:8px;min-height:0;display:grid}.option{border:1px solid var(--line);text-align:left;background:#ffffff0d;border-radius:8px;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-width:0;padding:16px;display:flex;position:relative}.option .label{font:500 24px/32px var(--serif);white-space:nowrap}.option .detail{color:var(--ink-dim);white-space:nowrap;font-size:13px;line-height:16px}.option[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.option:disabled{opacity:.5;cursor:default;background:0 0;border-style:dashed}.option.mood{background:linear-gradient(180deg, var(--far), var(--mid))}.swatch{gap:8px;display:flex;position:absolute;top:16px;left:16px}.swatch i{border-radius:50%;width:12px;height:12px}.swatch i:first-child{background:var(--light);box-shadow:0 0 12px 2px var(--light)}.swatch i:nth-child(2){background:var(--hero)}.swatch i:nth-child(3){background:var(--accent)}.option .tag{color:var(--accent);font-size:13px;line-height:16px;position:absolute;top:16px;right:16px}.wish{gap:8px;margin-top:16px;display:flex}.wish input{box-sizing:border-box;border:1px solid var(--line);min-width:0;height:44px;color:var(--ink);font:16px/1 var(--sans);-webkit-user-select:text;user-select:text;background:#0000004d;border-radius:8px;flex:1;padding:0 16px}.wish input::placeholder{color:var(--ink-dim)}.wish input:focus-visible{outline:2px solid var(--light);outline-offset:2px}.btn:disabled{opacity:.5;cursor:default}.frame.busy .rail,.frame.busy .options,.frame.busy .wish{pointer-events:none;opacity:.5}.frame.busy .ask .note{color:var(--ink)}.card:before{content:"";background:var(--stage);opacity:.8;position:absolute;inset:0}.card .frame{flex-direction:column;justify-content:center;align-items:flex-start;display:flex;position:relative}.card h1{font:500 clamp(36px, 12vh, 60px) / 1.1 var(--serif);letter-spacing:-.01em;margin:0 0 8px}.card h1.long{font-size:clamp(28px,9vh,44px)}.card p{color:var(--ink-dim);white-space:nowrap;margin:0}.card p.intro{font:500 17px/24px var(--serif);color:var(--ink);margin:0 0 8px}.actions{gap:8px;margin-top:24px;display:flex}.link-field{box-sizing:border-box;border:1px solid var(--line);width:100%;max-width:560px;height:44px;color:var(--ink);font:13px/1 var(--sans);-webkit-user-select:text;user-select:text;background:#0000004d;border-radius:8px;margin-top:8px;padding:0 16px}.menu{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));background:#00000047;border-color:#0000;position:absolute;color:var(--ink-dim)!important}.ask h2{flex:none}.options.waiting:before{content:"Thinking of options…";color:var(--ink-dim);grid-area:1/1/-1/-1;place-self:center;font-size:13px}.rail .top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.saved-link{font:13px/20px var(--sans);color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0}.btn[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.shelf .frame{flex-direction:column;min-height:0;max-height:100%;display:flex}.shelf .head{justify-content:space-between;align-items:center;gap:16px;display:flex}.shelf .saved{flex-direction:column;flex:1;gap:8px;min-height:0;margin-top:16px;display:flex;overflow-y:auto}.shelf .row{gap:8px;display:flex}.shelf .game{border:1px solid var(--line);min-width:0;height:44px;color:var(--ink);white-space:nowrap;cursor:pointer;background:#ffffff0d;border-radius:8px;flex:1;justify-content:space-between;align-items:baseline;gap:16px;padding:0 16px;display:flex}.shelf .game .label{font:500 17px/24px var(--serif)}.shelf .game .detail{text-overflow:ellipsis;min-width:0;color:var(--ink-dim);font-size:13px;overflow:hidden}.shelf p.note{margin-top:16px;font-size:13px}.trick-frame{border:0;width:100%;height:100%;position:fixed;inset:0}.options.six{grid-template-columns:1fr 1fr 1fr}.pick{background:0 0}.pick:before{content:"";pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--stage) 62%, transparent) 0, transparent 26%), linear-gradient(90deg, transparent 38%, color-mix(in srgb, var(--stage) 70%, transparent) 58%);position:absolute;inset:0}.pick .frame{--rail:196px;--panel:clamp(340px, 50vw, 540px);grid-template-columns:var(--rail) minmax(0, 1fr) var(--panel);gap:16px;position:relative}.pick .stage{min-width:0}.step{grid-template-columns:68px minmax(0,1fr);height:34px}.options,.options.six{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}.option{background:color-mix(in srgb, var(--stage) 64%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:8px 16px 12px;overflow:hidden}.option .label{text-overflow:ellipsis;max-width:100%;font-size:clamp(18px,2.3vw,24px);overflow:hidden}.option .detail{text-overflow:ellipsis;max-width:100%;overflow:hidden}.ask{overflow:hidden}.ask h2{font-size:clamp(20px,2.6vw,24px)}.ask .note{text-overflow:ellipsis;min-width:0;overflow:hidden}.wish input{background:color-mix(in srgb, var(--stage) 70%, transparent)}@media (width<=760px){.pick .frame{--rail:160px;--panel:clamp(300px, 52vw, 420px)}.brand{font-size:17px}.step{grid-template-columns:64px minmax(0,1fr);padding-left:10px}.step .value{font-size:14px}}@media (width<=640px){.pick .frame{--rail:124px;grid-template-columns:var(--rail) 0 minmax(0, 1fr)}.brand{white-space:normal;font-size:15px;line-height:20px}.step{grid-template-columns:minmax(0,1fr)}.step .value{display:none}.option{padding:8px 12px}.option .label{font-size:18px;line-height:24px}.option .detail{font-size:12px}}@media (height<=340px){.screen{padding-top:max(8px, env(safe-area-inset-top));padding-bottom:max(8px, env(safe-area-inset-bottom))}.frame{min-height:0}.ask{margin-bottom:8px}.wish{margin-top:8px}}@media (width<=640px){.pick .frame{--rail:124px;grid-template-columns:var(--rail) 0 minmax(0, 1fr)}.rail .top{flex-direction:column;gap:0}.brand{margin-bottom:8px;font-size:15px;line-height:24px}.step{grid-template-columns:minmax(0,1fr)}.step .value{display:none}.option{padding:8px 12px}.option .label{font-size:18px;line-height:24px}.option .detail{font-size:12px}}@media (height<=340px){.screen{padding-top:max(8px, env(safe-area-inset-top));padding-bottom:max(8px, env(safe-area-inset-bottom))}.frame{min-height:0}.ask{margin-bottom:8px}.wish{margin-top:8px}.step{height:30px}}@media (height<=340px) and (width<=640px){.brand{margin-bottom:0}.saved-link{line-height:18px}.step{height:26px}.rail .btn{height:36px}}.change{width:100%;max-width:560px;margin-top:24px}.change .wish{margin-top:8px}.change-label{font:500 17px/24px var(--serif);color:var(--ink)!important}.change-note{text-overflow:ellipsis;min-height:24px;font-size:13px;overflow:hidden;margin-top:8px!important}.change+.actions{margin-top:8px}.toast{top:max(16px, env(safe-area-inset-top));background:color-mix(in srgb, var(--stage) 80%, transparent);max-width:60vw;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;border-radius:8px;margin:0;padding:8px 16px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}@media (height<=340px){.change{margin-top:8px}.change-note{min-height:16px;line-height:16px}}.options.five{grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:minmax(0,1fr);grid-auto-rows:unset}.options.five .option{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;min-height:0;padding:0 16px}.options.five .option .label{flex:none;font-size:20px;line-height:24px}.options.five .option .detail{text-align:right;min-width:0}.options.five .option:hover{border-color:color-mix(in srgb, var(--accent) 60%, transparent)}.options.five .written{cursor:text;padding:0 4px 0 16px}.options.five .written input{min-width:0;height:100%;color:var(--ink);font:16px/1 var(--sans);-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;flex:1;padding:0}.options.five .written input::placeholder{color:var(--ink-dim)}.options.five .written:focus-within{border-color:var(--light)}.options.five .written .btn{height:calc(100% - 8px);max-height:40px;padding:0 16px}.frame.busy .options.five .written{opacity:.5}@media (width<=640px){.options.five .option .label{font-size:17px}}.pick .ask{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;height:auto;margin-bottom:8px}.pick .ask .note{max-width:100%;min-height:16px;line-height:16px}.volume-row{gap:24px;margin-top:24px;display:flex}.volume{color:var(--ink-dim);font:500 13px/16px var(--sans);white-space:nowrap;align-items:center;gap:8px;display:flex}.volume input{width:120px;accent-color:var(--accent)}@media (width<=560px){.volume-row{gap:16px}.volume input{width:96px}}#ui .pick .frame,#ui .card .frame{justify-content:center;align-items:center;max-width:920px;max-height:none;display:flex;position:relative}#ui .pick:before{background:radial-gradient(ellipse 46% 70% at 50% 50%, color-mix(in srgb, var(--stage) 78%, transparent) 0, color-mix(in srgb, var(--stage) 40%, transparent) 60%, transparent 100%)}.hub{text-align:center;flex-direction:column;align-items:center;gap:16px;width:min(420px,100%);display:flex;position:relative}.hub-corner{pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:0 0 auto}.hub-corner>*{pointer-events:auto}.hub-corner .right{margin-left:auto}.hub-ask{font:500 26px/32px var(--serif);letter-spacing:-.01em;text-wrap:balance;margin:0 0 8px}.hub-title{font:500 clamp(36px, 10vh, 56px) / 1.05 var(--serif);letter-spacing:-.015em;text-wrap:balance;margin:0}.hub-line{color:var(--ink-dim);text-wrap:balance;margin:0 0 8px;font-size:15px}.hub-note{min-height:20px;color:var(--ink-dim);margin:0;font-size:13px;line-height:20px}.hub-choices{grid-template-columns:repeat(4,80px);gap:16px;display:grid}.choice{border:1px solid color-mix(in srgb, var(--light) 26%, transparent);background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--light) 22%, transparent), transparent 72%), color-mix(in srgb, var(--stage) 55%, transparent);width:80px;height:80px;color:var(--ink);border-radius:24px;place-items:center;transition:transform .26s cubic-bezier(.16,1,.3,1),box-shadow .26s cubic-bezier(.16,1,.3,1),border-color .2s,color .2s;display:grid;box-shadow:0 8px 20px #00000059}.choice svg{width:38px;height:38px}.choice:hover,.choice:focus-visible{border-color:var(--light);color:var(--light);box-shadow:0 14px 28px #0000006b, inset 0 0 24px color-mix(in srgb, var(--light) 18%, transparent);transform:translateY(-3px)}.choice:active{transform:translateY(0)scale(.95)}.choice:disabled{opacity:.5;transform:none}.hub-cast{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.cast-face{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--light) 14%, transparent), color-mix(in srgb, var(--stage) 60%, transparent) 70%);width:56px;height:56px;color:color-mix(in srgb, var(--ink) 82%, var(--stage));border-radius:50%;place-items:center;display:grid}.cast-face svg{width:36px;height:36px}.cast-face .eye{fill:var(--accent)}.cast-added{border:1px solid color-mix(in srgb, var(--accent) 50%, transparent);height:32px;color:var(--accent);border-radius:16px;align-self:center;align-items:center;padding:0 14px;font-weight:600;display:inline-flex}.hub-write,#ui .card .change .wish{box-sizing:border-box;border:1px solid var(--line);background:color-mix(in srgb, var(--stage) 62%, transparent);border-radius:24px;align-items:center;width:100%;height:48px;padding:0 4px 0 20px;transition:border-color .2s;display:flex}.hub-write:focus-within,#ui .card .change .wish:focus-within{border-color:var(--light)}.hub-write input,#ui .card .change .wish input{min-width:0;height:100%;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1;margin:0;padding:0;font-size:15px}.hub-write input::placeholder,#ui .card .change .wish input::placeholder{color:var(--ink-dim)}.hub-write .btn,#ui .card .change .wish .btn{border-radius:20px;height:40px;padding:0 16px}.hub-go{border-radius:24px;width:100%;height:48px;font-size:15px;transition:transform .2s cubic-bezier(.16,1,.3,1),filter .2s}.hub-go:hover{filter:brightness(1.06)}.hub-go:active{transform:scale(.98)}.frame.busy .hub-write,.frame.busy .hub-go{opacity:.55}.icon-btn{border:1px solid var(--line);background:color-mix(in srgb, var(--stage) 55%, transparent);border-radius:50%;place-items:center;width:52px;height:52px;padding:0;transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .2s,color .2s;display:grid}.icon-btn svg{width:22px;height:22px}.icon-btn:hover,.icon-btn:focus-visible{border-color:var(--light);color:var(--light);transform:translateY(-2px)}.icon-btn:active{transform:scale(.94)}.icon-btn.primary{background:var(--accent);border-color:#0000;color:var(--stage)!important}.icon-btn.ghost{width:44px;height:44px;color:var(--ink-dim);background:0 0;border-color:#0000}.icon-btn.ghost:hover{color:var(--ink)}.hub-actions{justify-content:center;gap:12px;display:flex}#ui .card .change{width:100%;max-width:none;margin:8px 0 0}#ui .card .change-label{text-align:center;margin:0 0 8px}#ui .card .change-note{text-align:center}#ui .card .change+.hub-actions{margin-top:0}#ui .card .hub-title+.hub-line{margin-top:-8px}#ui .card .hub>.hub-go{width:240px}#ui .volume-row{justify-content:center;margin-top:0}.volume-mark{color:var(--ink-dim);place-items:center;display:grid}.volume-mark svg{width:18px;height:18px}@media (height<=400px){.hub{gap:12px}.hub-ask{margin:0;font-size:22px;line-height:28px}.hub-choices{grid-template-columns:repeat(4,64px);gap:12px}.choice{border-radius:20px;width:64px;height:64px}.choice svg{width:32px;height:32px}.cast-face{width:46px;height:46px}.cast-face svg{width:30px;height:30px}.hub-write,.hub-go,#ui .card .change .wish{height:42px}.hub-write .btn,#ui .card .change .wish .btn{height:34px}.icon-btn{width:44px;height:44px}.hub-title{font-size:clamp(30px,11vh,44px)}#ui .card .change-label{display:none}}#ui .card:before{opacity:.86;-webkit-backdrop-filter:blur(6px)}