@font-face{
    font-family: 'Determination Mono'; font-style:normal; font-weight:400; font-display:block;
    src:url(data:font/woff2;base64,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)
    format('woff2')
}
@font-face {
    font-family: 'Determination Sans'; font-style:normal; font-weight:400; font-display:block;
    src:url(data:font/woff2;base64,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)
    format('woff2')
}
@font-face {
    font-family: 'Skeleton Sans'; font-style:normal; font-weight:400; font-display:block; size-adjust:79%;
    src:url(data:font/woff2;base64,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)
    format('woff2')
}
@font-face {
    font-family: 'Prophecytype'; font-style:normal; font-weight:400;
    font-display:block; size-adjust:136%;
    src:url(data:font/woff2;base64,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)
    format('woff2')
}

:root{
    --font-normal:'Determination Mono','Courier New',monospace;
    --font-ui:'Determination Sans','Courier New',monospace;
    --font-title:'Prophecytype','Determination Sans','Courier New',monospace;

    --box-white:#fcfefc;
    --box-grey:#acaeb4;
    --box-cyan:#acfee4;
    --gold:#ffff00;
    --pink:#ffbbd4;
    --flowery:#ffd94a;

    --soul:#ff0000;
    --dim-text:#9a9a9a;
    --dimmer-text:#6e6e6e;

    --deltabox:3px;

    --soul-w:22px;
    --soul-inset:3px;
    --bar-gap:10px;
}

*{
    box-sizing:border-box; margin:0; padding:0;
    font-variant-ligatures:none;
    -webkit-font-feature-settings:"liga" 0,"clig" 0,"calt" 0,"dlig" 0;
    font-feature-settings:"liga" 0,"clig" 0,"calt" 0,"dlig" 0
}

html{height:100%; overscroll-behavior-y:none}
body{
    background:#000000; color:#ffffff;
    font-family:var(--font-normal);
    font-size:26px; line-height:1.55;
    -webkit-font-smoothing:none;
    min-height:100%; padding:0 0 90px; overflow-x:hidden;
    overscroll-behavior-y:none
}
svg{image-rendering:pixelated}
::selection{background:var(--pink); color:#000}

#app{width:100%; max-width:1000px; margin:0 auto; padding:0 20px; position:relative; z-index:1}

.ui{font-family:var(--font-ui); letter-spacing:3px}
.dialogue-asterisk{margin-right:0.55em; color:#ffffff}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.dbox{
    position:relative;
    background:#000000;
    border:calc(var(--deltabox)*2) solid var(--box-white);
    box-shadow:inset 0 0 0 var(--deltabox) var(--box-grey);
    padding:calc(var(--deltabox)*9) calc(var(--deltabox)*11);
    margin-bottom:calc(var(--deltabox)*15)
}
.corner-flourish{
    position:absolute;
    width:calc(var(--deltabox)*14); height:calc(var(--deltabox)*14);
    pointer-events:none; z-index:2
}
.corner-flourish svg{width:100%; height:100%; display:block}
.corner-flourish-tl{left:calc(var(--deltabox)*-6); top:calc(var(--deltabox)*-6)}
.corner-flourish-tr{right:calc(var(--deltabox)*-6); top:calc(var(--deltabox)*-6); transform:scaleX(-1)}
.corner-flourish-bl{left:calc(var(--deltabox)*-6); bottom:calc(var(--deltabox)*-6); transform:scaleY(-1)}
.corner-flourish-br{right:calc(var(--deltabox)*-6); bottom:calc(var(--deltabox)*-6); transform:scale(-1)}

#sky{
    position:fixed; inset:0; z-index:0;
    overflow:hidden; pointer-events:none;
    contain:strict
}
#stars{
    position:absolute; inset:0;
    background-repeat:repeat;
    image-rendering:pixelated
}
.panel{
    position:absolute; display:block;
    image-rendering:pixelated;
    opacity:0;         
    --flip:1;
    animation:panel-drift var(--dur) linear infinite
}
@keyframes panel-drift{
    0%   {opacity:0;           transform:translate3d(0,0,0) scaleX(var(--flip));
          animation-timing-function:ease-in}
    22%  {opacity:var(--peak); animation-timing-function:linear}
    76%  {opacity:var(--peak); animation-timing-function:ease-out}
    100% {opacity:0;           transform:translate3d(var(--dx), var(--dy), 0) scaleX(var(--flip))}
}

#topmenu{
    position:sticky; top:0; z-index:40;
    padding:0 20px
}
#topmenu-inner{
    max-width:1180px; margin:0 auto; position:relative;
    background:#000000;
    padding-top:calc(var(--deltabox)*6)
}
#menu-box{
    margin-bottom:0;
    padding:calc(var(--deltabox)*7) calc(var(--deltabox)*8)
}
#menu-row{
    display:flex; align-items:center; gap:calc(var(--deltabox)*6)
}
#menu-scroll{
    display:flex; align-items:center; gap:calc(var(--deltabox)*6);
    overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch;
    flex:0 0 auto; min-width:0
}
#menu-scroll::-webkit-scrollbar{display:none}

#brand{
    font-family:var(--font-ui); font-size:23px; letter-spacing:5px;
    color:#ffffff; white-space:nowrap;
    margin-right:calc(var(--deltabox)*4);
    padding:6px 10px 6px calc(var(--soul-w) + var(--soul-inset) + var(--bar-gap));
    text-decoration:none
}

