:root{--night:#e9eddc;--deep:#f1eed9;--panel:#fff9e8;--raise:#dce8c4;--line:#344b40;--line-hi:#344b40;--amber:#f2bf4c;--amber-d:#ba8537;--cyan:#28766d;--cyan-d:#1f5e55;--red:#b85143;--cream:#2e423a;--muted:#52665a;--dim:#596c61;--display:'Silkscreen',monospace;--ui:'VT323',monospace;--gap:28px;--game-paper:#fff9e8;--game-ink:#344b40;--game-sage:#dce8c4;--game-shadow:#859579;--game-green:#4c7654;--notch:none;--radius:0;background:var(--night);color-scheme:light;scroll-padding-top:90px}
*{box-sizing:border-box;font-variant-ligatures:none}
html{scroll-behavior:smooth;background:var(--night)}
body{margin:0;min-height:100vh}
[hidden]{display:none!important}
canvas,img{image-rendering:pixelated}
p{margin:0 0 12px}
.top{position:sticky;top:0;display:flex;align-items:center;backdrop-filter:none}
.brand{display:flex;align-items:center;text-decoration:none}
.brand .mark{display:block;image-rendering:pixelated}
.shell{margin:0 auto;display:grid}
.panel,.window{position:relative;min-width:0}
.panel-head{display:flex;align-items:center}
.panel-head h2{margin:0}
.panel-head .tag{margin-left:auto}
.ticon{flex:none}
.ticon.note{background:var(--muted)}
.statusbar{display:flex;gap:10px;justify-content:space-between}
.statusbar span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.tbtn{margin-left:auto;cursor:pointer}
.btn{cursor:pointer}
.btn.ghost{background:transparent}
.btn[disabled]{cursor:default}
a.btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
#stage{padding:28px;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:32px;align-items:center}
.flybox{position:relative;aspect-ratio:1;display:grid;place-items:center;overflow:hidden}
.flybox::before{content:'';position:absolute;inset:0;background:
  conic-gradient(from 30deg at 50% 50%,#ffffff05 0 60deg,transparent 60deg 120deg) ,
  repeating-linear-gradient(0deg,transparent 0 3px,#00000030 3px 4px);opacity:1;pointer-events:none}
.flybox::after{content:'';position:absolute;left:0;right:0;height:30%;top:-30%;background:linear-gradient(transparent,#7fd6e826,transparent);pointer-events:none}
#stage[data-busy] .flybox::after{animation:scan 1.6s linear infinite}
@keyframes scan{to{top:100%}}
@media (prefers-reduced-motion:reduce){
#stage[data-busy] .flybox::after{animation:none}}
#fly{display:block;width:78%;height:auto;aspect-ratio:64/56;position:relative;z-index:1}
.big{margin:0 0 14px;text-wrap:balance}
.big em{font-style:normal}
.big,.step b,.call{text-transform:uppercase;letter-spacing:.03em}
.lede{font-size:17px}
.actions-row{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 8px}
.hint{font-size:13px;margin-top:12px;max-width:52ch}
.views{display:flex;gap:18px;flex-wrap:wrap}
.views figure{margin:0;flex:1;min-width:140px;max-width:280px}
.views canvas{display:block;width:100%;height:auto;aspect-ratio:4/3;background:var(--night);border:2px solid var(--line)}
#view-yours{image-rendering:auto}
.views figcaption{margin-top:8px;font:600 13px var(--ui);color:var(--muted)}
.group{margin:16px 0 0;min-width:0}
.guesses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.guesses button{font:600 13px var(--ui);text-transform:capitalize;cursor:pointer;min-width:0}
.guesses button:hover:not(:disabled){border-color:var(--amber)}
.guesses img{display:block;width:96px;max-width:100%;height:auto;aspect-ratio:1;margin:0 auto}
.guesses button:disabled{cursor:default;opacity:.55}
.guesses button.right{opacity:1}
.guesses button.wrong{opacity:1;border-color:var(--red)}
.call{margin:18px 0 10px}
.matches{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.matches li{display:grid;grid-template-columns:48px minmax(0,8em) 1fr 3.4em;align-items:center;gap:10px;padding:2px 12px 2px 4px;text-transform:capitalize}
.matches img{width:48px;height:48px}
.matches .bar{height:10px;background:repeating-linear-gradient(90deg,var(--cyan) 0 6px,transparent 6px 8px);width:var(--share)}
.matches b{text-align:right}
.progress{height:16px;padding:3px;overflow:hidden}
.progress i{display:block;height:100%;width:0}
.progress[data-busy] i{width:30%}
@media (prefers-reduced-motion:no-preference){
.progress[data-busy] i{animation:chase 1.4s steps(14) infinite}
@keyframes chase{from{margin-left:-30%}to{margin-left:100%}}}
.stage-text{margin:10px 0 0;min-height:1.5em}
.msg{display:flex;gap:14px;align-items:flex-start;margin-bottom:12px}
.msg h2{font:700 20px var(--display);margin:0 0 6px}
.warn{flex:none;width:36px;height:36px;display:grid;place-items:center;background:var(--red);color:var(--night);font:700 22px var(--display);clip-path:var(--notch)}
@media (prefers-reduced-motion:no-preference){
[data-enter=bouncy]{animation:in-bouncy .8s steps(8) both}
[data-enter=heavy]{animation:in-heavy .7s steps(9) both}
[data-enter=floaty]{animation:in-floaty 1.5s steps(12) both}
[data-enter=sneaky]{animation:in-sneaky 1.1s steps(10) both}
@keyframes in-bouncy{0%{transform:scale(.2);opacity:0}60%{transform:scale(1.12);opacity:1}100%{transform:none}}
@keyframes in-heavy{0%{transform:translateY(-110vh)}78%{transform:translateY(0)}86%{transform:translateY(-12px)}100%{transform:none}}
@keyframes in-floaty{0%{transform:translateY(-70px);opacity:0}50%{opacity:1;transform:translateY(8px)}75%{transform:translateY(-6px)}100%{transform:none}}
@keyframes in-sneaky{0%{transform:translateX(-110vw)}55%{transform:translateX(-34%)}72%{transform:translateX(-34%)}100%{transform:none}}}
#brain .scope{background:#000}
#neurons{display:block;width:100%;aspect-ratio:1/1.3;image-rendering:auto}
.clockrow{display:grid;grid-template-columns:auto 1fr 4.4em;gap:10px;align-items:center;margin-top:12px}
.clockrow .progress i{background:repeating-linear-gradient(90deg,var(--cyan) 0 8px,transparent 8px 10px)}
.num{font-variant-numeric:tabular-nums;text-align:right;color:var(--cream)}
.legend{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:5px;font-size:13px}
.legend li{display:grid;grid-template-columns:12px 1fr;gap:9px;align-items:baseline}
.legend i{width:10px;height:10px;transform:translateY(1px)}
.step{padding:18px;background:var(--panel);border:2px solid var(--line);clip-path:var(--notch)}
.step b{display:block;font:700 15px var(--display);color:var(--amber);margin-bottom:6px}
.step b span{color:var(--dim);margin-right:8px}
.step p{margin:0;font-size:14px}
.listview{display:grid}
.icon{display:block;text-decoration:none;color:var(--cream);text-align:center;position:relative}
.icon::before{content:'';position:absolute;left:0;right:0}
.icon img{display:block}
.icon span{display:block}
.icon small{display:block;font-size:12px;text-transform:capitalize}
.icon small.note{color:var(--cyan);text-transform:none;margin-top:4px}
.empty{grid-column:1/-1;color:var(--muted)}
.foot{margin:0 auto;display:flex;justify-content:space-between;font-size:13px}
@media (max-width:820px){
#stage{grid-template-columns:minmax(0,1fr);padding:20px;gap:20px}
.flybox{max-width:220px;margin:0 auto;width:100%}}
@media (max-width:520px){
.shell{padding:16px 12px 40px}
.guesses{grid-template-columns:repeat(2,minmax(0,1fr))}
.steps{grid-template-columns:minmax(0,1fr)}
.listview{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:10px}
.matches li{grid-template-columns:48px minmax(0,6em) 1fr 3em}}
.field-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.field-row .at{font:700 20px var(--display);color:var(--amber)}
input.text{min-width:0;flex:1 1 220px}
input.text[disabled]{opacity:.6}
.label{display:block;margin:0 0 6px}
.notice{margin:0;padding:12px 16px}
.notice[data-ok="1"]{border-color:var(--cyan);background:#7fd6e81a}
.ways{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.ways li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;background:var(--deep);border:2px solid var(--line);flex-wrap:wrap}
.signin{display:grid;gap:12px;max-width:520px}
.signin .or{text-transform:uppercase}
.wallet-list{display:flex;flex-wrap:wrap;gap:8px}
.wallet-list img{margin-right:6px;vertical-align:-3px}
.modal{padding:0;width:100%}
.modal-body{display:grid;gap:10px}
.modal-body .lede{margin:0}
.doc h3{margin:22px 0 6px;text-transform:uppercase}
.foot .links{display:flex;gap:14px}
.empty{grid-column:1/-1;color:var(--muted)}
#ways-panel .actions-row{align-items:center}
#add-email-form{flex:1 1 380px}
#add-email-form input.text{flex:1 1 200px}
.omni .big{margin:0 0 8px}
.table-wrap{overflow-x:auto}
.facts{width:100%;border-collapse:collapse;font-size:15px}
.facts th,.facts td{text-align:left;vertical-align:top;padding:10px 12px}
.facts th{text-transform:uppercase;letter-spacing:.03em;width:1%}
.facts.actions th{width:auto;color:var(--muted)}
.facts.actions td:first-child{color:var(--cream);font-weight:700}
.flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px 14px;align-items:center;margin-top:18px}
.flow .node{padding:12px 14px;font-size:14px}
.flow .burn{border-color:var(--red);color:var(--cream)}
.flow .split{border-color:var(--cyan);color:var(--cream)}
.flow .arrow{font:700 22px var(--display)}
.strip{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.strip img{image-rendering:pixelated;background:var(--deep);border:2px solid var(--line)}
.omni ul,.omni ol{padding-left:22px;display:grid;gap:8px}
.omni li strong{color:var(--cream)}
.faq h3{margin:14px 0 2px}
.faq p{margin:0}
@media (max-width:640px){
.flow{grid-template-columns:minmax(0,1fr)}
.flow .arrow{transform:rotate(90deg);justify-self:center}
.facts th{white-space:normal}}
.handle-line em{overflow-wrap:anywhere}
.step .panel-head .num{display:grid;place-items:center;width:26px;height:26px;flex:none}
.step[data-state=done] .panel-head .num{background:var(--cyan)}
.step[data-state=later]{opacity:.48}
.step[data-state=later] .panel-head .num{background:var(--line-hi);color:var(--muted)}
.step[data-state=done] .panel-head .tag{color:var(--cyan)}
.claim .scope{background:#000;border:2px solid var(--line);margin:16px 0 12px}
.claim .views{margin-top:18px}
.sub{margin:22px 0 10px;text-transform:uppercase}
.picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}
.icon.pick{font:inherit;cursor:pointer;width:100%}
.icon.pick[aria-checked=true]{border-color:var(--amber);background:var(--raise);box-shadow:inset 0 0 0 2px var(--amber)}
.text.wide{flex:1 1 320px;min-width:0}
.post{margin:16px 0 0;max-width:560px}
.post blockquote{margin:0;padding:16px 18px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px}
.post mark{background:var(--amber);color:var(--night);padding:0 4px;font-weight:700}
.post figcaption{margin-top:8px}
#done .big{color:var(--amber)}
.claim-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px}
.claim-banner p{margin:0;font-size:16px}
.claim-banner b{text-transform:uppercase;letter-spacing:.03em;margin-right:8px}
.badges{display:flex;flex-wrap:wrap;gap:8px 16px;padding:12px 18px 0}
.badges a{color:var(--cyan);text-decoration:none}
.badges .x::before{content:'✓ ';color:var(--cyan)}
.panel.scout{border-color:var(--amber);box-shadow:inset 0 0 0 2px var(--amber-d)}
.mon{--el:#7e7b6a;--el2:var(--el);--el-d:color-mix(in srgb,var(--el) 45%,#05060c);--el-l:color-mix(in srgb,var(--el) 70%,#fff)}
.mon-page{margin:0 auto;padding:28px 20px 0}
.mon-hero{display:grid;grid-template-areas:'id stage' 'more stage';grid-template-rows:auto 1fr;align-items:start;position:relative}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.chip{letter-spacing:.04em;text-transform:uppercase}
.mon-name{margin:0;text-transform:uppercase;white-space:nowrap}
.mon-cat{text-transform:uppercase;letter-spacing:.03em}
.mon-types{display:flex;gap:8px;margin:0 0 12px}
.mon-types .type{text-transform:uppercase}
.mon-owner{margin:0 0 18px;font-size:14px}
.mon-owner a{font-weight:700;text-decoration:none}
.stat-bars{display:grid;grid-template-columns:auto 1fr;margin:0 0 22px;align-items:center}
.stat-bars dd{margin:0;display:grid;grid-template-columns:1fr 3ch;gap:10px;align-items:center}
.stat-bars dd b{text-align:right}
.stat-bars .total{border-top:2px solid var(--line);padding-top:8px}
.stat-bars dd.total{justify-content:end;grid-template-columns:auto}
.mon-cta{display:flex;flex-wrap:wrap;gap:10px}
.share-wrap{position:relative}
.share-menu{position:absolute;z-index:6;bottom:calc(100% + 6px);left:0;min-width:210px;display:grid;padding:6px}
.share-menu button,.share-menu a{background:none;border:0;text-align:left;padding:10px 12px;cursor:pointer;text-decoration:none}
.mon-id{grid-area:id}
.mon-more{grid-area:more;margin-top:6px}
.mon-stage{grid-area:stage;min-width:0}
.stage-frame{position:relative}
.stage-frame canvas{display:block;width:100%;aspect-ratio:16/9;image-rendering:pixelated}
.stage-sound{position:absolute;right:10px;bottom:10px;width:34px;height:34px;cursor:pointer}
.move-tray{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.move{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;cursor:pointer;transition:transform .06s}
.move:active{transform:translateY(2px)}
.move kbd{grid-row:1/3;display:grid;place-items:center}
.move-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.move small{font-size:12px}
.tray-note{margin:10px 0 0;font-size:13px}
.mon-section{margin:56px 0 0}
.mon-section h2,.make h2{margin:0 0 8px;text-transform:uppercase}
.mon-section>.lede{margin-bottom:20px;max-width:60ch}
.reel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.reel-cell{margin:0;text-align:center}
.reel-cell canvas{display:block;width:100%;max-width:168px;margin:0 auto;aspect-ratio:1;image-rendering:pixelated}
.reel-cell figcaption{margin-top:8px;text-transform:uppercase}
.notes-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:32px;margin-top:18px}
.entry{margin:0 0 26px;padding:6px 0 6px 22px;max-width:40ch}
.saw{font-size:16px}
.bio p{font-size:17px;line-height:1.65;margin:0 0 14px}
@media (prefers-reduced-motion:no-preference){
.bio{animation:bio-in .6s steps(6) both}
@keyframes bio-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
.facts-list{display:grid;grid-template-columns:auto 1fr;gap:0;margin:0;align-self:start;background:var(--panel);border:2px solid var(--line)}
.facts-list dt,.facts-list dd{margin:0;padding:11px 14px;border-bottom:2px solid var(--line)}
.facts-list dt{text-transform:uppercase;letter-spacing:.03em}
.facts-list dt:nth-last-of-type(1),.facts-list dd:last-child{border-bottom:0}
.birth{list-style:none;counter-reset:b;margin:22px 0 0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:14px}
.birth li{counter-increment:b;min-width:0}
.birth figure{margin:0;height:100%;display:flex;flex-direction:column}
.birth figure>img,.birth figure>canvas,.birth .scope{display:block;width:100%;aspect-ratio:1/1.3;object-fit:contain;image-rendering:pixelated;background:#000;border-bottom:2px solid var(--line)}
.birth .scope canvas{display:block;width:100%;height:100%;image-rendering:auto}
.birth .became{object-fit:contain}
.birth figcaption{display:grid;gap:6px;font-size:14px}
.birth figcaption b{text-transform:uppercase}
.birth figcaption b::before{content:counter(b) '  ';color:var(--el-l)}
.birth figcaption .btn{justify-self:start;margin-top:4px}
.born .sub{margin-top:30px}
.sources th{width:auto}
.sources td:first-child{font-weight:700;color:var(--cream)}
.sources td:nth-child(2){font:700 14px var(--display);color:var(--el-l)}
.prints{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:12px 0 0}
.prints dt{font-size:14px}
.prints dd{margin:0}
.prints code{word-break:break-all}
.own-card{margin-top:16px;border-left:6px solid var(--el);max-width:720px}
.own-card p{margin:0 0 10px;max-width:62ch}
.own-who{text-transform:uppercase}
.own-who a{color:var(--cyan);text-decoration:none}
.kin{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.make{margin:64px -20px 0;text-align:center;border-top:2px solid var(--line)}
@media (max-width:980px){
.mon-hero{grid-template-columns:1fr;grid-template-areas:'id' 'stage' 'more';gap:18px;padding:18px}
.birth{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}
.notes-grid{grid-template-columns:1fr}
.reel{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){
.move-tray{grid-template-columns:1fr}
.birth{grid-template-columns:1fr}
.make{margin:56px -12px 0}}
.dex-filters{display:grid}
.seg{display:flex}
.seg button,.chip-btn{cursor:pointer}
.chips-row{display:flex;flex-wrap:wrap;gap:6px}
.chip-btn{text-transform:uppercase}
.icon small.who{text-transform:none}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.trials{gap:28px}
.trials-lede{font-size:17px}
.trials-rules{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr)}
.trials-rules li{font-size:14px}
.trials-rules b{display:block}
.lairs{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.lairs .empty{color:var(--muted)}
.lair{display:grid;align-items:stretch}
.lair-window{position:relative;align-self:start;width:100%;overflow:hidden}
.lair-mon{position:absolute;left:50%;transform:translateX(-50%);width:auto;z-index:2}
.lair-num{position:absolute;z-index:3}
.lair-body{display:flex;flex-direction:column;gap:8px;min-width:0}
.lair-body h2{margin:0}
.lair-body h2 a{text-decoration:none}
.lair-body h2 a:hover{color:var(--amber)}
.lair-kind{margin:0;font-weight:600}
.lair-measure{margin:0;max-width:60ch}
.pulses{display:flex;align-items:flex-end;gap:3px;margin:4px 0}
.pulses span{flex:1;min-height:3px}
.lair-ult{max-width:62ch}
.lair-ult p{margin:0;font-size:14px}
.lair-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:6px}
.lair-state{margin:0;font-weight:600}
.lair.beaten .lair-num::after{content:' ✓';color:var(--cyan)}
.trials-note{font-size:13px;margin:0}
:root body{
  background:var(--night);background-image:linear-gradient(45deg,#6d865307 25%,transparent 25%,transparent 75%,#6d865307 75%),linear-gradient(45deg,#6d865307 25%,transparent 25%,transparent 75%,#6d865307 75%);background-size:16px 16px;background-position:0 0,8px 8px;
  color:var(--game-ink);font:400 22px/1.35 var(--ui);letter-spacing:0;color-scheme:light;
}
:root a{color:var(--cyan)}
:root a:hover{color:#a26e25}
:root :focus-visible{outline:3px solid var(--game-green);outline-offset:4px}
:root button,:root a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
:root h1,:root h2,:root h3{color:var(--game-ink);text-wrap:balance;letter-spacing:0}
:root .game-skip{position:fixed;top:10px;left:14px;z-index:60;padding:10px 18px;background:var(--amber);border:2px solid var(--game-ink);color:var(--game-ink);transform:translateY(-180%);font:400 20px var(--ui)}
:root .game-skip:focus{transform:none}
/* ---- the console bar: the eye, icon tabs, your monster, a quiet speaker; a dock on phones ---- */
:root .top{height:80px;padding:0 max(24px,calc((100vw - 1160px)/2));gap:18px;background:var(--game-paper);border-bottom:3px solid var(--game-ink);box-shadow:0 3px 0 #87977755;z-index:20}
:root .brand{gap:10px;color:var(--game-ink)}
:root .brand .word{font:700 21px/1 var(--display);color:var(--game-green);text-shadow:2px 2px 0 #c5d3b6;letter-spacing:0}
.eye{position:relative;display:block;width:30px;height:31px;transform:rotate(var(--tilt,0deg)) translate(var(--gx,0px),var(--gy,0px));transition:transform .22s steps(4,end)}
.eye .mark{display:block;width:30px;height:31px}
.eye .lid{position:absolute;inset:-2px;background:var(--game-paper);transform:scaleY(0);transform-origin:50% 0;transition:transform .08s steps(2,end)}
.eye.blink .lid{transform:scaleY(1)}
.top nav.tabs{display:flex;gap:6px;margin:0 auto;align-items:center}
.top nav.tabs a{position:relative;display:inline-flex;align-items:center;gap:8px;font:400 10px/1 var(--display);text-transform:uppercase;color:var(--game-ink);padding:10px 12px 10px 10px;border:2px solid transparent;white-space:nowrap;text-decoration:none}
.top nav.tabs a[data-group]{margin-left:10px}
.pix{display:block;width:20px;height:20px;color:var(--game-green);flex:none}
.top nav.tabs a:hover{border-color:var(--game-ink);background:var(--game-sage);color:var(--game-ink)}
.top nav.tabs a:hover .pix,.dock a:active .pix{animation:bar-hop .24s steps(1,end)}
.top nav.tabs a[aria-current=page]{background:var(--amber);border-color:var(--game-ink);box-shadow:2px 2px 0 var(--game-ink);color:var(--game-ink)}
a[aria-current=page] .pix{color:var(--game-ink);animation:bar-breathe 1.6s steps(1,end) infinite}
@keyframes bar-hop{from{transform:translateY(-3px)}to{transform:none}}
@keyframes bar-breathe{0%,100%{transform:none}50%{transform:translateY(-1px)}}
.pip{position:absolute;top:-8px;right:-7px;min-width:18px;height:18px;padding:0 3px;display:grid;place-items:center;background:var(--amber);border:2px solid var(--game-ink);box-shadow:1px 1px 0 var(--game-ink);font:400 8px/1 var(--display);color:var(--game-ink)}
.pip[hidden]{display:none}
.pip[data-done]{background:var(--game-green)}
.pip .pix{width:10px;height:10px;color:#fff;animation:none}
.you{position:relative;margin-left:auto}
.partner{display:flex;align-items:center;gap:9px;min-height:46px;padding:3px 10px 3px 3px;background:var(--game-paper);border:2px solid var(--game-ink);box-shadow:2px 2px 0 var(--game-ink);color:var(--game-ink);cursor:pointer;font:400 9px/1 var(--display);text-transform:uppercase}
.partner:hover,.partner[aria-expanded=true]{background:var(--game-sage)}
.partner[data-current]{background:var(--amber)}
.slot{display:block;width:36px;height:36px;background:var(--game-sage);border:2px solid var(--game-ink);overflow:hidden;flex:none}
.slot canvas{display:block;width:32px;height:32px;image-rendering:pixelated}
.pname{color:var(--cyan);max-width:12ch;overflow:hidden;text-overflow:ellipsis}
.caret{width:2px;height:2px;background:var(--game-ink);margin:0 2px 0 1px;box-shadow:-4px -4px 0 var(--game-ink),-2px -4px 0 var(--game-ink),0 -4px 0 var(--game-ink),2px -4px 0 var(--game-ink),4px -4px 0 var(--game-ink),-2px -2px 0 var(--game-ink),0 -2px 0 var(--game-ink),2px -2px 0 var(--game-ink)}
.partner-card{position:absolute;top:calc(100% + 12px);right:0;width:312px;background:var(--game-paper);border:3px solid var(--game-ink);box-shadow:5px 5px 0 var(--game-shadow);padding:14px;z-index:30;display:grid;gap:12px;text-align:left}
.partner-card[hidden]{display:none}
.pc-top{display:flex;gap:12px;align-items:center}
.pc-art{width:72px;height:72px;background:var(--game-sage);border:2px solid var(--game-ink);image-rendering:pixelated;flex:none}
.pc-name{display:block;font:700 12px/1.4 var(--display);text-transform:uppercase;color:var(--game-ink)}
.pc-cat{font:400 18px/1.2 var(--ui);color:var(--muted)}
.pc-actions{display:flex;gap:8px;flex-wrap:wrap}
.pc-actions .btn{flex:1 1 auto;min-width:0;justify-content:center;font-size:9px;padding:10px 8px}
.pc-foot{margin:0;font:400 17px/1.3 var(--ui);color:var(--muted)}
:root .game-sound{flex:none;display:grid;place-items:center;width:34px;height:34px;padding:0;background:transparent;border:2px solid transparent;color:var(--muted);cursor:pointer;position:relative}
:root .game-sound:hover{border-color:var(--game-ink);background:var(--game-sage);color:var(--game-ink)}
:root .game-sound[aria-pressed=true]{color:var(--game-ink)}
.game-sound .pix{width:18px;height:18px;color:currentColor}
.game-sound .p-w1,.game-sound .p-w2{opacity:0}
.game-sound[aria-pressed=true] .p-off{opacity:0}
.game-sound[aria-pressed=true] .p-w1{opacity:1}
.game-sound[aria-pressed=true] .p-w2{animation:bar-wave 1s steps(1,end) infinite}
@keyframes bar-wave{0%,100%{opacity:0}50%{opacity:1}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dock{display:none}
:root .shell{max-width:1200px;padding:32px 20px 64px;gap:28px}
:root .game-page-heading{grid-column:1/-1;margin:10px 0 8px}
:root .game-overline{font:400 9px/1.8 var(--display);color:var(--game-green)}
:root .game-page-heading h1,:root .game-page-title{font:700 clamp(24px,3vw,36px)/1.3 var(--display);text-transform:uppercase;letter-spacing:0;margin:10px 0 8px;color:var(--game-ink);text-shadow:2px 2px 0 #fffef5}
:root .game-page-heading p{font:400 22px/1.35 var(--ui);color:var(--muted);margin:0}
:root .panel,:root .window,:root .mon-hero,:root .lair,:root .own-card{
  border:3px solid var(--game-ink);background:var(--game-paper);clip-path:none;box-shadow:5px 5px 0 var(--game-shadow);
}
:root .panel-head{border-bottom:3px solid var(--game-ink);background:var(--game-sage);padding:14px 18px;gap:10px}
:root .panel-head h2{font:400 12px/1.5 var(--display);color:var(--game-ink);letter-spacing:0}
:root .panel-head .tag{font:400 18px/1.2 var(--ui);color:var(--muted)}
:root .ticon{background:var(--game-green)!important;width:10px;height:10px;clip-path:none;box-shadow:2px 2px 0 #a2b68c}
:root .ticon.folder{background:var(--cyan)!important}
:root .pad{padding:22px}
:root .statusbar{border-top:2px solid var(--game-ink);background:#e7ebd3;color:var(--muted);font:400 17px/1.35 var(--ui);padding:12px 18px}
:root .statusbar span{white-space:normal;overflow-wrap:anywhere}
:root .btn,:root .tbtn{
  font:400 10px/1.5 var(--display);text-transform:uppercase;letter-spacing:0;min-height:44px;border:2px solid var(--game-ink);background:var(--game-paper);color:var(--game-ink);padding:12px 17px;clip-path:none;box-shadow:3px 3px 0 var(--game-ink);transition:transform .1s,box-shadow .1s,background-color .1s;
}
:root .btn:hover,:root .tbtn:hover{background:var(--game-sage);border-color:var(--game-ink);color:var(--game-ink)}
:root .btn:active,:root .tbtn:active{transform:translate(3px,3px);box-shadow:none}
:root .btn.default{background:var(--amber);border-color:var(--game-ink);color:var(--game-ink);box-shadow:3px 3px 0 var(--game-ink)}
:root .btn.default:hover{background:#f8d578}
:root .btn.small{font-size:8px;padding:8px 12px;min-height:36px;box-shadow:2px 2px 0 var(--game-ink)}
:root .tbtn{font-size:8px;padding:7px 10px;min-height:32px;box-shadow:2px 2px 0 var(--game-ink)}
:root .btn[disabled]{box-shadow:none;opacity:.55}
:root .lede{font:400 23px/1.35 var(--ui);color:var(--muted);max-width:56ch}
:root .hint,:root .tray-note,:root .trials-note{font:400 18px/1.35 var(--ui);color:var(--dim)}
:root .big{font:400 clamp(22px,3.2vw,40px)/1.4 var(--display);color:var(--game-ink);letter-spacing:0}
:root .big em{color:var(--game-green)}
:root .listview{padding:22px;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:18px}
:root .icon{background:#f2f1dc;border:2px solid var(--game-ink);clip-path:none;padding:15px 12px;box-shadow:3px 3px 0 #b3bda0;transition:transform .1s,background-color .1s}
:root .icon:hover{background:#e0eac8;border-color:var(--game-ink);transform:translateY(-2px)}
:root .icon::before{height:5px;top:0;background:var(--c,var(--game-green))}
:root .icon img{width:120px;height:120px;object-fit:contain;margin:5px auto 14px}
:root .icon span{font:400 11px/1.5 var(--display);text-transform:uppercase;color:var(--game-ink);overflow-wrap:anywhere}
:root .icon small{font:400 18px/1.25 var(--ui);margin-top:6px;color:var(--muted)}
:root .icon small.who{color:var(--cyan)}
:root .dex-filters{background:#f4f2df;padding:20px 22px;gap:15px;border-bottom:2px solid #9cac8d}
:root .seg{gap:8px;flex-wrap:wrap}
:root .seg button,:root .chip-btn{font:400 9px/1.5 var(--display);color:var(--game-ink);background:var(--game-paper);border:2px solid var(--game-ink);clip-path:none;min-height:34px;padding:7px 12px;box-shadow:2px 2px 0 #9cac8d}
:root .seg button:hover,:root .chip-btn:hover{background:var(--game-sage)}
:root .seg button[aria-pressed=true]{background:var(--amber);color:var(--game-ink);border-color:var(--game-ink)}
:root .chip-btn{font-size:8px;border-left:6px solid var(--t,var(--game-green));padding-left:9px;box-shadow:none}
:root .chip-btn[aria-pressed=true]{background:color-mix(in srgb,var(--t,var(--game-green)) 22%,#fff9e8);border-color:var(--game-ink)}
:root .mon-page{padding-top:32px;max-width:1200px}
:root .mon-page>.game-page-heading{margin-bottom:28px}
:root .mon-hero{border-top:8px solid var(--el);padding:25px;gap:0 30px;grid-template-columns:minmax(270px,360px) minmax(0,1fr)}
:root .mon-name{font:700 clamp(28px,4vw,48px)/1.3 var(--display);letter-spacing:0;color:var(--game-ink);text-shadow:3px 3px 0 color-mix(in srgb,var(--el) 25%,#fff9e8);padding-bottom:7px}
:root .mon-cat{font:400 10px/1.6 var(--display);color:var(--game-green);margin:8px 0 14px}
:root .mon-owner{font:400 19px/1.4 var(--ui);color:var(--muted)}
:root .mon-owner a{color:var(--cyan)}
:root .chip{font:400 8px/1.5 var(--display);background:var(--game-sage);color:var(--game-ink);border:2px solid var(--game-ink);clip-path:none;padding:5px 8px}
:root .chip.legend{background:var(--amber);color:var(--game-ink);border-color:var(--game-ink)}
:root .chip.el{color:var(--game-ink);border-color:var(--game-ink);background:#e8eccf}
:root .mon-types .type{font:400 8px/1.5 var(--display);padding:5px 8px;border:2px solid color-mix(in srgb,var(--t) 60%,#344b40);background:color-mix(in srgb,var(--t) 24%,#fff9e8);color:var(--game-ink);text-shadow:none;clip-path:none}
:root .stat-bars{gap:8px 10px;padding:14px;background:#ececd5;border:2px solid #9aa98a}
:root .stat-bars dt{font:400 17px/1 var(--ui);color:var(--muted)}
:root .stat-bars dd b{font:400 10px/1 var(--display);color:var(--game-ink)}
:root .stat-bars .bar{height:10px;background:repeating-linear-gradient(90deg,var(--el) 0 6px,transparent 6px 8px) 0 0/calc(var(--v) * 100%) 100% no-repeat,repeating-linear-gradient(90deg,#bac6a6 0 6px,transparent 6px 8px)}
:root .stat-bars dt.best,:root .stat-bars dd.best b{color:var(--game-green)}
:root .stage-frame,:root .screen-frame{border:3px solid var(--game-ink);box-shadow:4px 4px 0 var(--game-shadow);background:#d7e3c3}
:root .move-tray{gap:10px;margin-top:17px}
:root .move{background:#f1f0d9;color:var(--game-ink);border:2px solid var(--game-ink);border-left:5px solid var(--t);clip-path:none;padding:10px;box-shadow:2px 2px 0 #a3b194}
:root .move:hover,:root .move.on{background:#dbe7c0;border-color:var(--game-ink)}
:root .move kbd{background:var(--amber);color:var(--game-ink);font:400 12px var(--display);width:25px;height:25px;clip-path:none;border:1px solid var(--game-ink)}
:root .move-name{font:400 17px var(--ui);color:var(--game-ink)}
:root .move small{font:400 14px var(--ui);color:var(--muted)}
:root .stage-sound{background:var(--game-paper);color:var(--game-ink);border:2px solid var(--game-ink);font:400 22px var(--ui)}
:root .mon-section{padding:24px;background:var(--game-paper);border:3px solid var(--game-ink);box-shadow:4px 4px 0 var(--game-shadow);margin-top:32px}
:root .mon-section h2,:root .make h2{font:400 clamp(16px,2vw,23px)/1.5 var(--display);color:var(--game-ink);letter-spacing:0}
:root .mon-section>.lede{font-size:20px;margin-top:10px}
:root .reel{gap:13px}
:root .reel-cell{background:#e6ebd2;border:2px solid #98a98b;padding:12px 8px;box-shadow:none}
:root .reel-cell canvas{background:#e6ebd2}
:root .reel-cell figcaption{font:400 8px/1.4 var(--display);color:var(--muted)}
:root .entry{font:400 25px/1.35 var(--ui);border-left:5px solid var(--game-green);color:var(--game-ink);padding-left:18px}
:root .bio p,:root .saw{font:400 22px/1.5 var(--ui);color:var(--muted);max-width:58ch}
:root .sub{font:400 10px/1.6 var(--display);color:var(--game-green);letter-spacing:0}
:root .facts-list dt{font:400 8px/1.7 var(--display);color:var(--game-green)}
:root .facts-list dd{font:400 19px/1.5 var(--ui);color:var(--game-ink)}
:root .birth figure{background:#edf0d9;border:2px solid var(--game-ink)}
:root .birth figcaption{font:400 19px/1.4 var(--ui);color:var(--muted);padding:12px}
:root .birth figcaption b{font:400 9px/1.5 var(--display);color:var(--game-ink)}
:root .birth .became{background:#e6ebd2}
:root .facts{font:400 20px/1.4 var(--ui)}
:root .facts th{font:400 9px/1.5 var(--display);color:var(--game-green);white-space:normal}
:root .facts td{color:var(--game-ink)}
:root .facts th,:root .facts td{border-bottom:1px solid #b5c0a1}
:root .prints dt{font:400 18px var(--ui);color:var(--muted)}
:root .prints code{font:400 15px monospace;color:var(--cyan)}
:root .own-card{box-shadow:none;padding:17px;background:#edf0d9;border-width:2px}
:root .own-who{font:400 15px/1.5 var(--display);color:var(--game-ink)}
:root .make{background:#dce8c4;border:3px solid var(--game-ink);box-shadow:4px 4px 0 var(--game-shadow);padding:32px;margin-top:36px}
:root .make h2{margin-bottom:18px}
:root .share-menu{background:var(--game-paper);border:2px solid var(--game-ink);box-shadow:3px 3px 0 var(--game-shadow)}
:root .share-menu button,:root .share-menu a{font:400 19px var(--ui);color:var(--game-ink)}
:root .share-menu button:hover,:root .share-menu a:hover{background:var(--game-sage)}
:root .trials-intro{background:var(--game-paper);border:3px solid var(--game-ink);padding:28px;box-shadow:5px 5px 0 var(--game-shadow)}
:root .trials-intro h1{font:700 clamp(24px,3vw,38px)/1.35 var(--display);color:var(--game-ink);text-shadow:3px 3px 0 #d0deb5;letter-spacing:0;margin:0 0 18px}
:root .trials-lede{font:400 23px/1.4 var(--ui);color:var(--muted);max-width:70ch}
:root .trials-rules{max-width:none;margin-top:22px;gap:15px}
:root .trials-rules li{background:#e9edd1;border:2px solid #87997c;clip-path:none;font:400 19px/1.35 var(--ui);color:var(--muted);padding:15px}
:root .trials-rules b{font:400 9px/1.6 var(--display);color:var(--game-ink);margin-bottom:7px}
:root .lair{border-left:8px solid var(--el);padding:22px;gap:27px;grid-template-columns:320px 1fr;position:relative}
:root .lair-window{border:3px solid var(--game-ink);aspect-ratio:4/3;box-shadow:3px 3px 0 #9fae8f;background:#a8c18f}
:root .game-world{display:block;position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}
:root .lair-mon{height:78%;bottom:8%;filter:drop-shadow(0 3px 0 #44513b55)}
:root .lair-num{font:700 26px/1.4 var(--display);color:var(--game-paper);background:var(--game-ink);text-shadow:none;left:9px;top:9px;padding:4px 8px}
:root .lair-body h2{font:400 25px/1.5 var(--display);color:var(--game-ink);letter-spacing:0}
:root .lair-body h2 a{color:var(--game-ink)}
:root .lair-kind{font:400 21px var(--ui);color:var(--cyan)}
:root .lair-measure{font:400 20px/1.4 var(--ui);color:var(--muted)}
:root .pulses{height:32px;max-width:400px}
:root .pulses span{background:#a9b69a}
:root .pulses span.lit{background:#b5833d}
:root .lair-ult{border-left:3px solid var(--el);background:#eeedd8;padding:10px 14px}
:root .lair-ult p{font:400 20px/1.35 var(--ui);color:var(--muted)}
:root .lair-ult .ult-name{font:400 12px/1.5 var(--display);color:var(--game-ink);filter:none;margin-bottom:8px}
:root .lair-state{font:400 19px var(--ui);color:var(--muted)}
:root .lair.beaten .lair-state{color:var(--game-green)}
:root .arena-wrap{max-width:1200px}
:root .arena-wrap .screen-frame{margin:20px}
:root .arena-wrap .bar{padding:8px 22px 26px;gap:16px}
:root .arena-wrap .bar label{font:400 9px/1.5 var(--display);color:var(--muted)}
:root .arena-wrap .bar select{font:400 20px/1.2 var(--ui);background:var(--game-paper);color:var(--game-ink);border:2px solid var(--game-ink);min-height:42px;padding:7px 10px;max-width:100%}
:root .keys{color:var(--muted);font:400 18px/1.4 var(--ui);padding:4px 22px}
:root .keys kbd{background:var(--amber);color:var(--game-ink);font:400 9px/1.5 var(--display);border:1px solid var(--game-ink);padding:4px 7px}
:root .stick{background:#c3d4a8;border:3px solid var(--game-ink);box-shadow:3px 3px 0 #819371}
:root .stick i{background:var(--game-green);border:2px solid var(--game-ink)}
:root .turn{font:400 18px var(--ui);color:var(--muted)}
:root .arena-wrap .pad .btn{font-size:9px}
:root input.text{background:#fffdf3;color:var(--game-ink);font:400 23px/1.2 var(--ui);border:2px solid var(--game-ink);padding:9px 12px;box-shadow:inset 2px 2px 0 #d2d8bd;min-height:45px}
:root input.text:focus{border-color:var(--game-green);outline:2px solid var(--game-green);outline-offset:2px}
:root .label{font:400 10px/1.5 var(--display);color:var(--muted);margin-bottom:10px}
:root .modal{background:var(--game-paper);color:var(--game-ink);border:3px solid var(--game-ink);clip-path:none;box-shadow:7px 7px 0 #22362e66;max-width:calc(100% - 28px);overscroll-behavior:contain}
:root .modal::backdrop{background:#26382c88;backdrop-filter:none}
:root .modal-body{padding:23px}
:root .signin .or{font:400 12px var(--display);color:var(--muted)}
:root .notice{background:#f7e4b4;border:2px solid var(--game-ink);color:var(--game-ink);font:400 21px/1.4 var(--ui);clip-path:none}
:root .ways,:root .ways span{color:var(--game-ink)}
:root .badges{font:400 20px var(--ui);color:var(--game-green)}
:root .claim-banner{background:#e1e9c7;color:var(--game-ink);border:2px solid var(--game-ink);clip-path:none;box-shadow:3px 3px 0 var(--game-shadow)}
:root .claim-banner p{font:400 22px var(--ui)}
:root .claim-banner b{font:400 11px var(--display);color:var(--game-green)}
:root .claim .step{padding:0;border:3px solid var(--game-ink);clip-path:none}
:root .step .panel-head .num{font:400 13px var(--display);color:var(--game-ink);background:var(--amber);clip-path:none;border:1px solid var(--game-ink)}
:root .step p{font:400 21px/1.4 var(--ui);color:var(--muted)}
:root .post blockquote{background:#f0edd5;color:var(--game-ink);border:2px solid var(--game-ink);font:400 23px/1.5 var(--ui)}
:root .post figcaption{font:400 18px var(--ui);color:var(--muted)}
:root .doc h3{font:400 12px/1.7 var(--display);color:var(--game-green);letter-spacing:0}
:root .doc p,:root .doc li,:root .omni ul,:root .omni ol,:root .faq p{font:400 23px/1.5 var(--ui);color:var(--muted)}
:root .doc .pad{max-width:78ch}
:root .flow .node{background:#e7ecd0;color:var(--game-ink);border:2px solid var(--game-ink);font:400 21px/1.4 var(--ui)}
:root .flow .arrow{color:var(--game-green)}
:root .faq h3{font:400 24px/1.4 var(--ui);color:var(--game-ink)}
:root .foot{max-width:1200px;padding:30px 20px 40px;color:var(--muted);font:400 18px/1.4 var(--ui);gap:20px}
:root .foot .links a{color:var(--muted)}
:root .group{background:var(--game-paper);border:2px solid var(--game-ink);clip-path:none;padding:18px}
:root .group legend{font:400 11px/1.7 var(--display);color:var(--game-green);max-width:100%;padding:0 10px}
:root .guesses button{background:#e8ebd2;border:2px solid var(--game-ink);clip-path:none;box-shadow:3px 3px 0 #a5b392;color:var(--game-ink);padding:12px 8px}
:root .guesses button span{font:400 10px/1.5 var(--display);color:var(--game-ink)}
:root .guesses button:hover{background:#d3e3b7;border-color:var(--game-green)}
:root .guesses button.right{background:#d3e3b7;border-color:var(--game-green)}
:root .guesses button.wrong{background:#ebd1b7}
:root .matches li{background:#eeeeda;color:var(--game-ink);border:2px solid #8f9f82;font:400 20px var(--ui)}
:root .matches b{font:400 10px var(--display);color:var(--game-ink)}
:root .call{font:400 15px/1.7 var(--display);color:var(--game-green)}
:root .flybox{background:#dce8c4;border:3px solid var(--game-ink);clip-path:none;box-shadow:3px 3px 0 #8fa57f}
:root .flybox::before{display:none}
:root #brain .scope{border:2px solid var(--game-ink)}
:root .legend{color:var(--muted);font:400 18px var(--ui)}
:root .clockrow{font:400 18px var(--ui);color:var(--muted)}
:root .progress{background:#c9d2b3;border:2px solid var(--game-ink)}
:root .progress i{background:repeating-linear-gradient(90deg,#709258 0 8px,transparent 8px 10px)}
:root .stage-text{color:var(--game-green);font:400 22px var(--ui)}
@media(max-width:1100px){
:root .top{gap:12px;padding-left:20px;padding-right:20px}
.top nav.tabs{gap:2px}
.top nav.tabs a{font-size:9px;padding:9px 9px 9px 8px;gap:6px}
.top nav.tabs a[data-group]{margin-left:6px}
.pix{width:18px;height:18px}
.pname{max-width:9ch}
:root .lair{grid-template-columns:280px 1fr}
:root .mon-hero{grid-template-columns:minmax(260px,320px) 1fr;padding:20px;gap:0 22px}}
@media(max-width:820px){
:root body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
:root .top{height:64px;gap:10px;padding:0 18px;flex-wrap:nowrap}
:root .brand .word{font-size:18px}
.top nav.tabs,.pname{display:none}
.partner{padding:3px 8px 3px 3px;gap:7px;min-height:44px}
.partner-card{position:fixed;top:70px;left:12px;right:12px;width:auto}
.dock{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:25;background:var(--game-paper);border-top:3px solid var(--game-ink);box-shadow:0 -3px 0 #87977755;padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
.dock a{position:relative;flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:52px;font:400 7px/1 var(--display);text-transform:uppercase;color:var(--game-ink);text-decoration:none;border:2px solid transparent}
.dock a .pix{width:20px;height:20px}
.dock a[aria-current=page]{background:var(--amber);border-color:var(--game-ink);box-shadow:2px 2px 0 var(--game-ink)}
.dock .pip{top:1px;right:calc(50% - 24px);min-width:16px;height:16px;font-size:7px}
:root body.immersive{padding-bottom:0}
body.immersive .dock{display:none}
:root .mon-hero{grid-template-columns:1fr;gap:20px;padding:20px}
:root .mon-name{font-size:36px}
:root .mon-hero .stat-bars{max-width:500px}
:root .mon-more{margin:0}
:root .lair{grid-template-columns:1fr;gap:22px;padding:20px}
:root .lair-window{max-width:420px;justify-self:center}
:root .trials-rules{grid-template-columns:1fr}
:root .arena-wrap .bar label{flex:1 1 180px}
:root .arena-wrap .bar select{width:100%}}
@media(max-width:560px){
:root{scroll-padding-top:78px}
:root body{font-size:21px}
:root .top{height:62px;gap:10px;padding-left:15px;padding-right:15px}
:root .brand .word{font-size:17px}
.eye,.eye .mark{width:26px;height:27px}
:root .brand{gap:7px}
.partner-card{top:68px}
:root .shell{padding:22px 14px 40px;gap:24px}
:root .game-page-heading{margin:4px 0 0}
:root .game-overline{font-size:7px}
:root .game-page-heading h1,:root .game-page-title{font-size:24px;margin-top:9px}
:root .game-page-heading p{font-size:20px}
:root .panel,:root .window{border-width:2px;box-shadow:3px 3px 0 var(--game-shadow)}
:root .panel-head{padding:12px;flex-wrap:wrap;gap:9px}
:root .panel-head h2{font-size:9px}
:root .panel-head .tag{font-size:16px}
:root .pad{padding:17px 14px}
:root .listview{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:17px 13px}
:root .icon{padding:12px 8px;box-shadow:2px 2px 0 #b3bda0}
:root .icon img{width:105px;height:105px;margin:5px auto 12px}
:root .icon span{font-size:9px}
:root .icon small{font-size:17px}
:root .dex-filters{padding:15px 13px;gap:14px}
:root .seg button{font-size:8px;padding:7px 10px}
:root .chip-btn{font-size:7px;padding:6px 8px;border-left-width:5px;min-height:30px}
:root .btn{font-size:8px;padding:11px 13px;min-height:42px}
:root .btn.small{font-size:7px;padding:7px 9px;min-height:33px}
:root .lede{font-size:21px}
:root .hint{font-size:17px}
:root .statusbar{padding:10px 12px;font-size:16px;gap:12px;flex-wrap:wrap}
:root .mon-page{padding:23px 14px 0}
:root .mon-page>.game-page-heading{margin-bottom:22px}
:root .mon-hero{padding:16px 13px;border-width:2px;border-top-width:7px;box-shadow:3px 3px 0 var(--game-shadow);gap:20px}
:root .mon-name{font-size:29px}
:root .mon-cat{font-size:9px}
:root .mon-owner{font-size:18px}
:root .stat-bars{padding:12px}
:root .stat-bars dt{font-size:17px}
:root .stat-bars dd b{font-size:9px}
:root .move-tray{gap:7px}
:root .move{padding:7px 6px;gap:5px;grid-template-columns:1fr;grid-template-rows:auto auto auto;border-left-width:4px}
:root .move kbd{grid-row:auto;width:20px;height:20px;font-size:9px}
:root .move-name{font-size:16px}
:root .move small{font-size:13px}
:root .mon-section{padding:20px 13px;margin-top:25px;border-width:2px;box-shadow:3px 3px 0 var(--game-shadow)}
:root .mon-section h2{font-size:15px;line-height:1.6}
:root .mon-section>.lede{font-size:19px}
:root .entry{font-size:23px;padding-left:12px}
:root .bio p,:root .saw{font-size:21px}
:root .reel{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
:root .reel-cell{padding:12px 5px}
:root .reel-cell figcaption{font-size:7px}
:root .sub{font-size:9px}
:root .facts{font-size:18px}
:root .facts th{font-size:8px}
:root .facts th,:root .facts td{padding:9px 7px}
:root .trials-intro{padding:22px 16px;border-width:2px;box-shadow:3px 3px 0 var(--game-shadow)}
:root .trials-intro h1{font-size:25px;line-height:1.5;text-shadow:2px 2px 0 #d0deb5}
:root .trials-lede{font-size:21px}
:root .trials-rules{gap:12px}
:root .trials-rules li{font-size:19px;padding:13px}
:root .lair{padding:16px 13px;border-width:2px;border-left-width:6px;box-shadow:3px 3px 0 var(--game-shadow)}
:root .lair-body h2{font-size:22px}
:root .lair-kind{font-size:20px}
:root .lair-measure{font-size:20px}
:root .lair-ult p{font-size:20px}
:root .lair-ult .ult-name{font-size:11px}
:root .arena-wrap .screen-frame{margin:13px;border-width:2px;box-shadow:2px 2px 0 var(--game-shadow)}
:root .arena-wrap .bar{padding:10px 13px 22px;gap:14px}
:root .arena-wrap .bar label{font-size:8px;flex-basis:140px}
:root .arena-wrap .bar select{font-size:19px;min-width:0;padding:8px}
:root .keys{font-size:17px;padding:5px 14px;gap:10px}
:root .keys kbd{font-size:7px;padding:4px}
:root .arena-wrap .bar .btn.default{margin-left:0}
:root .make{padding:25px 16px;border-width:2px;margin-top:26px}
:root .make h2{font-size:16px}
:root .foot{padding:27px 16px 30px;font-size:17px;flex-wrap:wrap;gap:12px}
:root .foot .links{gap:15px;flex-wrap:wrap}
:root .doc p,:root .doc li,:root .omni ul,:root .omni ol,:root .faq p{font-size:21px}
:root .doc h3{font-size:10px}
:root .big{font-size:24px}
:root .group{padding:15px 12px}
:root .group legend{font-size:9px;padding:0 6px}
:root .guesses button{padding:9px 5px}
:root .guesses button span{font-size:8px}
:root .matches li{font-size:18px;padding-right:8px;gap:7px;grid-template-columns:42px minmax(0,5em) 1fr 3em}
:root .matches b{font-size:9px}
:root .call{font-size:12px}
:root .modal .panel-head h2{font-size:10px}
:root .modal .lede{font-size:20px}
:root .modal-body{padding:18px 14px}
:root .signin .btn{font-size:8px}
:root .stage-frame{border-width:2px;box-shadow:2px 2px 0 var(--game-shadow)}
:root body.immersive .game-page-heading{display:none}
:root body.immersive .stick{box-shadow:none}
:root body.immersive .pad .btn{font-size:8px;padding:5px 7px;min-height:42px;box-shadow:2px 2px 0 var(--game-ink)}}
:root .listview>.icon{content-visibility:auto;contain-intrinsic-size:auto 230px}
@media(prefers-reduced-motion:reduce){
:root{scroll-behavior:auto}
:root *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
:root .icon:hover,:root .btn:active{transform:none}}
@media(max-width:360px){.dock a{font-size:6px;gap:5px}.dock a .pix{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.eye{transition:none}.pix{animation:none!important}}