.arts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}.art{position:relative;display:grid;grid-template-columns:minmax(0,1.34fr) minmax(0,1fr);gap:22px;padding:20px;border-radius:22px;background:var(--card);border:1px solid var(--hair);color:var(--title);text-align:left;transition:background-color .5s var(--ox-ease-out),border-color .5s,transform .55s var(--ox-ease-out),box-shadow .55s var(--ox-ease-out)}.art .info{display:flex;flex-direction:column;padding:4px 4px 0 0;min-width:0}.art header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.art h3{margin:0;font:700 16.5px/1.3 var(--ox-font-sans);letter-spacing:-.005em;color:var(--title);transition:color .5s}.art .ix{font:600 11px/1 var(--ox-font-mono);letter-spacing:.1em;color:var(--text);transition:color .5s}.art .well{position:relative;min-height:290px;display:grid;place-items:center;padding:6px;cursor:default}.art .well svg{width:100%;height:100%;overflow:visible}.art .crop,.tile .crop{position:absolute;width:11px;height:11px;border:0 solid var(--hair-strong);transition:border-color .5s}.art .crop.tl,.tile .crop.tl{left:0;top:0;border-left-width:1px;border-top-width:1px}.art .crop.tr,.tile .crop.tr{right:0;top:0;border-right-width:1px;border-top-width:1px}.art .crop.bl,.tile .crop.bl{left:0;bottom:0;border-left-width:1px;border-bottom-width:1px}.art .crop.br,.tile .crop.br{right:0;bottom:0;border-right-width:1px;border-bottom-width:1px}.art .line{margin:8px 0 16px;font-size:14.5px;line-height:1.5;color:var(--text);transition:color .5s}.art .line span,.tile .line span{position:relative;transition:color .45s var(--ox-ease-out),text-shadow .45s,opacity .45s}.tile .line span.lit,.art .line span.lit{color:var(--lit-text);text-shadow:0 0 14px var(--glow-soft)}.art .line span.struck,.tile .line span.struck{opacity:.5}.tile .line span::after,.art .line span::after{content:"";position:absolute;left:-2px;right:-2px;top:54%;height:1.6px;border-radius:1px;background:var(--lit-text);transform:scaleX(0);transform-origin:left center;transition:transform .45s var(--ox-ease-out);pointer-events:none}.art .line span.struck::after,.tile .line span.struck::after{transform:scaleX(1)}.art .items{list-style:none;margin:0;padding:0;border-top:1px solid var(--hair)}.art .items button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 2px;border:0;border-bottom:1px solid var(--hair);background:none;color:var(--item);font:500 14px/1.35 var(--ox-font-sans);text-align:left;cursor:pointer;transition:color .3s,border-color .5s}.art .items button span{flex:1}.art .items button:hover{color:var(--title)}.art .items button:focus-visible{outline:2px solid var(--lit);outline-offset:2px;border-radius:6px}.art .mk{position:relative;flex:none;width:16px;height:16px}.art .mk::before,.art .mk::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;border-radius:1px;background:currentColor;translate:-50% -50%;transition:rotate .35s var(--ox-ease-out),width .3s,translate .35s,background-color .3s}.art .mk::after{rotate:90deg}.art .items button[aria-pressed=true]{color:var(--title)}.art .items button[aria-pressed=true] .mk::before{width:6px;rotate:45deg;translate:-90% 30%;background:var(--lit)}.art .items button[aria-pressed=true] .mk::after{width:11px;rotate:-50deg;translate:-30% -20%;background:var(--lit)}.art .count{display:flex;justify-content:space-between;margin:auto 0 0;padding-top:14px;font:600 11px/1 var(--ox-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text);transition:color .5s}.art .count .picked{color:var(--lit-text)}.artset.night .art,.artset.night .tile{--card: #0A1832;--hair: rgba(106, 193, 252, .14);--hair-strong: rgba(106, 193, 252, .34);--title: #EEF4FF;--text: #9FB0C8;--item: #C9D5E6;--ink: rgba(127, 196, 250, .78);--f-top: #122A52;--f-left: #0E2045;--f-right: #0B1A39;--f-door: #081430;--f-glass: #0F2550;--f-stripe: #183867;--f-sheet: #10305F;--lit: #6AC1FC;--lit-text: #6AC1FC;--glow: rgba(106, 193, 252, .9);--glow-soft: rgba(106, 193, 252, .4);--sign-ink: #06132C}.artset.paper .art{--card: #F4F1E9;--hair: rgba(11, 31, 69, .12);--hair-strong: rgba(11, 31, 69, .32);--title: #0B1F45;--text: #56647A;--item: #2A3B5C;--ink: #0B1F45;--f-top: #FFFFFF;--f-left: #ECE6DA;--f-right: #E0D8C8;--f-door: #CFC5B1;--f-glass: #D8DEE6;--f-stripe: #C9D6EA;--f-sheet: #E4EDF9;--lit: #2F86E0;--lit-text: #245BB2;--glow: rgba(106, 193, 252, .85);--glow-soft: rgba(106, 193, 252, .35);--sign-ink: #FFFFFF}.artset.night .art.on,.artset.night .tile.open{--card: #0B1B39;--hair: rgba(106, 193, 252, .2);--hair-strong: rgba(106, 193, 252, .5);--ink: rgba(150, 210, 255, .92);--f-top: #16315D;--f-left: #11264D;--f-right: #0C1D3F;--f-door: #0A1634;--f-glass: #13305E;--f-stripe: #1D3F73;--f-sheet: #133661}.artset.night .art.on{box-shadow:0 30px 60px -28px rgba(0,0,0,.7),0 0 0 1px rgba(106,193,252,.35)}.artset.paper .art{--card: #FBFAF7;box-shadow:0 1px 0 rgba(11,31,69,.04)}.artset.paper .art.on{transform:translateY(-5px);box-shadow:0 28px 50px -26px rgba(11,31,69,.32),0 0 0 1px rgba(36,91,178,.22)}.iso .f{stroke:var(--ink);stroke-width:1.15;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:fill .5s var(--ox-ease-out),stroke .5s}.iso .f.top{fill:var(--f-top)}.iso .f.left{fill:var(--f-left)}.iso .f.right{fill:var(--f-right)}.iso .f.door,.iso .f.groove{fill:var(--f-door)}.iso .f.window,.iso .f.glass{fill:var(--f-glass)}.iso .f.awning{fill:var(--f-top)}.iso .f.stripe,.iso .f.pencil-end{fill:var(--f-stripe)}.iso .f.bubble-in{fill:var(--f-left)}.iso .f.pencil-body{fill:var(--f-top)}.iso .sheet .f.top{fill:var(--f-sheet)}.iso .person .f{fill:var(--f-top)}.iso .shadow,.iso .ball-shadow{fill:var(--ink);opacity:.14;stroke:none}.iso .ln{fill:none;stroke:var(--ink);stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:stroke .5s}.iso .route{stroke-dasharray:1.5 4.5;opacity:.55}.iso .gridln{stroke-width:.6;opacity:.22}.iso .planghost{stroke-dasharray:2 3.5;opacity:.5}.iso .lit-line{stroke:var(--lit);stroke-width:1.7;vector-effect:none;opacity:0;filter:drop-shadow(0 0 3px var(--glow))}.iso .lit{fill:var(--lit);stroke:none;opacity:0;filter:drop-shadow(0 0 7px var(--glow))}.iso .litbar{fill:var(--ink);stroke:none;opacity:.35;transition:fill .3s,opacity .3s}.iso .litbar.on{fill:var(--lit);opacity:1;filter:drop-shadow(0 0 4px var(--glow))}.iso .tick{stroke:var(--lit);stroke-width:1.7;opacity:0}.iso .sign-ln{transition:stroke .25s}.iso .sign-text.on .sign-ln{stroke:var(--sign-ink)}.iso .dot{fill:var(--lit);filter:drop-shadow(0 0 5px var(--glow));transition:fill .5s}.iso .halo{fill:none;stroke:var(--lit);stroke-width:1;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;animation:art-breathe 2.6s var(--ox-ease-out) infinite}@keyframes art-breathe{0%{scale:1;opacity:.8}70%,100%{scale:3.2;opacity:0}}.iso .lightbody{fill:var(--lit);stroke:none;filter:drop-shadow(0 0 6px var(--glow));transition:fill .5s}.iso .pin-hole{fill:var(--card);transition:fill .5s}.iso .ball-shine{fill:#fff;opacity:.65}.iso .ok-mark{fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.iso .qtext{fill:var(--lit);font:800 14px/1 var(--ox-font-sans)}.iso .ripple{fill:none;stroke:var(--lit);stroke-width:1.6;vector-effect:non-scaling-stroke}@media (max-width: 980px){.arts{grid-template-columns:1fr}}@media (max-width: 640px){.art{grid-template-columns:1fr;gap:6px}.art .well{min-height:0;padding:10px 4px}.art .well svg{height:auto;max-height:62vh}}@media (prefers-reduced-motion: reduce){.iso .halo{animation:none;opacity:0}.art,.art *{transition-duration:.01s!important}}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}.tile{position:relative;aspect-ratio:1 / .9;cursor:pointer}.tile .pop{position:absolute;inset:0;z-index:1;border-radius:20px;background:var(--card);border:1px solid var(--hair);color:var(--title);transition:inset .5s var(--ox-ease-out),background-color .5s,border-color .5s,box-shadow .5s var(--ox-ease-out),opacity .4s}.tile .well{position:absolute;left:12px;right:12px;top:12px;bottom:30px;display:grid;place-items:center;transition:left .5s var(--ox-ease-out),right .5s var(--ox-ease-out),top .5s var(--ox-ease-out),bottom .5s var(--ox-ease-out)}.tile .well svg{width:100%;height:100%;overflow:visible}.tile .tag{position:absolute;left:0;bottom:-20px;margin:0;font:600 10.5px/1 var(--ox-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text);transition:opacity .3s}.tile .tag .picked{color:var(--lit-text)}.tile-top{position:absolute;left:22px;right:22px;top:20px;display:flex;align-items:baseline;gap:10px;opacity:0;translate:0 8px;transition:opacity .25s,translate .4s var(--ox-ease-out);pointer-events:none}.tile-top h3{margin:0;font:750 18px/1.2 var(--ox-font-sans);letter-spacing:-.01em;color:var(--title)}.tile-top .ix{font:600 11px/1 var(--ox-font-mono);letter-spacing:.1em;color:var(--text)}.tile-bottom{position:absolute;left:22px;right:22px;bottom:18px;opacity:0;translate:0 -6px;transition:opacity .25s,translate .4s var(--ox-ease-out);pointer-events:none}.tile .line{margin:0 0 12px;font-size:14.5px;line-height:1.45;color:var(--text)}.tile .see{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:99px;border:1px solid var(--hair-strong);background:none;color:var(--title);font:700 13px/1 var(--ox-font-sans);cursor:pointer;transition:background-color .25s,color .25s}.tile .see:hover,.tile .see:focus-visible{background:var(--title);color:var(--card);outline:none}.tile a.see{margin-left:8px;text-decoration:none;border-color:transparent}.tile.open .pop{inset:-62px -10px -128px;z-index:6;box-shadow:0 40px 80px -30px rgba(0,0,0,.75),0 0 0 1px rgba(106,193,252,.35)}.tile.open .well{left:22px;right:22px;top:74px;bottom:158px}.tile.open .tag{opacity:0}.tile.open .tile-top,.tile.open .tile-bottom{opacity:1;translate:0 0;pointer-events:auto;transition-delay:.12s}.tiles:has(.tile.open) .tile:not(.open) .pop{opacity:.5}.tile.connected:not(.open) .pop{border-color:rgba(106,193,252,.45);box-shadow:0 0 0 1px rgba(106,193,252,.18)}@media (max-width: 980px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tile.open .pop{inset:-60px -8px -150px}.tile.open .well{top:72px;bottom:180px}}@media (max-width: 560px){.tile-top h3{font-size:15.5px}.tile .line{font-size:13px}.tile.open .pop{inset:-54px -6px -168px}.tile.open .well{left:14px;right:14px;top:64px;bottom:198px}.tile-top,.tile-bottom{left:14px;right:14px}}.tile-acts{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;margin:0}.tile .tile-acts .see{padding:9px 13px;white-space:nowrap}.tile .tile-acts a.see{margin-left:0;padding-inline:8px}@media (max-width: 600px){.tile-acts{flex-wrap:wrap;row-gap:6px}}