.menu-item{
    font-family:var(--font-ui); font-size:20px; letter-spacing:3px;
    color:var(--dim-text); background:none; border:0; cursor:pointer;
    padding:6px 10px 6px calc(var(--soul-w) + var(--soul-inset) + var(--bar-gap));
    position:relative; white-space:nowrap;
    text-decoration:none; display:inline-block
}
.menu-item:hover, .menu-item:focus-visible{color:#ffffff; outline:none}


#burger{
    display:none; flex:0 0 auto; flex-direction:column; justify-content:center;
    gap:calc(var(--deltabox)*2);
    width:calc(var(--deltabox)*13); height:calc(var(--deltabox)*13);
    padding:0; background:none; border:0; cursor:pointer;
    margin-right:calc(var(--deltabox)*2)
}
#burger span{
    display:block; height:var(--deltabox); width:100%;
    background:var(--dim-text)
}
#burger:hover span,
#burger:focus-visible span,
#burger[aria-expanded="true"] span{background:#ffffff}
#burger:focus-visible{outline:none}

.reveal{
    display:grid;
    grid-template-rows:0fr;
    transition:grid-template-rows .26s cubic-bezier(.65, 0, .35, 1)
}
.reveal.on{grid-template-rows:1fr}
.reveal-inner{
    min-height:0; overflow:hidden;
    display:flex; flex-wrap:wrap; justify-content:center;
    gap:calc(var(--deltabox)*2) calc(var(--deltabox)*3);
    opacity:0;
    transition:opacity .18s ease-out
}
.reveal.on .reveal-inner{opacity:1; transition-delay:.06s}

