@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;tab-size:2}body{min-height:100dvh;line-height:var(--leading);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}img,picture,video,canvas{max-width:100%;height:auto;display:block}svg{display:block}input,button,textarea,select{font:inherit;color:inherit}button{background:0 0;border:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul[role=list],ol[role=list]{padding:0;list-style:none}:target{scroll-margin-block:5ex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer base{html{font-family:var(--font-sans);color:var(--color-ink);background-color:var(--color-canvas);font-size:100%}body{font-size:var(--text-normal)}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);font-weight:var(--weight-bold);letter-spacing:-.01em;text-wrap:balance;color:var(--color-ink)}h1{font-size:var(--text-title)}h2{font-size:var(--text-large)}h3{font-size:1.15rem}h4{font-size:1rem}p,li{text-wrap:pretty}a{color:var(--color-link);text-decoration:underline;-webkit-text-decoration-color:oklch(var(--lch-accent) / .35);text-decoration-color:oklch(var(--lch-accent) / .35);text-underline-offset:.15em;transition:text-decoration-color var(--duration)}@media (any-hover:hover){a:hover{text-decoration-color:currentColor}}strong,b{font-weight:var(--weight-bold)}small{font-size:var(--text-small)}ul,ol{padding-inline-start:1.4em}li+li{margin-block-start:var(--space-1)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.9em}:not(pre)>code,kbd{background-color:var(--color-sunk);border-radius:var(--radius-sm);padding:.1em .4em}pre{padding:var(--space-3) var(--space-4);background-color:var(--color-sunk);border:1px solid var(--color-border);border-radius:var(--radius);overflow:auto}pre code{background:0 0;padding:0}hr{border:none;border-block-start:1px solid var(--color-border);margin-block:var(--space-5)}blockquote{border-inline-start:3px solid var(--color-border-strong);color:var(--color-ink-dark);padding-inline-start:var(--space-4)}figure{margin:0}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background-color:var(--color-selected)}}@layer layout{body{background-color:var(--color-canvas);flex-direction:column;min-height:100dvh;display:flex}.navbar{z-index:var(--z-nav);background-color:var(--lightningcss-light,oklch(var(--lch-surface) / .85))var(--lightningcss-dark,oklch(var(--lch-dk-surface) / .85));-webkit-backdrop-filter:saturate(1.4)blur(8px);backdrop-filter:saturate(1.4)blur(8px);border-block-start:1px solid var(--color-border);position:sticky;bottom:0}.navbar__inner{align-items:center;gap:var(--space-4);width:100%;min-height:var(--nav-height);padding-inline:var(--space-2);padding-block:var(--space-2);grid-template-columns:1fr auto 1fr;margin-inline:auto;display:grid}.usermenu{grid-column:1;justify-self:start}.navbar__brand{font-weight:var(--weight-bold);letter-spacing:.04em;color:var(--color-ink);align-items:center;gap:.5ch;text-decoration:none;display:inline-flex}.navbar__brand--center{grid-column:2;justify-self:center}.navbar__cta,.navbar__links{grid-column:3;justify-self:end}.navbar__links{align-items:center;gap:var(--space-2);font-size:var(--text-small);display:flex}main{width:100%;max-width:var(--main-width);padding:var(--main-padding);flex:1;margin-inline:auto}body.fullwidth main{width:100%;max-width:none;min-height:0;padding:0 var(--space-5) var(--space-5);display:grid}body.fullwidth .navbar{display:none}body.narrow main{max-width:34rem}body.framed main{margin-block:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);position:relative}.page-close{z-index:1;position:absolute;inset-block-start:var(--space-3);inset-inline-end:var(--space-3)}main>*+*{margin-block-start:var(--block-space)}main>h1+*,main>h2+*{margin-block-start:var(--space-3)}.auth{max-width:25rem;margin-block-start:var(--space-6);margin-inline:auto}.auth>.card{gap:var(--space-4)}}@layer components{.usermenu{position:relative}.usermenu__toggle{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);color:var(--color-ink);cursor:pointer;list-style:none;display:inline-flex}.usermenu__toggle::-webkit-details-marker{display:none}@media (any-hover:hover){.usermenu__toggle:hover{background-color:var(--color-sunk)}}.usermenu__name{font-size:var(--text-small);font-weight:var(--weight-medium)}.usermenu__panel{bottom:calc(100% + var(--space-2));min-width:12rem;padding:var(--space-1);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-pop);flex-direction:column;display:flex;position:absolute;inset-inline-start:0}.usermenu__panel .button_to{margin:0;display:block}.usermenu__item{border-radius:var(--radius-sm);width:100%;min-height:2.8rem;font-size:var(--text-small);font-weight:var(--weight-medium);text-align:start;color:var(--color-ink-dark);background:0 0;border:0;justify-content:flex-start;align-items:center;gap:.6em;padding:.45em .75em;text-decoration:none;display:flex}.usermenu__item svg{width:1.05em;height:1.05em;color:var(--color-ink-light)}@media (any-hover:hover){.usermenu__item:hover{background-color:var(--color-sunk);color:var(--color-ink)}}.btn,button,input[type=submit],input[type=reset],input[type=button]{--btn-bg:var(--color-surface);--btn-color:var(--color-ink);--btn-border:var(--color-border-strong);--btn-hover-bg:var(--color-sunk);--btn-padding:.55em 1.05em;--btn-radius:var(--radius);--btn-border-radius:var(--btn-radius);--btn-size:2.4em;padding:var(--btn-padding);font-size:var(--text-normal);font-weight:var(--weight-medium);white-space:nowrap;color:var(--btn-color);background-color:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--btn-border-radius);cursor:pointer;transition:background-color var(--duration), border-color var(--duration), box-shadow var(--duration), filter var(--duration);justify-content:center;align-items:center;gap:.5ch;line-height:1.2;text-decoration:none;display:inline-flex}:is(.btn,button,input[type=submit],input[type=reset],input[type=button]) svg{width:1.1em;height:1.1em}@media (any-hover:hover){:is(.btn,button,input[type=submit],input[type=reset],input[type=button]):hover{background-color:var(--btn-hover-bg)}}:is(.btn,button,input[type=submit],input[type=reset],input[type=button]):active{transform:translateY(.5px)}:is(.btn,button,input[type=submit],input[type=reset],input[type=button]).btn--circle,:is(.btn,button,input[type=submit],input[type=reset],input[type=button]):where(:has(.for-screen-reader):has(img,svg)){--btn-border-radius:50%;--btn-padding:0;aspect-ratio:1;block-size:var(--btn-size);inline-size:var(--btn-size);place-items:center;display:grid}:is(:is(.btn,button,input[type=submit],input[type=reset],input[type=button]).btn--circle,:is(.btn,button,input[type=submit],input[type=reset],input[type=button]):where(:has(.for-screen-reader):has(img,svg)))>*{grid-area:1/1}:is(.btn,button,input[type=submit],input[type=reset],input[type=button]):has(input[type=radio],input[type=checkbox]) :is(input[type=radio],input[type=checkbox]){appearance:none;block-size:calc(var(--btn-size) - var(--outline-size));border-radius:var(--btn-border-radius);cursor:pointer;inline-size:calc(var(--btn-size) - var(--outline-size));background:0 0;border:none;margin:0;padding:0;display:flex}:is(.btn,button,input[type=submit],input[type=reset],input[type=button]):has(input[type=radio],input[type=checkbox]) img.checked{display:none}:is(.btn,button,input[type=submit],input[type=reset],input[type=button]):has(input:checked){--btn-bg:var(--color-ink);--btn-color:var(--color-ink-reversed);--outline-color:var(--color-ink)}:is(.btn,button,input[type=submit],input[type=reset],input[type=button]):has(input:checked) img{filter:invert()}@media (prefers-color-scheme:dark){:is(.btn,button,input[type=submit],input[type=reset],input[type=button]):has(input:checked) img{filter:invert(0)}}:is(.btn,button,input[type=submit],input[type=reset],input[type=button]):has(input:checked) img.checked{display:block}:is(.btn,button,input[type=submit],input[type=reset],input[type=button])[disabled],[disabled] :is(.btn,button,input[type=submit],input[type=reset],input[type=button])[type=submit],:is(.btn,button,input[type=submit],input[type=reset],input[type=button])[type=submit]:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}:is(.btn,button,input[type=submit],input[type=reset],input[type=button]):has([disabled]){cursor:not-allowed;opacity:.5;pointer-events:none}@media print{.btn,button,input[type=submit],input[type=reset],input[type=button]{display:none}}input[type=submit],.btn--primary{--btn-bg:var(--color-accent);--btn-color:var(--color-ink-inverted);--btn-border:transparent;--btn-hover-bg:var(--color-accent-bright)}.btn--negative{--btn-bg:var(--color-surface);--btn-color:var(--color-negative);--btn-border:color-mix(in oklch, var(--color-negative) 40%, transparent);--btn-hover-bg:color-mix(in oklch, var(--color-negative) 9%, var(--color-surface))}.btn--plain{--btn-bg:transparent;--btn-border:transparent;--btn-color:var(--color-ink-dark);--btn-hover-bg:var(--color-sunk);--btn-padding:.4em .65em}.btn--success{--success-timing-function:cubic-bezier(.25, 1.25, .5, 1);animation:success 1s var(--success-timing-function)}.btn--success svg{animation:zoom-fade .5s var(--success-timing-function)}.btn--link{--btn-bg:transparent;--btn-border:transparent;--btn-color:var(--color-link);--btn-hover-bg:transparent;--btn-padding:0;text-decoration:underline}.btn--small{--btn-padding:.35em .7em;font-size:var(--text-small)}.btn--wide{--btn-padding:.55em 2.4em}.btn--link.btn--negative{--btn-bg:transparent;--btn-color:var(--color-negative)}form.button_to{display:inline-block}label{font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--color-ink-dark);margin-block-end:var(--space-1);display:block}input:where([type=text],[type=email],[type=password],[type=search],[type=url],[type=tel],[type=number],[type=date],[type=datetime-local],[type=month],[type=time],[type=week],:not([type])),textarea,select{--field-bg:var(--color-surface);--field-border:var(--color-border-strong);--field-color:var(--color-ink);width:100%;max-width:100%;font-size:var(--text-normal);font-weight:var(--weight-normal);color:var(--field-color);background-color:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--radius);transition:border-color var(--duration), box-shadow var(--duration);padding:.55em .7em}:is(input:where([type=text],[type=email],[type=password],[type=search],[type=url],[type=tel],[type=number],[type=date],[type=datetime-local],[type=month],[type=time],[type=week],:not([type])),textarea,select):focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}:is(input:where([type=text],[type=email],[type=password],[type=search],[type=url],[type=tel],[type=number],[type=date],[type=datetime-local],[type=month],[type=time],[type=week],:not([type])),textarea,select)::placeholder{color:var(--color-ink-light)}textarea{resize:vertical;min-height:6lh}@supports (field-sizing:content){textarea{field-sizing:content;min-height:3lh;max-height:18lh}}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%239aa1ab' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-position:right .7em center;background-repeat:no-repeat;background-size:1.1em;padding-inline-end:2.4em}input:user-invalid{border-color:var(--color-negative)}form>div:has(:is(input,textarea,select):user-invalid) label{color:var(--color-negative)}input[type=checkbox],input[type=radio]{width:1.05em;height:1.05em;accent-color:var(--color-accent);vertical-align:-.12em}input[type=file]{font-size:var(--text-small);color:var(--color-ink-dark)}form>div{margin-block-end:var(--space-4)}form>div:last-child{margin-block-end:0}.field-inline{align-items:center;gap:.6ch;display:flex}.field-inline label{margin:0}fieldset{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4)}legend{padding-inline:var(--space-2);font-weight:var(--weight-medium)}.editor-toolbar{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.items-list{border:1px solid var(--color-border);border-radius:var(--radius)}.items-empty{text-align:center;color:var(--color-ink-light);padding:1rem;font-size:.875rem}.remove-btn{--btn-color:var(--color-negative)}.form-subsection{background:var(--color-sunk);border-radius:var(--radius);margin-top:.75rem;padding:.5rem .625rem .625rem}.sub-label{color:var(--color-ink);align-items:center;gap:.4ch;font-size:.85rem;font-weight:600;display:inline-flex}.clause-list{gap:var(--space-2);margin-top:var(--space-2);flex-direction:column;display:flex}table{border-collapse:collapse;width:100%;font-size:var(--text-normal)}thead th{text-align:left;font-size:var(--text-small);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.03em;color:var(--color-ink-light);border-block-end:1px solid var(--color-border-strong);white-space:nowrap;padding:.6em .85em}tbody td{border-block-end:1px solid var(--color-border);vertical-align:middle;padding:.7em .85em}tbody tr:last-child td{border-block-end:none}@media (any-hover:hover){tbody tr{transition:background-color var(--duration)}tbody tr:hover{background-color:var(--color-sunk)}}.panel{--panel-bg:var(--color-surface);--panel-border:var(--color-border);background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);overflow:clip}.panel>table :is(th,td):first-child{padding-inline-start:var(--space-4)}.panel>table :is(th,td):last-child{padding-inline-end:var(--space-4)}.card{--card-bg:var(--color-surface);--card-border:var(--color-border);--card-radius:var(--radius-lg);--card-shadow:var(--shadow-1);gap:var(--space-2);padding:var(--space-4);background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);flex-direction:column;display:flex;container-type:inline-size}a.card{color:inherit;text-decoration:none}@media (any-hover:hover){a.card,.card--link{transition:box-shadow var(--duration), border-color var(--duration)}:is(a.card,.card--link):hover{box-shadow:var(--shadow-2);border-color:var(--color-border-strong)}}.card__title{font-size:1.1rem;font-weight:var(--weight-bold)}.card-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));display:grid}.detail{gap:var(--space-2) var(--space-5);grid-template-columns:max-content 1fr;margin:0;display:grid}.detail dt{font-size:var(--text-small);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.03em;color:var(--color-ink-light)}.detail dd{overflow-wrap:break-word;min-width:0;margin:0}@container (width<26rem){.detail{gap:var(--space-1);grid-template-columns:1fr}.detail dd{margin-block-end:var(--space-2)}}.badge{--badge-color:var(--color-ink-light);font-size:var(--text-small);font-weight:var(--weight-medium);white-space:nowrap;border-radius:var(--radius-pill);color:color-mix(in oklch, var(--badge-color) 72%, var(--color-ink));background-color:color-mix(in oklch, var(--badge-color) 12%, var(--color-surface));align-items:center;gap:.4ch;padding:.15em .65em;line-height:1.45;display:inline-flex}.badge--positive{--badge-color:var(--color-positive)}.badge--notice{--badge-color:var(--color-notice)}.badge--negative{--badge-color:var(--color-negative)}.badge--accent{--badge-color:var(--color-accent)}.avatar{--avatar-size:1.9rem;--avatar-font:calc(var(--avatar-size) * .42);--avatar-bg:var(--cover,var(--color-accent));inline-size:var(--avatar-size);block-size:var(--avatar-size);background-color:var(--avatar-bg);color:var(--color-ink-inverted);font-size:var(--avatar-font);font-weight:var(--weight-bold);border-radius:50%;flex:none;place-items:center;display:grid}.avatars{display:flex}.avatars .avatar{--avatar-size:1.5rem;border:2px solid var(--color-surface);margin-inline-start:-.4rem}.avatars .avatar:first-child{margin-inline-start:0}.qr-code{aspect-ratio:1;border-radius:var(--radius);inline-size:min(30ch,100%);margin-block:var(--space-3);margin-inline:auto}.drawer{top:var(--space-3);bottom:var(--space-3);width:34rem;max-width:calc(100% - 2 * var(--space-3));z-index:var(--z-nav);flex-direction:column;display:flex;position:absolute}.drawer--left{left:var(--space-3)}.drawer__panel{flex:1;width:100%;min-height:0;overflow:hidden}@media (width<=48rem){.drawer,.drawer--left{width:100%;max-width:none;padding:var(--space-3);background:color-mix(in oklch, var(--color-ink) 25%, transparent);inset:0}}dialog.modal{gap:var(--space-3);width:32rem;max-width:calc(100vw - 2 * var(--space-4));max-height:85vh;padding:var(--space-5);color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);margin:auto;inset:0;overflow:auto}dialog.modal[open]{flex-direction:column;display:flex}dialog.modal::backdrop{background:color-mix(in oklch, var(--color-ink) 45%, transparent)}dialog.modal--wide{width:36rem}dialog.modal--sm{width:24rem}.modal__head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.modal__head h3{margin:0}.modal__message{color:var(--color-ink-light);margin:0}.modal__actions{justify-content:flex-end;gap:var(--space-2);margin-block-start:var(--space-1);display:flex}.modal__actions .btn--negative{margin-inline-end:auto}.flash{--flash-color:var(--color-accent);border:1px solid color-mix(in oklch, var(--flash-color) 35%, var(--color-border));border-radius:var(--radius);background-color:color-mix(in oklch, var(--flash-color) 9%, var(--color-surface));color:color-mix(in oklch, var(--flash-color), var(--color-ink) 28%);align-items:center;gap:.6ch;padding:.7em 1em;display:flex}.flash--notice{--flash-color:var(--color-positive)}.flash--alert,.flash--error{--flash-color:var(--color-negative)}.flashes{z-index:50;align-items:center;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed;inset-block-start:var(--space-4);inset-inline:0}.flashes .flash{background-color:var(--color-ink);box-shadow:var(--shadow-2);color:var(--color-ink-inverted);border:0;border-radius:4em;max-inline-size:90vw;padding:.7em 1.4em;animation:3s .3s both appear-then-fade}@keyframes appear-then-fade{0%,to{opacity:0}5%,60%{opacity:1}}.form-errors{padding:var(--space-3) var(--space-4);border:1px solid color-mix(in oklch, var(--color-negative) 35%, var(--color-border));border-radius:var(--radius);background-color:color-mix(in oklch, var(--color-negative) 8%, var(--color-surface));color:color-mix(in oklch, var(--color-negative), var(--color-ink) 25%)}.form-errors ul{margin-block-start:var(--space-1)}.empty{padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-ink-light);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg)}.game-play{max-width:48rem;margin-inline:auto}.game-play>h1{text-align:center;margin-block-end:var(--space-5)}.story-hero__band+.game-play{margin-block-start:var(--space-5)}.lobby{gap:var(--space-5);flex-direction:column;display:flex}.lobby__section-title{margin-block-end:var(--space-3)}.lobby__start{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.lobby__footer{justify-content:flex-end;display:flex}.player-list{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.player-list>li{margin-block-start:0}.player{background-color:var(--color-sunk);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--text-small);font-weight:var(--weight-medium);align-items:center;gap:.6ch;padding:.3rem .85rem .3rem .3rem;display:flex}.player .avatar{--avatar-size:1.6rem}.invite-split{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.invite-split .qr-code{flex:none;inline-size:8.5rem}.invite-split__body{gap:var(--space-2);flex-direction:column;flex:1;min-inline-size:15rem;display:flex}.scene{gap:var(--space-4);flex-direction:column;display:flex}.scene--finished{padding:var(--space-8) var(--space-4);text-align:center}.scene__image img{border:1px solid var(--color-border);border-radius:var(--radius);width:100%}.scene__text{font-size:1.05rem;line-height:1.7}.scene__text p+p{margin-block-start:var(--space-3)}.scene__advance{margin-block-start:var(--space-5)}.choices{gap:var(--space-3);flex-direction:column;margin-block-start:var(--space-5);display:flex}.choices h3{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.choices__vote{font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--color-ink-light);background-color:var(--color-sunk);border-radius:var(--radius-pill);padding:.15em .65em}.choices__list{gap:var(--space-6);flex-direction:column;display:flex}.choices__item{align-items:center;gap:var(--space-3);display:flex}.choices__item form.button_to{flex:1;display:block}.choices__btn{align-items:center;gap:var(--space-3);text-align:left;white-space:normal;width:100%;font-weight:var(--weight-medium);background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius);padding:1em;display:flex}@media (any-hover:hover){.choices__btn:hover:not(:disabled){border-color:var(--color-accent);background-color:var(--color-selected)}}.choices__btn:disabled{opacity:.55;cursor:not-allowed}.choices__text{flex-direction:column;flex:1;gap:2px;display:flex}.choices__impact{font-size:var(--text-small);font-weight:var(--weight-normal);color:var(--color-ink-light)}.choices__count{font-size:var(--text-small);color:var(--color-ink-light);white-space:nowrap;flex-shrink:0}.choices__item--selected .choices__btn{border-color:var(--color-accent);background-color:var(--color-selected)}.choices__item--result{--bar-fill:color-mix(in oklch, var(--color-ink) 9%, transparent)}.choices__item--result .choices__btn{background-image:linear-gradient(var(--bar-fill) 0 0);background-repeat:no-repeat;background-size:var(--share,0%) 100%;animation:.7s cubic-bezier(.2,.7,.2,1) both choices-bar-grow}@keyframes choices-bar-grow{0%{background-size:0% 100%}}.choices__item--winner{--bar-fill:color-mix(in oklch, var(--color-positive) 26%, transparent)}.choices__item--winner .choices__btn{border-color:color-mix(in oklch, var(--color-positive) 45%, var(--color-border-strong));background-color:color-mix(in oklch, var(--color-positive) 12%, var(--color-surface))}.choices__item--winner .choices__count{color:var(--color-positive);font-weight:var(--weight-medium)}.choices__btn{transition:border-color .15s,background-color .15s}.choices__item--flash .choices__btn{border-color:var(--color-accent);background-color:var(--color-selected)}.debug-panel{padding:var(--space-3);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background-color:var(--color-sunk);margin-block-end:var(--space-4);display:block}.debug-panel__bar{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-block-end:var(--space-3);display:flex}.debug-panel__hint{font-size:var(--text-small);color:var(--color-ink-light);margin-inline-end:auto}.debug-panel__group{margin:var(--space-2) 0 var(--space-1);font-size:var(--text-small);color:var(--color-ink-light)}.debug-panel__vars{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,12rem),1fr));display:grid}.debug-var{font-size:var(--text-small);flex-direction:column;gap:2px;display:flex}.debug-var__name{color:var(--color-ink-light);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.debug-comp{border-inline-start:2px solid var(--color-border);margin-block-start:var(--space-2);padding-inline-start:var(--space-2)}.debug-comp__name{cursor:pointer;font-size:var(--text-small);color:var(--color-ink-light)}.debug-comp[open]>.debug-comp__name{margin-block-end:var(--space-1)}.debug-panel__form .btn--primary{margin-block-start:var(--space-3)}.shelf>*+*{margin-block-start:var(--space-4)}main>.shelf+.shelf{margin-block-start:var(--space-6)}.shelf__header{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}body.dashboard .shelf__title{text-align:center}body.dashboard .shelf__header{justify-content:center}body.dashboard .story-grid{grid-template-columns:repeat(auto-fit,11rem);justify-content:center}body.dashboard .game-grid{grid-template-columns:repeat(auto-fit,minmax(18rem,22rem));justify-content:center}.tint--0{--cover:var(--color-cover-0)}.tint--1{--cover:var(--color-cover-1)}.tint--2{--cover:var(--color-cover-2)}.tint--3{--cover:var(--color-cover-3)}.tint--4{--cover:var(--color-cover-4)}.story-catalog>*+*{margin-block-start:var(--space-4)}.story-catalog__title{font-size:var(--text-large);text-align:center}.story-catalog__browser{gap:var(--space-5);flex-direction:column;display:flex}.story-catalog__filter{align-self:center;width:min(100%,24rem)}.story-grid{gap:var(--space-5) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,10rem),1fr));display:grid}.story-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--duration), box-shadow var(--duration);overflow:hidden}.story-card:has(.story-card__link:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}@media (any-hover:hover){.story-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-2)}.story-card:hover .story-card__title{color:var(--color-accent)}}.story-card__link{color:inherit;text-decoration:none;display:block}.story-card__link:focus-visible{outline:none}.cover{aspect-ratio:3/4;border-radius:var(--radius-lg);background-color:var(--cover,var(--color-accent));place-items:center;display:grid;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%}.cover svg{color:var(--color-on-cover)}.story-card__cover{border-radius:0}.story-card__cover svg{width:2rem;height:2rem}.story-card__pad{padding:var(--space-2) var(--space-3) var(--space-3)}.story-card__title{font-weight:var(--weight-medium);color:var(--color-ink)}.story-card__title .badge{margin-inline-start:var(--space-1)}.story-card__byline{font-size:var(--text-small);color:var(--color-ink-light)}.story-card__facts{column-gap:var(--space-2);font-size:var(--text-small);margin-block-start:var(--space-1)}.story-card__owner{gap:var(--space-2);margin-block-start:var(--space-2);display:flex}.story-hero__band{margin:calc(-1 * var(--main-padding)) calc(-1 * var(--main-padding)) 0;padding:var(--main-padding) var(--main-padding) var(--space-4);align-items:flex-end;gap:var(--space-5);background:linear-gradient(to bottom, color-mix(in srgb, var(--cover) 24%, var(--color-surface)), var(--color-surface));border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;position:relative}@media (width<=34rem){.story-hero__band{flex-direction:column;align-items:flex-start}}.story-hero__cover{width:8.5rem;box-shadow:var(--shadow-2);flex-shrink:0}.story-hero__cover svg{width:2.4rem;height:2.4rem}.story-hero__head{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.story-hero__title{font-size:var(--text-title);line-height:var(--leading-tight)}.story-hero__title .badge{vertical-align:middle;margin-inline-start:var(--space-2)}.story-hero__status{align-self:flex-start}.story-hero__byline{font-size:var(--text-small);color:var(--color-ink-light)}.story-hero__byline a{color:inherit}.story-facts{align-items:center;gap:var(--space-1) var(--space-3);font-size:var(--text-small);color:var(--color-ink-light);flex-wrap:wrap;display:flex}.story-facts span{align-items:center;gap:.45ch;display:inline-flex}.story-facts svg{width:.95em;height:.95em}.story-hero__body{gap:var(--space-3);flex-direction:column;margin-block-start:var(--space-4);display:flex}.detail-copy{max-width:52ch;color:var(--color-ink-dark);line-height:var(--leading)}.story-hero__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.story-hero__actions .button_to{margin:0}.resource-footer{border-block-start:1px solid var(--color-border);padding-block-start:var(--space-4)}.story-owner{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.story-owner .button_to{margin:0}.story-owner__manage{gap:var(--space-2);flex-wrap:wrap;display:flex}.game-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));display:grid}.game-card{gap:var(--space-3);padding:var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--duration), box-shadow var(--duration);display:flex}.game-card-wrap{display:grid;position:relative}.game-card__delete{margin:0;position:absolute;inset-block-start:var(--space-2);inset-inline-end:var(--space-2)}.game-card__delete .btn{color:var(--color-ink-light)}@media (any-hover:hover){.game-card__delete .btn:hover{color:var(--color-negative)}}a.game-card{color:inherit;text-decoration:none}@media (any-hover:hover){a.game-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-2)}a.game-card:hover .game-card__title{color:var(--color-accent)}}.game-card__cover{flex-shrink:0;align-self:stretch;width:5rem;height:100%}.game-card__cover svg{width:1.4rem;height:1.4rem}.game-card__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.game-card__body .badge{align-self:flex-start}.game-card__title{font-weight:var(--weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.game-card__sub{font-size:var(--text-small);color:var(--color-ink-light)}.game-card__foot{justify-content:space-between;align-items:center;gap:var(--space-2);margin-block-start:auto;padding-block-start:var(--space-2);display:flex}.game-card__foot .button_to{margin:0}.people{margin:var(--space-5) 0;gap:var(--space-4);flex-direction:column;padding:0;list-style:none;display:flex}.person{align-items:flex-start;gap:var(--space-3);display:flex}.person[hidden]{display:none}.person .avatar{--avatar-size:2.75rem}.person__body{flex-direction:column;gap:.15rem;padding-block-start:.15rem;display:flex}.person__name{font-weight:var(--weight-bold);align-items:center;gap:.6ch;display:flex}.person__actions{font-size:var(--text-small);align-items:center;gap:.6ch;margin-left:auto;display:flex}.person__actions>*+:before{content:"•";color:var(--color-ink-light);margin-inline-end:.6ch}.person__role select{font-size:var(--text-small);padding:.1rem .3rem}.people__add{gap:var(--space-2);border-block-start:1px solid var(--color-border);flex-wrap:wrap;padding-block-start:var(--space-4);display:flex}}@layer utilities{.visually-hidden,.for-screen-reader{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.flex{display:flex}.stack{flex-direction:column;display:flex}.stack>*+*{margin-block-start:var(--stack-space,var(--block-space))}.cluster,.toolbar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.gap{gap:var(--space-4)}.gap-sm{gap:var(--space-2)}.items-center{align-items:center}.justify-between{justify-content:space-between}.grow{flex:1}.flex-item-no-shrink{flex-shrink:0}.wrap{flex-wrap:wrap}.nowrap{white-space:nowrap}.txt-small{font-size:var(--text-small)}.txt-subtle{color:var(--color-ink-light)}.txt-center{text-align:center}.txt-mono{font-family:var(--font-mono)}.mt-0{margin-block-start:0}.margin-none{margin:0}.unpad{padding:0}.borderless{border:none}.hidden{display:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--lch-ink:24% .012 264;--lch-ink-dark:42% .014 264;--lch-ink-light:60% .013 264;--lch-ink-faint:80% .008 264;--lch-canvas:98.4% .002 264;--lch-surface:100% 0 0;--lch-sunk:96.2% .003 264;--lch-border:91% .004 264;--lch-border-strong:84% .006 264;--lch-subtle-dark:72% .008 264;--lch-accent:54% .16 256;--lch-accent-bright:61% .17 256;--lch-ink-inverted:99% 0 0;--lch-positive:60% .13 152;--lch-negative:56% .2 27;--lch-notice:82% .13 85;--lch-dk-ink:93% .008 264;--lch-dk-ink-dark:77% .011 264;--lch-dk-ink-light:62% .012 264;--lch-dk-ink-faint:42% .012 264;--lch-dk-canvas:19% .012 264;--lch-dk-surface:23% .014 264;--lch-dk-sunk:16% .011 264;--lch-dk-border:32% .012 264;--lch-dk-border-strong:40% .014 264;--lch-dk-subtle-dark:48% .014 264;--lch-dk-accent:72% .14 256;--lch-dk-accent-bright:80% .13 256;--lch-dk-ink-inverted:18% .012 264;--color-ink:var(--lightningcss-light,oklch(var(--lch-ink)))var(--lightningcss-dark,oklch(var(--lch-dk-ink)));--color-ink-dark:var(--lightningcss-light,oklch(var(--lch-ink-dark)))var(--lightningcss-dark,oklch(var(--lch-dk-ink-dark)));--color-ink-light:var(--lightningcss-light,oklch(var(--lch-ink-light)))var(--lightningcss-dark,oklch(var(--lch-dk-ink-light)));--color-ink-faint:var(--lightningcss-light,oklch(var(--lch-ink-faint)))var(--lightningcss-dark,oklch(var(--lch-dk-ink-faint)));--color-ink-inverted:var(--lightningcss-light,oklch(var(--lch-ink-inverted)))var(--lightningcss-dark,oklch(var(--lch-dk-ink-inverted)));--color-ink-reversed:var(--color-ink-inverted);--color-canvas:var(--lightningcss-light,oklch(var(--lch-canvas)))var(--lightningcss-dark,oklch(var(--lch-dk-canvas)));--color-bg:var(--color-canvas);--color-surface:var(--lightningcss-light,oklch(var(--lch-surface)))var(--lightningcss-dark,oklch(var(--lch-dk-surface)));--color-sunk:var(--lightningcss-light,oklch(var(--lch-sunk)))var(--lightningcss-dark,oklch(var(--lch-dk-sunk)));--color-border:var(--lightningcss-light,oklch(var(--lch-border)))var(--lightningcss-dark,oklch(var(--lch-dk-border)));--color-border-strong:var(--lightningcss-light,oklch(var(--lch-border-strong)))var(--lightningcss-dark,oklch(var(--lch-dk-border-strong)));--color-subtle-dark:var(--lightningcss-light,oklch(var(--lch-subtle-dark)))var(--lightningcss-dark,oklch(var(--lch-dk-subtle-dark)));--color-link:var(--lightningcss-light,oklch(var(--lch-accent)))var(--lightningcss-dark,oklch(var(--lch-dk-accent)));--color-accent:var(--lightningcss-light,oklch(var(--lch-accent)))var(--lightningcss-dark,oklch(var(--lch-dk-accent)));--color-accent-bright:var(--lightningcss-light,oklch(var(--lch-accent-bright)))var(--lightningcss-dark,oklch(var(--lch-dk-accent-bright)));--color-positive:oklch(var(--lch-positive));--color-negative:oklch(var(--lch-negative));--color-notice:oklch(var(--lch-notice));--color-selected:var(--lightningcss-light,oklch(var(--lch-accent) / .1))var(--lightningcss-dark,oklch(var(--lch-dk-accent) / .12));--color-focus-ring:var(--lightningcss-light,oklch(var(--lch-accent) / .4))var(--lightningcss-dark,oklch(var(--lch-dk-accent) / .45));--lch-cover-0:52% .15 285;--lch-cover-1:55% .11 172;--lch-cover-2:60% .15 40;--lch-cover-3:52% .14 350;--lch-cover-4:55% .13 250;--color-cover-0:oklch(var(--lch-cover-0));--color-cover-1:oklch(var(--lch-cover-1));--color-cover-2:oklch(var(--lch-cover-2));--color-cover-3:oklch(var(--lch-cover-3));--color-cover-4:oklch(var(--lch-cover-4));--color-on-cover:oklch(100% 0 0/.85);--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--text-small:.85rem;--text-normal:1rem;--text-large:1.3rem;--text-title:clamp(1.7rem, 1.25rem + 1.8vw, 2.4rem);--leading-tight:1.2;--leading:1.55;--weight-normal:400;--weight-medium:530;--weight-bold:660;--inline-space:1ch;--block-space:1rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--main-width:64rem;--main-padding:clamp(1rem, .4rem + 3vw, 2.5rem);--nav-height:3.5rem;--editor-topbar-height:3.75rem;--radius-sm:.25rem;--radius:.5rem;--radius-lg:.85rem;--radius-pill:99rem;--outline-size:.15rem;--shadow-1:0 1px 2px oklch(var(--lch-ink) / .06), 0 1px 1px oklch(var(--lch-ink) / .04);--shadow-2:0 4px 14px oklch(var(--lch-ink) / .09), 0 2px 5px oklch(var(--lch-ink) / .05);--shadow-pop:0 16px 40px oklch(var(--lch-ink) / .18);--color-shadow:oklch(0% 0 0/.12);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--duration:.14s;--z-nav:30;--z-popup:40;--z-dialog:60}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=40rem){:root{--text-normal:1.05rem}}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@keyframes success{0%{background-color:var(--color-border-strong);scale:.8}33%{background-color:var(--color-border-strong);scale:1}}@keyframes zoom-fade{to{opacity:0;transform:translateY(-1.5em)scale(2)}}.switch{border-radius:2em;block-size:1.75em;inline-size:3em;display:inline-flex;position:relative}.switch:has(:focus-visible) .switch__btn{box-shadow:0 0 0 var(--outline-size) var(--color-bg), 0 0 0 calc(var(--outline-size) * 2) var(--color-ink)}.switch__input{opacity:.1;block-size:0;inline-size:0}.switch__btn{background-color:var(--color-subtle-dark);cursor:pointer;border-radius:2em;transition:all .15s;position:absolute;inset:0}.switch__btn:before{background-color:var(--color-ink-reversed);content:"";border-radius:50%;block-size:1.35em;inline-size:1.35em;transition:all .15s;position:absolute;inset-block-end:.2em;inset-inline-start:.2em}.switch__input:disabled+.switch__btn{cursor:not-allowed;background-color:var(--color-subtle-dark)!important}.switch__input:checked+.switch__btn{background-color:var(--color-link)}.switch__input:checked+.switch__btn:before{transform:translate(1.2em)}.story-access:has(.story-access__switch:checked) .story-access__reader{background-color:var(--color-link);cursor:not-allowed;pointer-events:none}.story-access:has(.story-access__switch:checked) .story-access__reader img{filter:invert()}