.pl{--pl-w:clamp(240px, calc(var(--ww-plate-w) * .912 * .44), 390px);--pl-left:calc(var(--ww-plate-w) * .912 - var(--pl-w) - 24px);grid-template-columns:minmax(0, 1fr) var(--pl-w);flex:1;grid-template-rows:1fr auto auto auto auto 1fr;grid-template-areas:".panel""sentence panel""info panel""social panel""door panel"".panel";column-gap:24px;min-width:0;display:grid}.pl-sentence{flex-direction:column;grid-area:sentence;min-width:0;margin:0;display:flex}.pl-pre{font:800 11px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--ww-muted);margin-bottom:5px}.pl-info{grid-area:info;min-width:0;margin-top:12px}.pl-count{font:600 12.5px/1.4 var(--font-body);color:var(--ww-muted);margin:12px 0 0}.pl-social{grid-area:social;min-width:0;margin-top:8px}.pl-door{grid-area:door;justify-self:start;margin-top:16px}.sr-slot{white-space:nowrap;height:1.18em;line-height:1.18;display:block;position:relative;overflow:hidden}.sr-strip{display:block}.sr-strip>span{text-overflow:ellipsis;height:1.18em;display:block;overflow:hidden}.pl-subject{font:700 clamp(16px, calc(var(--pl-left) / 14.2), 29px)/1.18 var(--font-display);letter-spacing:.005em;color:var(--ww-accent)}.pl-clue{font:600 clamp(13px, calc(var(--pl-left) / 15.8), 19px)/1.18 var(--font-body);color:var(--ww-paper)}.pl-tabs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pl-tabs>button{min-height:32px;color:var(--ww-paper);font:700 12px/1 var(--font-display);animation:ww-rise .28s var(--snap) backwards;background:#ffffff0d;border:1.5px solid #fff2;border-radius:999px;padding:0 11px;transition:background .2s,color .2s,border-color .2s}.pl-tabs>button:hover{background:#ffffff1a}.pl-tabs>button[aria-pressed=true]{background:var(--ww-accent);color:var(--ww-ink);border-color:#0000}.pl-tabs>.pl-close{width:32px;color:var(--ww-muted);place-items:center;margin-left:2px;padding:0;display:grid}@media (pointer:coarse){.pl-tabs>button{min-height:44px}.pl-tabs>.pl-close{width:44px}}.pl-show{grid-area:panel;align-self:center;position:relative}.pl-panel{--pl-head:40%;isolation:isolate;height:clamp(252px, 100svh - var(--pl-rest,0px) - 8px, 340px);border:1px solid color-mix(in srgb, var(--world,gold) 32%, #ffffff12);background:var(--bg-raised);color:var(--text);box-shadow:inset 0 1px 0 #ffffff12, -4px 0 0 color-mix(in srgb, var(--world,gold) 70%, transparent), 0 18px 40px #0009;border-radius:16px;position:relative;overflow:hidden}.pl-panel[data-art]:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(to top, var(--bg-raised) 0, color-mix(in srgb, var(--bg-raised) 55%, transparent) 35%, transparent 75%), var(--bg-raised) var(--pl-art) var(--pl-art-at) / cover no-repeat;position:absolute;inset:0 0 48%}.pl-head{z-index:2;box-sizing:border-box;height:var(--pl-head);text-align:center;animation:pl-in .32s var(--cut) backwards;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;padding:0 14px 4px;display:flex;position:absolute;inset:0 0 auto;container-type:inline-size}.pl-head small{max-width:calc(100% - 14px);color:var(--ww-paper);font:800 10px/1.1 var(--font-body);letter-spacing:.14em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:#0f0e18c8;border-radius:999px;padding:3px 7px;overflow:hidden}.pl-head b{color:#fff;max-width:100%;font:800 clamp(20px, 8cqw, 30px)/1.1 var(--font-display);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 12px #0009;overflow:hidden}.pl-tiles{--tw:min(30px, calc((100cqw - (var(--n) - 1) * 3px) / var(--n)));gap:3px;display:flex}.pl-tiles i{width:var(--tw);height:calc(var(--tw) * 1.35);background:color-mix(in srgb, var(--v-match) 72%, #000);color:#fff;font:800 calc(var(--tw) * .9)/1 var(--font-display);box-shadow:0 0 14px color-mix(in srgb, var(--v-match) 50%, transparent);border-radius:6px;place-items:center;font-style:normal;display:grid}.pl-stage{inset:var(--pl-head) 0 42px;animation:pl-in .32s var(--cut) backwards;position:absolute;overflow:hidden}.pl-panel:not([data-kind=attribute]):not([data-kind=location]) .pl-stage{right:36%}.pl-stage-inner{transform:translate(-50%, -50%) scale(var(--fit,0));transform-origin:50%;transition:transform .45s var(--settle);position:absolute;top:50%;left:50%}.pl-verdict{right:8px;top:calc((var(--pl-head) + 100% - 42px) / 2);z-index:2;width:400px;transform:translateY(-50%) scale(var(--pl-vfit,.32));transform-origin:100%;pointer-events:none;position:absolute}.pl-grid{z-index:3;background:#0f0e18b0;border-radius:6px;flex-direction:column;gap:2px;padding:4px 5px;display:flex;position:absolute;top:8px;right:8px}.pl-panel:not([data-kind=attribute]) .pl-grid{flex-direction:row;gap:3px}.pl-grid>span{transform-origin:100%;animation:pl-sq .24s var(--pop) var(--lock) backwards;gap:2px;display:flex}.pl-grid i{background:var(--v-miss);border-radius:1.5px;width:6px;height:6px;display:block}.pl-panel:not([data-kind=attribute]) .pl-grid i{border-radius:2px;width:9px;height:9px}.pl-grid i[data-state=exact]{background:var(--v-match)}.pl-grid i[data-state=partial]{background:var(--v-partial)}.pl-foot{z-index:3;color:var(--ww-muted);font:700 12.5px/1.2 var(--font-display);text-overflow:ellipsis;white-space:nowrap;animation:ww-rise .28s var(--snap) backwards;position:absolute;bottom:13px;left:12px;right:100px;overflow:hidden}.pl-foot[data-call=wrong]{color:var(--v-miss-ink)}.pl-foot[data-call=correct]{color:var(--v-match-ink)}.pl-stamp{z-index:3;border:2.5px solid var(--world);background:var(--ww-ink);color:var(--world);font:700 17px/1 var(--font-display);white-space:nowrap;animation:pl-stamp .45s var(--snap) var(--lock) backwards;border-radius:11px;align-items:center;gap:5px;padding:8px 13px;display:inline-flex;position:absolute;top:52%;left:50%;translate:-50% -50%;rotate:-6deg;box-shadow:0 10px 26px #000b}.pl-try{z-index:4;background:0 0;border:0;border-radius:16px;width:100%;margin:0;padding:0;display:block;position:absolute;inset:0}.pl-try:hover{background:#ffffff08}.pl-try:focus-visible{outline-offset:-3px;outline:3px solid #48f}.pl-try-chip{background:var(--ww-yellow);min-height:30px;color:var(--ww-ink);font:800 11.5px/1 var(--font-display);letter-spacing:.05em;text-transform:uppercase;transition:transform .2s var(--snap);border-radius:999px;align-items:center;gap:6px;padding:0 12px;display:inline-flex;position:absolute;bottom:7px;right:9px;box-shadow:0 4px 14px #0009}.pl-try:hover .pl-try-chip{transform:translateY(-2px)}@keyframes pl-in{0%{opacity:0}33%{opacity:1;transform:translate(6px)}66%{transform:translate(-3px)}to{transform:none}}@keyframes pl-sq{0%{scale:0}}@keyframes pl-stamp{0%{opacity:0;rotate:-14deg;scale:1.8}60%{opacity:1;rotate:-4deg;scale:.96}to{rotate:-6deg;scale:1}}@container (max-width:999px){.pl{--pl-left:calc(var(--ww-plate-w) - 28px);grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"sentence""panel""info""social""door";column-gap:0}.pl-subject{font-size:clamp(16px, calc(var(--pl-left) / 14.2), 21px)}.pl-clue{font-size:clamp(13px, calc(var(--pl-left) / 15.8), 16px)}.pl-show{margin-top:10px}.pl-panel{height:clamp(188px, 100svh - var(--pl-rest,340px) - 8px, 300px)}.pl-stage{bottom:40px}.pl-verdict{top:calc((var(--pl-head) + 100% - 40px) / 2)}.pl-count{display:none}.pl-info{margin-top:10px}.pl-foot{-webkit-line-clamp:2;line-clamp:2;white-space:normal;-webkit-box-orient:vertical;font-size:11.5px;line-height:14px;display:-webkit-box;bottom:6px;right:82px}.pl-try-chip{min-height:28px;padding:0 10px;font-size:10.5px;bottom:7px;right:7px}.pl-door{justify-self:stretch;margin-top:10px}}@media (prefers-reduced-motion:reduce){.pl *,.pl-panel *{animation:none!important}.pl-stage-inner,.pl-try-chip,.pl-tabs>button{transition:none}}
:where(.ww-root,.ww-tile){--ww-ink:#0f0e18;--ww-paper:#f2f0f7;--ww-muted:#b3b0c2;--ww-yellow:gold;--ww-red:#d22;--ww-blue:#24c}.ww-root{--ww-accent:var(--ww-yellow);--ww-gap:0px;isolation:isolate;background:var(--ww-ink);color:var(--ww-paper);font-family:var(--font-body), sans-serif;position:relative;overflow:clip;container-type:inline-size}body:has(.ww-root) .main-content{padding-top:0}:where(.ww-root) :where(button){cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ww-root :is(a,button,summary,[tabindex]):focus-visible{outline-offset:3px;outline:3px solid #48f}.ww-stage{z-index:2;min-height:100dvh;padding:calc(70px + env(safe-area-inset-top,0px) + var(--ww-gap)) max(3cqw, env(safe-area-inset-right,0px)) max(20px, env(safe-area-inset-bottom,0px)) max(3cqw, env(safe-area-inset-left,0px));pointer-events:none;place-items:center;display:grid;position:relative}.ww-wall{pointer-events:auto;position:absolute;inset:0;overflow:hidden}.ww-still{--ww-ch:clamp(78px, calc(min(100cqw, 110dvh) * .245), 128px);--ww-cw:calc(var(--ww-ch) * 1.6);background:repeating-linear-gradient(90deg, #0000 0 calc(var(--ww-cw) - 12px), var(--ww-ink) calc(var(--ww-cw) - 12px) var(--ww-cw)), repeating-linear-gradient(180deg, #0000 0 calc(var(--ww-ch) - 13px), var(--ww-ink) calc(var(--ww-ch) - 13px) var(--ww-ch)), var(--ww-ink) var(--ww-still-sm) 0 0 / calc(var(--ww-cw) * var(--ww-cols)) calc(var(--ww-ch) * var(--ww-rows)) repeat;position:absolute;inset:-12cqw -24cqw;transform:rotate(-8deg)}@container (min-width:1000px){.ww-still{--ww-ch:clamp(118px, 19dvh, 180px);background-image:repeating-linear-gradient(90deg, #0000 0 calc(var(--ww-cw) - 18px), var(--ww-ink) calc(var(--ww-cw) - 18px) var(--ww-cw)), repeating-linear-gradient(180deg, #0000 0 calc(var(--ww-ch) - 20px), var(--ww-ink) calc(var(--ww-ch) - 20px) var(--ww-ch)), var(--ww-still-lg)}}.ww-canvas{opacity:0;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab;width:100%;height:100%;transition:opacity .28s ease-out;display:block;position:absolute;inset:0}.ww-canvas:active{cursor:grabbing}.ww-root[data-ready] .ww-canvas{opacity:1}.ww-root[data-ready] .ww-still{visibility:hidden;transition:visibility 0s .3s}.ww-shade{pointer-events:none;background:linear-gradient(#0f0e18cc,#0f0e184d 22% 78%,#0f0e18cc);position:absolute;inset:0}.ww-keys{pointer-events:none;position:absolute;inset:0}.ww-key{opacity:0;pointer-events:none;background:0 0;border:0;border-radius:12px;width:1px;height:1px;margin:0;padding:0;position:absolute;top:0;left:0}.ww-key:focus-visible{opacity:1}.ww-root[data-ready] .ww-key{width:var(--ww-kw,1px);height:var(--ww-kh,1px);transform:var(--ww-kt,none)}.ww-root[data-ready]:has(.ww-key[data-unplaced]:focus-visible) .ww-wall{display:contents}.ww-root[data-ready]:has(.ww-key[data-unplaced]:focus-visible) .ww-keys{pointer-events:auto;order:1;margin-top:16px;position:relative}.ww-root[data-ready] .ww-key[data-unplaced]:focus-visible{border:1.5px solid var(--ww-ink);background:var(--ww-yellow);width:auto;height:auto;min-height:44px;color:var(--ww-ink);font:700 15px/41px var(--font-display);padding:0 16px;position:static;transform:none}.ww-root[data-ready] .ww-key[data-unplaced]:focus-visible>span{display:inline}.ww-key>span{display:none}.ww-root[data-measured]:not([data-ready]) .ww-wall{display:contents}.ww-root[data-measured]:not([data-ready]) .ww-keys{pointer-events:auto;flex-wrap:wrap;order:1;justify-content:center;gap:8px;max-width:min(100%,880px);margin-top:16px;display:flex;position:relative}.ww-root[data-measured]:not([data-ready]) .ww-key{border:1.5px solid var(--ww-ink);background:var(--ww-yellow);width:auto;height:auto;min-height:44px;color:var(--ww-ink);font:700 14px/41px var(--font-display);opacity:1;pointer-events:auto;padding:0 14px;position:static;transform:none}.ww-root[data-measured]:not([data-ready]) .ww-key[aria-hidden]{display:none}.ww-root[data-measured]:not([data-ready]) .ww-key>span{display:inline}.ww-tile{width:250px;height:156px;color:var(--ww-ink);text-align:left;background:0 0;border:0;border-radius:14px;flex:none;padding:0;position:relative}.ww-flip{border-radius:inherit;position:absolute;inset:0}.ww-face{border:1.5px solid var(--ww-ink);border-radius:inherit;background:var(--w);transition:box-shadow .25s;position:absolute;inset:0;overflow:hidden;box-shadow:0 10px 26px #0009}.ww-face>img{object-fit:cover;opacity:0;transition:opacity .3s}.ww-face>img[data-loaded]{opacity:1}.ww-face>b{z-index:2;border:1.5px solid var(--ww-ink);background:var(--ww-yellow);max-width:calc(100% - 24px);color:var(--ww-ink);font:700 14px/1 var(--font-display);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;opacity:0;border-radius:9px;padding:7px 10px 6px;transition:opacity .2s,transform .2s;position:absolute;bottom:10px;left:12px;overflow:hidden;transform:translateY(6px);box-shadow:0 2px 8px #0f0e1840}.ww-tile:hover .ww-face>b,.ww-tile:focus-visible .ww-face>b,.ww-tile[data-peeked] .ww-face>b{opacity:1;transform:none}.ww-tile:hover .ww-face,.ww-tile:focus-visible .ww-face{box-shadow:0 0 0 3px color-mix(in srgb, var(--w) 70%, transparent), 0 20px 44px #000c}.ww-tile[data-peeked] .ww-face{box-shadow:inset 0 0 0 3px var(--ww-paper), 0 0 0 3px color-mix(in srgb, var(--w) 70%, transparent), 0 20px 44px #000c}.ww-print{--ww-plate-w:min(56cqw, 880px);--ww-plate-r:calc(var(--ww-plate-w) * 28 / 1080);width:var(--ww-plate-w);position:relative}.ww-plate{pointer-events:auto;border-radius:var(--ww-plate-r);background:var(--ww-ink);width:100%;box-shadow:-5px 0 0 var(--ww-red), 5px 0 0 var(--ww-blue), 0 30px 60px #000c;position:relative}.ww-wordmark{margin:0}.ww-wordmark>svg{width:100%;height:auto;display:block}.ww-cut{font-family:var(--font-display), sans-serif;letter-spacing:4px;font-weight:700}.ww-word{color:var(--ww-accent)}.ww-slice{transform-box:fill-box;transform-origin:50%}.ww-scan{z-index:1;border-radius:var(--ww-plate-r);opacity:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0f0e18 0 1px,#0000 1px 4px);position:absolute;inset:0}.ww-plate[data-tear] .ww-word-rest{animation:.36s step-end ww-rest}.ww-plate[data-tear] .ww-slices{animation:.36s step-end ww-tears}.ww-plate[data-tear] .ww-slice:first-child{animation:.36s step-end ww-s1}.ww-plate[data-tear] .ww-slice:nth-child(2){animation:.36s step-end ww-s2}.ww-plate[data-tear] .ww-slice:nth-child(3){animation:.36s step-end ww-s3}.ww-plate[data-tear] .ww-ghost-r{animation:.36s step-end ww-gr}.ww-plate[data-tear] .ww-ghost-b{animation:.36s step-end ww-gb}.ww-plate[data-tear] .ww-scan{animation:.36s step-end ww-scan}.ww-plate[data-tear] .ww-wordmark{animation:.36s step-end ww-jolt}.ww-plate[data-tear] .ww-door{transition:none}.ww-print:has(.ww-plate[data-tear]) .ww-mark{transition:none}@keyframes ww-rest{0%,50%{opacity:0}75%,to{opacity:1}}@keyframes ww-tears{0%,50%{opacity:1}75%,to{opacity:0}}@keyframes ww-s1{0%{transform:translate(-11px)}25%{transform:translate(8px)skew(3deg)}50%{transform:translate(-5px)}75%,to{transform:none}}@keyframes ww-s2{0%{transform:translate(10px)}25%{transform:translate(-13px)}50%{transform:translate(6px)}75%,to{transform:none}}@keyframes ww-s3{0%{transform:translate(-6px)}25%{transform:translate(5px)}50%{transform:translate(-9px)skew(-2deg)}75%,to{transform:none}}@keyframes ww-gr{0%{transform:translate(-16px)}25%{transform:translate(10px)}50%{transform:translate(-7px)}75%,to{transform:none}}@keyframes ww-gb{0%{transform:translate(16px)}25%{transform:translate(-10px)}50%{transform:translate(7px)}75%,to{transform:none}}@keyframes ww-scan{0%{opacity:.55}25%{opacity:.3}50%{opacity:.5}75%,to{opacity:0}}@keyframes ww-jolt{0%{translate:-2px}25%{translate:2px 1px}50%{translate:-1px}75%,to{translate:none}}.ww-head{left:4.4%;top:calc(var(--ww-plate-w) * .035);z-index:2;pointer-events:auto;align-items:center;gap:10px;display:flex;position:absolute}.ww-mark{width:44px;height:44px;color:var(--ww-accent);background:0 0;border:0;border-radius:12px;place-items:center;margin:-4px 0 -4px -6px;padding:0;transition:color .3s,background .15s;display:grid}.ww-mark:hover{background:#ffffff12}.ww-mark>.gate-mark{width:clamp(28px,3.4cqw,38px);height:clamp(28px,3.4cqw,38px);overflow:visible}.ww-mark[data-tear] .gate-mark-rest{animation:.6s step-end ww-rest-mark}.ww-mark[data-tear] .gate-mark-tears{animation:.6s step-end ww-tears-mark}.ww-mark .gate-mark-tears>g:first-of-type .gate-mark-slice{transform:translate(12px)}.ww-mark .gate-mark-tears>g:nth-of-type(2) .gate-mark-slice{transform:translate(-16px)}.ww-mark .gate-mark-tears>g:nth-of-type(3) .gate-mark-slice{transform:translate(9px)}@keyframes ww-rest-mark{0%,40%{opacity:0}20%,60%,to{opacity:1}}@keyframes ww-tears-mark{0%,40%{opacity:1}20%,60%,to{opacity:0}}.ww-head>span{font:800 11px/1.3 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--ww-muted)}.ww-head b{color:var(--ww-paper);font-variant-numeric:tabular-nums;display:block}.ww-nav{margin-left:auto}.ww-nav:empty{display:none}.ww-nav .sn-circle{color:var(--ww-paper);background:#ffffff0a;border:1px solid #ffffff38}.ww-foot{z-index:2;margin-top:calc(var(--ww-plate-w) * -.1);justify-content:space-between;align-items:center;gap:12px;padding:0 4.4% 4.4%;display:flex;position:relative}.ww-door{background:var(--ww-accent);min-height:54px;color:var(--ww-ink);font:800 14px/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:10px;padding:0 22px;text-decoration:none;transition:transform .18s,filter .18s,background .3s;display:inline-flex}.ww-door:hover{filter:brightness(1.08)}.ww-door:active{transform:translateY(1px)}.ww-door>svg{flex:none;transition:transform .2s}.ww-door:hover>svg{transform:translate(4px)}@keyframes ww-rise{0%{opacity:0;transform:translateY(8px)}}.ww-root .site-footer{z-index:2;background:var(--ww-ink);color:var(--ww-muted);margin-top:0;padding-top:12px;position:relative}.ww-root .site-footer :is(summary,a){color:var(--ww-muted);opacity:.7}.ww-root .site-footer a:hover{background:#ffffff14}.ww-root .site-footer :is(summary,a):is(:hover,:focus-visible){color:var(--ww-paper);opacity:1}.ww-arrival .ww-still{animation:.7s backwards ww-fade}.ww-arrival .ww-print{animation:ww-land .32s var(--snap) 60ms backwards}@keyframes ww-fade{0%{opacity:0}}@keyframes ww-land{0%{opacity:0;transform:scale(1.06)}}@container (max-width:999px){.ww-stage{min-height:100svh;padding-top:calc(var(--nav-clearance,70px) + 8px + var(--ww-gap));padding-bottom:calc(max(12px, env(safe-area-inset-bottom,0px)) + 8px)}.ww-print{--ww-plate-w:min(calc(100cqw - max(12px, env(safe-area-inset-left,0px)) - max(12px, env(safe-area-inset-right,0px))), 110dvh);--ww-plate-r:20px;flex-direction:column;place-self:stretch stretch;align-items:center;gap:12px;width:100%;display:flex}.ww-plate{width:var(--ww-plate-w);box-shadow:-4px 0 0 var(--ww-red), 4px 0 0 var(--ww-blue), 0 24px 50px #000c;flex-direction:column;margin:auto 0;display:flex;overflow:clip}.ww-head{box-sizing:border-box;width:var(--ww-plate-w);background:var(--ww-ink);min-height:60px;box-shadow:-4px 0 0 var(--ww-red), 4px 0 0 var(--ww-blue), 0 14px 30px #000a;border-radius:16px;padding:6px 10px 6px 14px;position:static}.ww-head>span{font-size:10.5px}.ww-wordmark{aspect-ratio:1080/180;margin-top:4px;overflow:hidden}.ww-wordmark>svg{margin-top:calc(var(--ww-plate-w) * -165 / 1080)}.ww-plate svg text[opacity]{opacity:.55}.ww-foot{flex-direction:column;align-items:stretch;gap:10px;margin-top:0;padding:4px 14px 14px}.ww-door{justify-content:space-between;width:100%;min-height:50px}}@media (prefers-reduced-motion:reduce){.ww-arrival .ww-still,.ww-arrival .ww-print,.ww-plate[data-tear] *,.ww-mark[data-tear] .gate-mark-rest,.ww-mark[data-tear] .gate-mark-tears{animation:none}.ww-canvas,.ww-face,.ww-door,.ww-door>svg,.ww-mark{transition:none}}