#menu-reveal #settings-reveal{
    flex-basis:100%;
    margin-top:calc(var(--deltabox)*2)
}
#menu-reveal #settings-reveal .reveal-inner::before{height:0}
.reveal-inner::before{
    content:""; flex-basis:100%; height:calc(var(--deltabox)*5)
}
.detail-toggle{
    font-family:var(--font-ui); font-size:17px; letter-spacing:2px;
    color:var(--dimmer-text); background:none; border:0; cursor:pointer;
    padding:calc(var(--deltabox)*3) 0 0
        calc(var(--soul-w) + var(--soul-inset) + var(--bar-gap));
    margin-top:calc(var(--deltabox)*2);
    position:relative
}
.detail-toggle::after{content:" +"}
.detail-toggle[aria-expanded="true"]::after{content:" \2212"}
.detail-toggle:hover, .detail-toggle:focus-visible{color:#ffffff; outline:none}

.reveal-inner.details{
    display:block; text-align:left
}
.reveal-inner.details::before{display:block; height:calc(var(--deltabox)*4)}
.reveal-inner.details::after{
    content:""; display:block; flex-basis:100%;
    height:calc(var(--deltabox)*9)
}
.reveal-inner.details p:not(.crit-head){font-size:19px; line-height:1.5; color:var(--dim-text)}
.crit-head{
    font-family:var(--font-ui); font-size:14px; letter-spacing:3px;
    color:var(--dimmer-text); margin-bottom:calc(var(--deltabox)*2)
}

.reveal-inner .menu-item{
    padding-top:calc(var(--deltabox)*3); padding-bottom:calc(var(--deltabox)*3)
}

.session-tools{
    display:flex; flex:0 0 100%; justify-content:center; flex-wrap:wrap;
    gap:calc(var(--deltabox)*2) calc(var(--deltabox)*3);
    margin-top:calc(var(--deltabox)*2); padding-top:calc(var(--deltabox)*3);
    border-top:var(--deltabox) solid var(--gridline, #26242e)
}
.session-tools form{margin:0}

.switch-state{color:var(--pink); margin-left:.7em}
.menu-item[aria-checked="false"] .switch-state{color:var(--dimmer-text)}
[aria-checked="false"] .switch-state{color:var(--dimmer-text)}

#account{
    display:flex; align-items:center;
    margin-left:auto;     
    flex:0 1 auto; min-width:0;
    overflow:hidden     
}
.menu-item.who{
    color:var(--box-cyan);
    min-width:0; overflow:hidden; text-overflow:ellipsis
}
.menu-item.who:hover, .menu-item.who:focus-visible{color:#ffffff}

#account-actions{
    text-align:center; margin-top:calc(var(--deltabox)*14);
    padding-top:calc(var(--deltabox)*10);
    border-top:var(--deltabox) solid var(--gridline, #26242e)
}
#account-actions .meta{margin-bottom:calc(var(--deltabox)*5); color:var(--dimmer-text)}
.menu-item[aria-current="page"]{color:#ffffff}

#head{text-align:center; padding:calc(var(--deltabox)*16) 0 calc(var(--deltabox)*13)}
#head h1{
    font-family:var(--font-title); font-weight:400;
    font-size:clamp(26px,7vw,62px); letter-spacing:clamp(4px,1.6vw,14px);
    margin-bottom:14px
}
#kicker{color:var(--dim-text); font-size:21px; letter-spacing:5px; margin-bottom:26px}
#countdown{
    font-family:var(--font-title); font-size:clamp(20px,5vw,40px); letter-spacing:4px;
    font-variant-numeric:tabular-nums; color:#ffffff; margin-bottom:10px
}
#countdown .unit{color:var(--dimmer-text); font-size:0.55em; margin:0 .5em 0 .08em}
#lockline{color:var(--dim-text); font-size:20px}
#lockline b{color:#ffffff; font-weight:400}
#record-intro{color:var(--dim-text); font-size:20px; line-height:1.5}

.votable .qline{margin-bottom:calc(var(--deltabox)*7); line-height:1.5}
.votable .meta{
    color:var(--dimmer-text); font-size:18px; letter-spacing:1px;
    display:flex; align-items:center; gap:calc(var(--deltabox)*4);
    margin-bottom:calc(var(--deltabox)*6)
}
.question-meta{min-width:0}
.votable .meta .sep{margin:0 .55em; color:#4e4e4e}
.votable .meta .tag{
    color:var(--cat,#ffffff);
    border:2px solid var(--cat,#ffffff);
    padding:1px 8px 2px; letter-spacing:2px;
    font-family:var(--font-ui); font-size:.82em
}

.question-tools{
    display:flex; align-items:center; flex:0 0 auto;
    gap:calc(var(--deltabox)*4); margin-left:auto; white-space:nowrap
}
.share-question{
    font-family:var(--font-ui); font-size:16px; letter-spacing:2px;
    color:var(--dimmer-text); background:none; border:0; cursor:pointer;
    padding:3px 0; text-decoration:none
}
.share-question:hover, .share-question:focus-visible{color:#ffffff; outline:none}

.question-share-page .choices{flex-direction:column; gap:calc(var(--deltabox)*2)}

.choices{display:flex; flex-wrap:wrap; gap:calc(var(--deltabox)*3) calc(var(--deltabox)*14)}
.choices.many{flex-direction:column; gap:calc(var(--deltabox)*2)}
.choice{
    font-family:var(--font-ui); font-size:24px; letter-spacing:3px;
    background:none; border:0; color:var(--dim-text); cursor:pointer;
    padding:8px 8px 8px 38px; position:relative; text-align:left
}
.choice:hover, .choice:focus-visible{color:#ffffff; outline:none}
.choice[aria-pressed="true"]{color:#ffffff}
.choice[disabled]{cursor:default}
.choice[disabled]:not([aria-pressed="true"]),
.choice[disabled]:not([aria-pressed="true"]):hover{color:#4e4e4e}

#soul-cursor{
    position:absolute; z-index:2;
    width:22px; height:22px; color:var(--soul);
    visibility:hidden; pointer-events:none;
    will-change:transform
}
#soul-cursor.on{visibility:visible}

.result{margin-top:calc(var(--deltabox)*8)}
.result .verdict{font-size:21px; color:var(--dim-text); margin-bottom:calc(var(--deltabox)*5); line-height:1.5}
.result .verdict b{color:#ffffff; font-weight:400}
.result .verdict .rare{color:var(--pink)}

#sorts{
    display:flex; flex-wrap:wrap; align-items:center;
    gap:calc(var(--deltabox)*2) calc(var(--deltabox)*6);
    margin-bottom:calc(var(--deltabox)*7)
}
.sort{
    font-family:var(--font-ui); font-size:17px; letter-spacing:2px;
    color:var(--dimmer-text); background:none; border:0; cursor:pointer;
    padding:calc(var(--deltabox)*2) 0 calc(var(--deltabox)*2)
        calc(var(--soul-w) + var(--soul-inset) + var(--bar-gap))
}
.sort:hover, .sort:focus-visible{color:#ffffff; outline:none}
.sort[aria-pressed="true"]{color:var(--pink)}

#searchbar{position:relative; z-index:0; margin-bottom:calc(var(--deltabox)*8)}
#q{
    display:block; width:100%;
    background:#000; color:#ffffff;
    border:calc(var(--deltabox)*2) solid var(--box-grey);
    font-family:var(--font-normal); font-size:20px;
    padding:calc(var(--deltabox)*4) calc(var(--deltabox)*24) calc(var(--deltabox)*4) calc(var(--deltabox)*5);
    -webkit-appearance:none; appearance:none
}
#q:focus{outline:none; border-color:var(--box-white)}
#q::placeholder{color:var(--dimmer-text)}
#searchcount{
    position:absolute; right:calc(var(--deltabox)*5); top:50%;
    transform:translateY(-50%); pointer-events:none;
    color:var(--dim-text); font-size:17px;
    font-variant-numeric:tabular-nums
}
#searchcount.egg-route{pointer-events:auto}
.egg-nowhere{
    appearance:none; border:0; background:transparent;
    padding-left:calc(var(--soul-w) + var(--soul-inset) + var(--bar-gap));
    color:var(--dim-text); font:inherit; letter-spacing:inherit;
    cursor:pointer
}
.egg-nowhere:hover, .egg-nowhere:focus-visible{color:#ffffff; outline:none}
.votable[hidden]{display:none}

#record-controls{
    display:flex; align-items:center; min-height:30px;
    margin-bottom:calc(var(--deltabox)*7)
}
#record-controls .detail-toggle{margin:0 0 0 auto; padding-top:0; padding-bottom:0}

.record-call{
    font-family:var(--font-ui); font-size:18px; letter-spacing:2px;
    color:var(--gold); margin-bottom:calc(var(--deltabox)*5); line-height:1.45
}
.record-call[data-status="disputed"]{color:var(--pink)}
.record-call[data-status="void"]{color:var(--dimmer-text)}
.record-options{list-style:none; margin:0 0 calc(var(--deltabox)*7); padding:0}
.record-option{
    display:flex; justify-content:space-between; align-items:baseline;
    gap:calc(var(--deltabox)*6); padding:calc(var(--deltabox)*3) 0;
    color:var(--dimmer-text); border-bottom:var(--deltabox) solid var(--gridline, #26242e);
    font-family:var(--font-ui); font-size:21px; letter-spacing:2px
}
.record-option:first-child{border-top:var(--deltabox) solid var(--gridline, #26242e)}
.record-option-label{overflow-wrap:anywhere}
.record-option[data-called="1"]{color:#ffffff}
.record-option-state{flex:none; color:var(--gold); font-size:14px; letter-spacing:2px}
.record-criteria{padding-top:calc(var(--deltabox)*2)}
.record-criteria p:not(.crit-head){font-size:19px; line-height:1.5; color:var(--dim-text)}
.record-empty{
    min-height:6.2em; display:flex; align-items:flex-start;
    color:#ffffff
}

.bars{list-style:none; margin:0}
.bar-row{margin-bottom:calc(var(--deltabox)*4)}
.bar-row:last-child{margin-bottom:0}
.bar-head{
    display:flex; justify-content:space-between; align-items:baseline; gap:14px;
    font-size:19px; color:var(--dim-text); margin-bottom:calc(var(--deltabox)*2)
}
.bar-label{overflow-wrap:anywhere}
.bar-pct{font-variant-numeric:tabular-nums; flex:none}
.bar-track{
    display:block; height:calc(var(--deltabox)*6);
    border:var(--deltabox) solid var(--box-grey); background:#000
}
.bar-fill{display:block; height:100%; background:var(--box-grey); transition:width .4s steps(10)}

.bar-row[data-mine] .bar-head{color:#ffffff}
.bar-row[data-mine] .bar-track{border-color:var(--soul)}
.bar-row[data-mine] .bar-fill{background:var(--box-white)}
.bar-row[data-right] .bar-head{color:var(--pink)}
.bar-row[data-right] .bar-fill{background:var(--pink)}

.role-badge{
    display:inline-block;
    font-family:var(--font-ui); font-size:15px; letter-spacing:3px;
    color:var(--cat,#ffffff);
    border:2px solid var(--cat,#ffffff);
    padding:1px 10px 2px;
    margin-bottom:calc(var(--deltabox)*3)
}
.role-badge[data-role="owner"]{--cat:#a97bff}
.role-badge[data-role="mod"]  {--cat:#42fcff}
.record{
    color:var(--dim-text); font-size:18px; letter-spacing:1px;
    margin-top:calc(var(--deltabox)*4)
}
.record b{color:#ffffff; font-weight:400}

.verdict-line{
    font-size:19px; letter-spacing:1px;
    margin-top:calc(var(--deltabox)*3)
}
.verdict-line[data-verdict="right"]{color:var(--pink)}
.verdict-line[data-verdict="wrong"]{color:var(--dimmer-text)}
.verdict-line[data-verdict="void"] {color:var(--dimmer-text)}

#views{
    display:flex; gap:calc(var(--deltabox)*10); flex-wrap:wrap;
    margin-bottom:calc(var(--deltabox)*8)
}

#more{text-align:center; margin-top:calc(var(--deltabox)*16)}
.button{
    font-family:var(--font-ui); font-size:24px; letter-spacing:3px;
    background:#000000; color:#ffffff; border:5px solid #ffffff;
    padding:14px 30px; cursor:pointer; display:inline-block; margin:8px;
    text-decoration:none
}
.button:hover, .button:focus-visible{background:#ffffff; color:#000000; outline:none}
.button.ghost{border-color:#5e5e5e; color:#9a9a9a}
.button.ghost:hover{background:#5e5e5e; color:#000000}

#hint{
    text-align:center; color:var(--dimmer-text); font-size:18px;
    letter-spacing:2px; margin-top:calc(var(--deltabox)*10)
}
.footer{
    text-align:center; margin-top:calc(var(--deltabox)*12);
    color:#8a8a8a; font-size:19px; line-height:1.6
}
.footer a{color:#b4b4b4}
.footer a:hover{color:#ffffff}

html[data-motion="off"] .panel{animation:none; opacity:var(--peak)}

.save-state{
    font-size:17px; margin-top:calc(var(--deltabox)*3); min-height:1.4em;
    color:var(--dimmer-text); letter-spacing:1px
}
.save-state[data-state="needs-login"]{color:var(--gold)}
.save-state[data-state="error"]{color:var(--soul)}
.login-link{color:var(--gold); text-underline-offset:4px}
.login-link:hover{color:#ffffff}

#credits{
    position:fixed; left:0; right:0; bottom:14px; z-index:3;
    text-align:center; font-size:21px; letter-spacing:1px;
    color:#b4b4b4;

    opacity:0; transition:opacity 1.2s ease-in;
    pointer-events:none;

    text-shadow:0 3px 4px #000000, 0 0 9px #000000
}
#credits.on{opacity:1}
#credits a{color:#b4b4b4; pointer-events:auto}
#credits a:hover{color:#ffffff}

#bsky-link, #mail-link{text-decoration:none}
#bsky-link svg{width:19px; height:18px; vertical-align:-3px; fill:#b4b4b4}
#bsky-link:hover svg{fill:#0085ff}

#twitter-link svg{width:22px; height:22px; vertical-align:-5px; fill:#b4b4b4}
#twitter-link:hover svg{fill:#1d9bf0}

#kofi-link svg{width:21px; height:21px; vertical-align:-5px; fill:#b4b4b4}
#kofi-link:hover svg{fill:#ff5e5b}

#mail-link svg{width:20px; height:15px; vertical-align:-2px; fill:#b4b4b4}
#mail-link:hover svg{fill:#ffffff}

#credits-card, #contact-card{max-width:780px; margin:auto}
#credits-card p, #contact-card p{margin-bottom:18px; color:#e4e4e4; text-align:left}
#egg-card{width:min(590px, 100%); margin:auto}
#egg-card p{margin:0; color:#ffffff; text-align:left}
.egg-choices{display:flex; justify-content:center; gap:calc(var(--deltabox)*14); margin-top:28px}
.pipis-accept{font-size:1.67em}

#credits-overlay, #contact-overlay, #egg-prompt, #pipis-prompt{
    position:fixed; inset:0; z-index:60;
    background:rgba(0,0,0,0.9);
    
    display:none; align-items:center; justify-content:center;
    padding:20px;
    overflow:auto
}
#credits-overlay.on, #contact-overlay.on, #egg-prompt.on, #pipis-prompt.on{display:flex}

.pipis-card{width:min(760px, 100%); margin:auto}

.box{
    border:8px solid #ffffff;
    background:#000000;
    padding:36px 33px;
    position:relative
}

#intro p{margin-bottom:calc(var(--deltabox)*5)}
#intro p:last-of-type{margin-bottom:0}
details.method{
    margin-top:calc(var(--deltabox)*8); color:var(--dim-text);
    font-size:.86em; text-align:left
}
details.method summary{cursor:pointer; color:#bbbbbb; list-style:none}
details.method summary::-webkit-details-marker{display:none}
details.method summary:hover{color:#ffffff}
details.method p{margin-top:calc(var(--deltabox)*4)}

.field{margin-bottom:calc(var(--deltabox)*9)}
.field:last-child{margin-bottom:0}

.field > label,
.field-label{
    display:block;
    font-family:var(--font-ui); font-size:18px; letter-spacing:3px;
    color:var(--box-grey); margin-bottom:calc(var(--deltabox)*3)
}
.hint{
    font-size:16px; color:var(--dimmer-text);
    margin-top:calc(var(--deltabox)*2); line-height:1.5
}

.ipt{
    display:block; width:100%;
    background:#000; color:#ffffff;
    border:calc(var(--deltabox)*2) solid var(--box-grey);
    font-family:var(--font-normal); font-size:20px; line-height:1.5;
    padding:calc(var(--deltabox)*4) calc(var(--deltabox)*5);
    -webkit-appearance:none; appearance:none
}
.ipt:focus{outline:none; border-color:var(--box-white)}
.ipt::placeholder{color:var(--dimmer-text)}
textarea.ipt{resize:vertical; min-height:calc(var(--deltabox)*30)}

.select-wrap{position:relative}
.select-wrap::after{
    content:"\25BC"; position:absolute; right:calc(var(--deltabox)*5);
    top:50%; transform:translateY(-50%);
    color:var(--box-grey); font-size:14px; pointer-events:none
}
select.ipt{padding-right:calc(var(--deltabox)*14); cursor:pointer}
select.ipt option{background:#000; color:#fff}

.opt-row{
    display:flex; align-items:center;
    gap:calc(var(--deltabox)*3);
    margin-bottom:calc(var(--deltabox)*3)
}
.opt-row .n{
    flex:none; width:1.6em; text-align:right;
    color:var(--dimmer-text); font-size:18px;
    font-variant-numeric:tabular-nums
}
.opt-row .ipt{min-width:0}
.opt-drop{
    flex:none; background:none; border:0; cursor:pointer;
    color:var(--dimmer-text); font-family:var(--font-ui);
    font-size:20px; padding:0 calc(var(--deltabox)*2)
}
.opt-drop:hover, .opt-drop:focus-visible{color:var(--soul); outline:none}
.opt-add{
    background:none; border:0; cursor:pointer; padding:0;
    font-family:var(--font-ui); font-size:17px; letter-spacing:2px;
    color:var(--pink); margin-top:calc(var(--deltabox)*2)
}
.opt-add:hover, .opt-add:focus-visible{color:#ffffff; outline:none}
.opt-add[disabled]{color:#4e4e4e; cursor:default}

.form-actions{
    display:flex; align-items:center; flex-wrap:wrap;
    gap:calc(var(--deltabox)*4);
    margin-top:calc(var(--deltabox)*10)
}
.form-actions .button{margin:0}
.form-msg{font-size:17px; letter-spacing:1px; color:var(--dimmer-text); line-height:1.5}
.form-msg[data-state="error"]{color:var(--soul)}
.form-msg[data-state="ok"]{color:var(--pink)}

.counter{
    float:right; font-size:15px; color:var(--dimmer-text);
    font-variant-numeric:tabular-nums; letter-spacing:1px
}
.counter[data-over="true"]{color:var(--soul)}

.pill{
    display:inline-block;
    font-family:var(--font-ui); font-size:14px; letter-spacing:2px;
    border:calc(var(--deltabox)) solid currentColor;
    padding:1px calc(var(--deltabox)*3);
    vertical-align:2px
}
.pill.proposed{color:var(--box-grey)}
.pill.live{color:var(--pink)}
.pill.rejected{color:var(--soul)}
.pill.void, .pill.disputed{color:var(--dimmer-text)}
.pill.resolved{color:#ffffff}

.queue-empty{color:var(--dim-text); font-size:20px}

.row-head{
    display:flex; align-items:baseline; flex-wrap:wrap;
    gap:calc(var(--deltabox)*4);
    margin-bottom:calc(var(--deltabox)*4)
}
.row-head .who{color:var(--dim-text); font-size:16px; letter-spacing:1px}

.mod-note{
    border-left:calc(var(--deltabox)*2) solid var(--box-grey);
    padding-left:calc(var(--deltabox)*4);
    margin-top:calc(var(--deltabox)*6);
    color:var(--dim-text); font-size:18px; line-height:1.5
}
.mod-note b{color:#ffffff; font-weight:400}

.similar{
    margin-top:calc(var(--deltabox)*6);
    color:#c8a13a; font-size:17px; line-height:1.55
}
.similar b{color:#e5bb4a; font-weight:400}
.similar ul{list-style:none; margin-top:calc(var(--deltabox)*2)}

.log{
    margin-top:calc(var(--deltabox)*6);
    font-size:16px; color:var(--dimmer-text); line-height:1.7;
    letter-spacing:1px
}
.log li{list-style:none}
.log .log-act{color:var(--box-grey)}

.frozen{
    margin-top:calc(var(--deltabox)*6);
    font-size:17px; color:var(--pink); line-height:1.5
}

.settle-row .bar-head{
    cursor:pointer;
    gap:calc(var(--deltabox)*4)
}
.settle-tick{
    flex:none; width:18px; height:18px;
    accent-color:var(--soul);
    margin:0; cursor:pointer
}
.settle-row .bar-label{flex:1 1 auto; min-width:0}

.settle-row[data-right] .bar-head{color:#ffffff}
.settle-row[data-right] .bar-track{border-color:var(--soul)}
.settle-row[data-right] .bar-fill{background:var(--box-white)}

.right-mark{color:var(--pink)}

#filters{
    display:flex; gap:calc(var(--deltabox)*10); flex-wrap:wrap;
    margin-bottom:calc(var(--deltabox)*10)
}

.button.act{font-size:18px; letter-spacing:2px; padding:9px 18px; border-width:4px}

.ipt:disabled{
    color:var(--dim-text); border-color:#3a3a3a;
    cursor:not-allowed; -webkit-text-fill-color:var(--dim-text); opacity:1
}

#cats{
    display:flex; flex-wrap:wrap;
    gap:calc(var(--deltabox)*3) calc(var(--deltabox)*3);
    margin-bottom:calc(var(--deltabox)*3)
}
.cat{
    font-family:var(--font-ui); font-size:15px; letter-spacing:2px;
    background:none; cursor:pointer;
    color:var(--cat,#ffffff);
    border:2px solid var(--cat,#ffffff);
    padding:calc(var(--deltabox)) calc(var(--deltabox)*3)
}
.cat[aria-pressed="false"]{
    color:#5e5e5e;
    border-color:#4a4a4a;
    color:color-mix(in srgb, var(--cat,#fff) 34%, #000);
    border-color:color-mix(in srgb, var(--cat,#fff) 26%, #000)
}
.cat:hover, .cat:focus-visible{outline:none; color:#ffffff; border-color:#ffffff}

.cats-note{
    font-family:var(--font-ui); font-size:15px; letter-spacing:2px;
    color:var(--dimmer-text)
}
.cats-hint{font-size:16px !important; color:var(--dimmer-text) !important}

#cats-toggle, #mods-toggle{
    margin-left:auto; margin-top:0; padding-top:0; padding-bottom:0
}
.pipis-message{
    color:#ffffff !important; border-color:#ffffff !important;
    animation:pipis-message .48s steps(2,end) infinite
}
.pipis-deal{
    --cat:#ffdf22;
    animation:pipis-deal .42s steps(2,end) infinite
}
@keyframes pipis-message{
    0%,49%{color:#ffffff; border-color:#ffffff}
    50%,100%{color:#b9b9b9; border-color:#8a8a8a}
}
@keyframes pipis-deal{
    0%,49%{color:#ffdf22; border-color:#ffdf22}
    50%,100%{color:#ff68c8; border-color:#ff68c8}
}
#mods-reveal .field{margin-bottom:calc(var(--deltabox)*6)}

.choice.armed{ color:var(--gold) }
.choice.armed:hover, .choice.armed:focus-visible{color:var(--gold)}

.commit{
    display:flex; align-items:center; flex-wrap:wrap;
    gap:calc(var(--deltabox)*3);
    margin-top:calc(var(--deltabox)*6)
}
.commit .button{margin:0}
.commit .confirm{border-color:var(--gold); color:var(--gold)}
.commit .confirm:hover, .commit .confirm:focus-visible{
    background:var(--gold); color:#000000
}
.commit-state{
    font-size:17px; letter-spacing:1px; color:var(--dimmer-text)
}
.commit-state[data-state="error"]{color:var(--soul)}
.commit-state[data-state="needs-login"]{color:var(--gold)}

.standings:empty{display:none}
.standings .bars{margin-top:calc(var(--deltabox)*3)}
.standings .verdict{
    font-size:19px !important; color:var(--dim-text);
    margin-bottom:calc(var(--deltabox)*4); line-height:1.5
}
.standings .crit-head{margin-top:calc(var(--deltabox)*6)}
.standings:first-child .crit-head{margin-top:0}

.called{
    font-size:20px; color:var(--dim-text);
    margin-bottom:calc(var(--deltabox)*2)
}
.called b{color:#ffffff; font-weight:400}
.called .sep{color:#4e4e4e}

.votable .choices{display:none}
body[data-editing="1"] .votable .called{display:none}
body[data-editing="1"] .votable .choices{display:flex}
body[data-editing="always"] .votable .called{display:none}
body[data-editing="always"] .votable .choices{display:flex}

.personal-vote[hidden]{display:none}
.personal-vote{margin-top:calc(var(--deltabox)*6)}
.personal-vote .choices{display:flex}
.personal-vote .choices[hidden]{display:none}
.personal-state{font-size:17px; color:var(--dimmer-text); letter-spacing:1px; margin-bottom:calc(var(--deltabox)*4)}
.bar-row[data-called] .bar-head{color:#ffffff}
.bar-row[data-called] .bar-track{border-color:var(--box-grey)}

.votable .commit{display:none}
.votable.is-armed .commit{display:flex}

#search-row{
    position:relative; isolation:isolate;
    display:flex; align-items:stretch;
    gap:calc(var(--deltabox)*4);
    margin-bottom:calc(var(--deltabox)*8)
}
#search-row #searchbar{flex:1 1 auto; min-width:0; margin-bottom:0}
.empty-profile{position:relative}
.wide-only{display:inline}


#mine-views{
    display:flex; flex-wrap:wrap; align-items:center;
    gap:calc(var(--deltabox)*2) calc(var(--deltabox)*8);
    margin-bottom:calc(var(--deltabox)*7)
}

#room-between{
    position:fixed; inset:0; z-index:70;
    background:#000000; display:none
}
#room-between.on{display:block}

#room-between-art{
    position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
    height:min(92vh, 720px); aspect-ratio:252/387
}
#room-between-art svg{width:100%; height:100%; display:block}
#room-between-hitbox{position:absolute}

#room-between-veil{
    position:fixed; inset:0; z-index:80; background:#000000;
    opacity:0; transition:opacity .9s ease-in;
    pointer-events:none
}
#room-between-veil.on{opacity:1; pointer-events:auto}

#deltarune-text-box{
    --deltabox:min(3.05px, calc((100vw - 44px) / 289));

    position:absolute; left:50%; bottom:17vh; transform:translateX(-50%);
    width:calc(var(--deltabox)*289); height:calc(var(--deltabox)*76);

    background:#000; border:calc(var(--deltabox)*2) solid #fcfefc;
    box-shadow:inset 0 0 0 var(--deltabox) #acaeb4;
    padding:calc(var(--deltabox)*8) calc(var(--deltabox)*16);
    font-size:calc(var(--deltabox)*16);
    display:none
}
#deltarune-text-box.on{display:block}
#him-dialogue{
    font-family:var(--font-normal); font-size:1em; line-height:1.5;
    color:#ffffff; white-space:pre-wrap
}

.typewriter-off{visibility:hidden}

#secret-finds{
    position:absolute; z-index:2;
    right:calc(var(--deltabox)*8); bottom:calc(100% - 2px);
    display:flex; justify-content:flex-end; align-items:flex-end;
    gap:8px; margin:0
}
#egg-slot, #pipis-slot{display:block; pointer-events:none}
#egg-slot[hidden], #pipis-slot[hidden]{display:none}
#egg-slot img, #pipis-slot img{
    display:block; width:28px; height:32px;
    image-rendering:pixelated
}
#pipis-slot img{width:33px; height:auto}

#pipis-drop{
    position:fixed; z-index:75; left:50%; top:50%;
    width:72px; height:72px; padding:4px; border:0; background:transparent;
    cursor:pointer; transform:translate(-50%,-130vh); opacity:0;
    filter:drop-shadow(0 0 5px #2f93ff)
}
#pipis-drop.on{animation:pipis-drop 1s steps(14,end) forwards, pipis-glow .7s steps(2,end) 1s infinite}
#pipis-drop img{display:block; width:100%; height:100%; image-rendering:pixelated}
#pipis-drop:focus-visible{outline:3px solid #ffffff; outline-offset:5px}
#pipis-drop.claimed{animation:pipis-claimed .4s steps(5,end) forwards}
#pipis-drop.rejected{animation:pipis-rejected .7s steps(2,end) forwards}
@keyframes pipis-drop{
    from{transform:translate(-50%,-130vh); opacity:0}
    5%{opacity:1}
    to{transform:translate(-50%,-50%); opacity:1}
}
@keyframes pipis-glow{
    0%,100%{filter:drop-shadow(0 0 4px #2f93ff)}
    50%{filter:drop-shadow(0 0 14px #ffffff)}
}
@keyframes pipis-claimed{
    to{transform:translate(-50%,-50%) scale(.05) rotate(180deg); opacity:0}
}
@keyframes pipis-rejected{
    0%,100%{filter:grayscale(1); opacity:1}
    50%{transform:translate(calc(-50% + 10px),-50%); opacity:.3}
}

.cat.chapter{
    color:var(--box-white);
    border-color:var(--box-white)
}
.cat.chapter[aria-pressed="false"]{
    color:#4a4a4a; border-color:#333333
}
.cat.chapter:hover, .cat.chapter:focus-visible{color:#ffffff; border-color:#ffffff}

.votable .meta .chapter-tag{
    color:var(--box-grey);
    border-color:var(--box-grey);
    margin-left:calc(var(--deltabox)*2)
}

#chapters{
    display:flex; flex-wrap:wrap;
    gap:calc(var(--deltabox)*3);
    margin-bottom:calc(var(--deltabox)*3)
}
#cats-reveal .crit-head:not(:first-child){margin-top:calc(var(--deltabox)*5)}

.field.two-up{
    display:grid; grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:calc(var(--deltabox)*4) calc(var(--deltabox)*6)
}

.vol{
    display:grid; align-items:center;
    grid-template-columns:minmax(0, 1fr) minmax(72px, 112px) 3.2em;
    column-gap:calc(var(--deltabox)*3);
    width:100%; max-width:278px; box-sizing:border-box;
    padding:calc(var(--deltabox)*3) 0;
}
.vol label{
    font-family:var(--font-ui); font-size:17px; letter-spacing:2px;
    color:var(--dim-text); min-width:0; text-align:right
}
.vol input[type=range]{
    -webkit-appearance:none; appearance:none;
    width:100%; min-width:0; height:18px; padding:0;
    border:calc(var(--deltabox)) solid var(--box-white);
    background:#000000; cursor:pointer
}
.vol input[type=range]:focus-visible{outline:2px solid var(--pink); outline-offset:2px}
.vol input[type=range]::-webkit-slider-thumb{
    -webkit-appearance:none; width:10px; height:10px;
    background:var(--flowery); border:0; border-radius:0
}
.vol input[type=range]::-moz-range-thumb{
    width:10px; height:10px;
    background:var(--flowery); border:0; border-radius:0
}
.vol-value{
    font-family:var(--font-ui); font-size:15px; letter-spacing:1px;
    color:var(--dimmer-text);
    min-width:0;
    font-variant-numeric:tabular-nums
}

.cooldown{
    font-size:17px; letter-spacing:1px; color:var(--dimmer-text);
    margin-top:calc(var(--deltabox)*4)
}
@media (min-width:951px){
    #menu-reveal{display:none}
}

@media (max-width:950px){
    #menu-reveal .reveal-inner{
        flex-direction:column; align-items:stretch;
        flex-wrap:nowrap;
        gap:0
    }
    #menu-reveal .reveal-inner::before{flex-basis:auto}
    #menu-reveal #settings-reveal{align-self:stretch; flex-basis:auto}

    #menu-grid{
        display:grid;
        grid-template-columns:1fr 1fr;
        column-gap:calc(var(--deltabox)*2)
    }
    #menu-reveal #settings-trigger{
        align-self:center;
        margin-top:calc(var(--deltabox)*2)
    }
    #menu-reveal #settings-reveal .reveal-inner{
        display:grid; grid-template-columns:minmax(0, 1fr);
        justify-items:center; align-items:center; gap:0
    }
    #menu-reveal #settings-reveal .reveal-inner::before{
        height:0; width:100%;
        border-top:var(--deltabox) solid var(--gridline, #26242e);
        margin-bottom:calc(var(--deltabox)*4)
    }
    #menu-reveal #settings-reveal .session-tools{
        flex:0 0 auto; width:100%; justify-self:stretch
    }
    #burger{display:flex}
    #menu-scroll{display:none}
    #menu-row{
        display:grid;
        grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
        gap:calc(var(--deltabox)*3)
    }
    #burger{justify-self:start; margin-right:0}
    #account{margin-left:0; justify-content:flex-end}
    #brand{justify-self:center; margin-right:0; padding-right:30px}
}

@media (max-width:820px){
    .ipt{font-size:18px}
    .form-actions{gap:calc(var(--deltabox)*3)}
    #egg-slot img{width:22px; height:25px}
    #pipis-slot img{width:27px; height:auto}
    #credits{font-size:16px; bottom:10px}
    :root{--deltabox:2.4px}
    body{font-size:21px; padding:0 0 70px}
    #app{padding:0 14px}
    #topmenu{padding-left:14px; padding-right:14px}
    #brand{font-size:19px; letter-spacing:3px}
    .menu-item{font-size:17px; letter-spacing:2px}
    .choice{font-size:20px; padding-left:32px}
    .votable .meta{font-size:15px}
    .result .verdict{font-size:18px}
    .bar-head{font-size:16px}
    #q{font-size:17px}
    #searchcount{font-size:15px}
    .save-state{font-size:15px}
    #kicker{font-size:17px; letter-spacing:3px}
    #lockline{font-size:17px}
    #hint{display:none}
    #menu-box{padding:calc(var(--deltabox)*7) calc(var(--deltabox)*6)}
    #menu-scroll{gap:calc(var(--deltabox)*4)}

    :root{--soul-w:18px}
    #soul-cursor{width:18px; height:18px}
}

@media (max-width:600px){
    #sorts{
        flex-wrap:nowrap;
        gap:calc(var(--deltabox)*2) calc(var(--deltabox)*4)
    }
    #sorts .sort, #cats-toggle{
        font-size:14px; letter-spacing:1px;
        padding-left:calc(var(--soul-w) + var(--soul-inset) + 2px);
        white-space:nowrap
    }
    #cats-note{font-size:13px; letter-spacing:0}

    #views{gap:calc(var(--deltabox)*2) calc(var(--deltabox)*4)}
    #views .sort{
        font-size:14px; letter-spacing:1px;
        padding-left:calc(var(--soul-w) + var(--soul-inset) + 2px);
        white-space:nowrap
    }
    #filters{
        gap:calc(var(--deltabox)*2) calc(var(--deltabox)*4)
    }
    #filters .sort{
        font-size:14px; letter-spacing:1px;
        padding-left:calc(var(--soul-w) + var(--soul-inset) + 2px);
        white-space:nowrap
    }
    #mods-toggle{flex:0 0 100%; font-size:14px; letter-spacing:1px}
    .field.two-up{grid-template-columns:1fr}
    .wide-only{display:none}
    #search-row{gap:calc(var(--deltabox)*3)}
}

@media (max-width:520px){
    .votable .meta{align-items:flex-start; flex-wrap:wrap; row-gap:calc(var(--deltabox)*3)}
    .question-tools{margin-left:auto}
}

@media (max-width:480px){
    :root{--deltabox:2px}
    .choices{flex-direction:column; gap:calc(var(--deltabox)*2)}

    #menu-row{display:flex; gap:calc(var(--deltabox)*3)}
    #brand{
        font-size:16px; letter-spacing:2px;
        padding-right:4px;
        margin:0 auto; flex:0 0 auto
    }
    #account{margin-left:0}
    .reveal-inner .menu-item{font-size:15px}

    body{font-size:19px; line-height:1.45}

    #head{padding:calc(var(--deltabox)*9) 0 calc(var(--deltabox)*8)}
    #head h1{margin-bottom:10px}
    #kicker{font-size:15px; letter-spacing:3px; margin-bottom:12px}
    #countdown{margin-bottom:6px}
    #lockline{font-size:15px}

    .dbox{
        padding:calc(var(--deltabox)*7) calc(var(--deltabox)*8);
        margin-bottom:calc(var(--deltabox)*10)
    }
    .votable .qline{margin-bottom:calc(var(--deltabox)*5)}
    .choice{font-size:19px}
    .votable .meta{font-size:14px; margin-bottom:calc(var(--deltabox)*4)}
    .reveal-inner.details p:not(.crit-head){font-size:17px}
    .bar-head{font-size:15px}
    .cooldown{font-size:15px}

    #menu-box{padding:calc(var(--deltabox)*5) calc(var(--deltabox)*6)}

    #menu-reveal #settings-reveal .session-tools{
        flex-direction:column; align-items:center; gap:0
    }
    #menu-reveal #settings-reveal .session-tools form{
        width:100%; display:flex; justify-content:center
    }

    .footer{font-size:16px; margin-top:calc(var(--deltabox)*9)}
    #more{margin-top:calc(var(--deltabox)*10)}
    .button{font-size:20px; padding:11px 22px; margin:6px}
}

@media (prefers-reduced-motion:reduce){
    *{animation-duration:.001s !important; transition-duration:.001s !important}
    html[data-motion="on"] .panel{animation-duration:var(--dur) !important}
}