:root{--teal:#173f45;--teal-soft:#e5ebe7;--paper:#f4f0e8;--card:#fffcf7;--gold:#b58a55;--gold-ink:#856137;--ink:#1f292b;--muted:#617071;--met:#b42136;--line:#c9cec5;--note:#e7e9d6;--note-blue:#dce6e4;--note-sand:#ece0cc;--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",Georgia,serif;--sans:"Yu Gothic UI","Hiragino Kaku Gothic ProN",Meiryo,system-ui,sans-serif;--english:Georgia,"Times New Roman",serif;--space:24px;--gap-small:12px;--gap-normal:16px;--gap-large:24px;--gutter:48px;--card-width:clamp(108px,9vw,136px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.75;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.38}a{color:var(--teal);text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}svg{fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;flex:none}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.shell{width:min(100% - var(--gutter)*2,1280px);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:12px;z-index:30;background:var(--card);padding:10px 20px;transform:translateY(-160%)}.skip-link:focus{transform:none}.eyebrow{font-size:10px;font-weight:650;letter-spacing:.17em;color:var(--teal);margin:0 0 6px}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:28px 25px;border-bottom:1px solid var(--line);gap:var(--gap-large)}.brand{display:flex;align-items:center;gap:13px;color:var(--teal);font:19px/.97 var(--english);letter-spacing:.11em;flex-shrink:0}.brand strong{font-size:25px;font-weight:400;letter-spacing:.065em}.brand-mark{display:block;width:35px;height:43px;position:relative}.brand-mark i{position:absolute;inset:1px 3px 4px 4px;border:1.5px solid var(--teal);transform:rotate(-12deg);background:var(--paper)}.brand-mark i+i{transform:rotate(7deg);inset:0 0 4px 7px}.brand-mark i+i:after{content:"";position:absolute;inset:6px;border:1px solid var(--teal)}nav{display:flex;gap:36px}nav a{display:block;font-size:12px;line-height:1.5}nav a span{display:block;font-size:10px;font-family:var(--english);letter-spacing:.05em;color:var(--muted)}nav a:hover{opacity:.65}.edition{font-size:10px;color:var(--teal);line-height:1.9;text-align:right;letter-spacing:.08em}.edition>span:last-child{display:block;font-size:8px;letter-spacing:.12em}.edition-dot{display:inline-block;width:5px;height:5px;background:var(--teal);border-radius:50%;margin-right:7px;vertical-align:middle}
.hero{display:grid;grid-template-columns:1.2fr 1fr;position:relative;padding-block:58px 0;column-gap:var(--gap-large)}.hero-copy{position:relative;z-index:1}.hero h1{font:400 clamp(32px,3.3vw,49px)/1.55 var(--serif);letter-spacing:.045em;margin:18px 0 23px}.hero h1 em{font-style:normal;color:var(--teal)}.hero-description{font-size:12px;line-height:2.1;letter-spacing:.05em;color:#516061;margin:0 0 20px}.text-link{display:inline-flex;align-items:center;gap:25px;font-size:12px;border-bottom:1px solid var(--teal);padding-block:6px}.text-link svg{width:26px;height:20px}.text-link:hover svg{transform:translateX(4px);transition:transform .2s}.hero-still-life{position:relative;min-height:370px;display:flex;justify-content:center;align-items:center;isolation:isolate}.still-caption{position:absolute;top:12px;right:10px;font-size:8px;letter-spacing:.17em;writing-mode:vertical-rl;color:var(--muted)}.hero-card,.ghost-card{position:absolute;background:var(--card);width:169px;aspect-ratio:7/10;border:1px solid var(--teal);padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:4px 6px 0 -2px #d6d9ce,10px 17px 22px -15px #233f453b;transform:rotate(9deg) translate(33px,-10px);color:var(--teal)}.hero-card:before,.ghost-card:before{content:"";position:absolute;inset:6px;border:1px solid #173f452b;pointer-events:none}.hero-card>span,.ghost-card>span{position:absolute;top:20px;left:20px;font-size:8px;letter-spacing:.11em}.hero-card svg,.ghost-card svg{width:72px;height:72px;margin:10px 0 5px}.hero-card b,.ghost-card b{font:32px var(--serif);letter-spacing:.25em;margin-left:.25em}.hero-card small,.ghost-card small{font:12px var(--english);margin-top:8px}.hero-card i{position:absolute;bottom:-20px;right:-34px;padding:10px 20px;background:var(--note);font-size:10px;font-style:normal;line-height:1.8;transform:rotate(-12deg);box-shadow:2px 3px 4px #173f4518;letter-spacing:.05em}.ghost-card{transform:rotate(-13deg) translate(-60px,-15px);background:#e8e8de;color:#6e7a73;border-color:#9ea99e}.ghost-card svg{opacity:.65}.still-index{position:absolute;bottom:16px;right:44px;font-size:11px;color:var(--teal);letter-spacing:.13em}.still-index small{display:block;font-size:7px;letter-spacing:.18em;margin-top:6px}.orbit{position:absolute;width:300px;height:300px;border:1px solid #173f4515;border-radius:50%;z-index:-1;transform:rotate(-14deg) scaleY(.74)}.orbit-two{transform:rotate(55deg) scaleY(.75);width:330px;height:330px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);margin-top:40px;padding-block:16px;gap:var(--gap-normal);color:var(--muted);font-size:9px}.hero-bottom>span:first-child{font-size:8px;letter-spacing:.16em}.hero-bottom b{font-size:8px;letter-spacing:.1em;font-weight:500;border:1px solid #aab7ad;padding:3px 6px;margin-left:9px}
.workspace{padding-top:42px}.section-heading,.encounter-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-large)}.section-label{display:flex;gap:18px;align-items:center}.section-label h2{font:400 22px/1.6 var(--serif);letter-spacing:.045em;margin:0;color:var(--teal)}.section-label .eyebrow{font-size:9px;margin-bottom:3px;letter-spacing:.16em}.section-description{font-size:11px;color:var(--muted);margin:12px 0 22px;line-height:1.9}.section-description>span{display:block;font-family:var(--english);font-size:11px;margin-top:1px}.category-tabs{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.category-tabs button{border:0;border-bottom:1px solid transparent;background:transparent;font-size:11px;padding:10px 13px;min-height:44px;color:var(--muted)}.category-tabs button[aria-pressed=true]{color:var(--teal);border-color:var(--teal);font-weight:600}.category-tabs button:hover{background:#173f4506}.karuta-deck{display:grid;grid-template-columns:repeat(8,var(--card-width));justify-content:space-between;gap:var(--gap-normal);align-items:start;min-height:calc(var(--card-width)*10/7)}.karuta-slot{position:relative;min-width:0}.paper-card{position:relative;aspect-ratio:7/10;width:var(--card-width);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #a4b1a7;background:var(--card);color:var(--teal);border-radius:2px;padding:16px 9px 20px;box-shadow:0 3px 0 -1px #d8dcd2,0 6px 9px -6px #173f4530;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.paper-card:before{content:"";position:absolute;inset:5px;border:1px solid #173f4512;pointer-events:none}.paper-card:hover{transform:translateY(-5px) rotate(-.8deg);border-color:var(--teal);box-shadow:0 3px 0 -1px #d8dcd2,0 13px 19px -10px #173f4550}.paper-card[aria-pressed=true]{background:#e6ece6;border:1.5px solid var(--teal);transform:translateY(-5px);box-shadow:0 3px 0 -1px #acbfb0,0 8px 14px -8px #173f4540}.paper-card[aria-pressed=true]:before{border-color:#173f4538}.card-category{position:absolute;top:13px;left:13px;font-size:7px;letter-spacing:.08em;color:#6b7d72}.card-check{position:absolute;top:10px;right:11px;border:1px solid #617c6c;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font-size:10px;background:var(--teal);color:var(--card)}.card-icon{width:44%;height:34%;margin:8px 0 7px;opacity:.83}.card-ja{font:400 clamp(20px,1.8vw,27px)/1.5 var(--serif);letter-spacing:.1em;overflow-wrap:anywhere;text-align:center}.card-ja.long{font-size:17px;letter-spacing:0}.card-en{font:11px/1.5 var(--english);margin-top:6px;text-align:center}.card-index{position:absolute;bottom:12px;left:13px;font:italic 10px var(--english);color:#5f7565}.card-count{position:absolute;bottom:11px;right:12px;font-size:8px;color:#617569}.hand-area{margin-top:26px;border-block:1px solid #c6cfc4;padding:15px 0 20px;background:linear-gradient(90deg,transparent,#e8ece240 60%,transparent)}.hand-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-small);margin-bottom:12px}.hand-heading h3{font-size:11px;font-weight:500;margin:0;color:var(--teal);white-space:nowrap}.hand-heading h3 span{font-size:8px;font-weight:400;letter-spacing:.1em;margin-left:9px;color:var(--muted)}.hand-actions{display:flex;gap:20px}.quiet-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;font-size:10px;padding:8px 0;min-height:44px;color:var(--teal);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.quiet-button>span{font-family:var(--english);font-size:10px}.quiet-button:hover:not(:disabled){color:#4b6d64}.selected-hand{display:flex;align-items:flex-start;gap:var(--gap-normal);flex-wrap:wrap;min-height:44px}.hand-empty{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--gap-normal);padding:8px 0;color:var(--muted);font-size:11px}.hand-empty span{font-size:10px;font-family:var(--english)}.hand-paper{background:var(--card);border:1px solid #bcc7ba;border-radius:1px;position:relative;padding:15px 18px 13px;min-width:175px;box-shadow:0 2px 0 -1px #cad3c6}.hand-paper h4{font:18px var(--serif);font-weight:400;margin:0 25px 1px 0;line-height:1.7;color:var(--teal)}.hand-paper .hand-en{font:11px var(--english);color:var(--muted)}.hand-remove{position:absolute;right:6px;top:7px;border:0;background:transparent;width:30px;height:30px;padding:6px;display:grid;place-items:center}.hand-remove svg{width:18px;height:18px}.hand-remove:hover{background:#e5ebe2}.attached-notes{display:flex;gap:8px;flex-wrap:wrap;margin:10px -28px -21px 8px;max-width:400px}.sticky-note{border:0;border-left:3px solid #b2bca2;border-radius:0;background:var(--note);color:var(--teal);box-shadow:1px 3px 4px #173f4515;display:flex;align-items:center;gap:18px;justify-content:space-between;padding:9px 13px;min-height:55px;min-width:150px;text-align:left;transition:transform .15s,box-shadow .15s}.sticky-note:nth-child(3n+2){background:var(--note-blue);border-left-color:#a7bfba}.sticky-note:nth-child(3n){background:var(--note-sand);border-left-color:#ceba9c}.sticky-note:hover{transform:translateY(-2px);box-shadow:1px 5px 7px #173f4524}.sticky-note .note-ja{display:block;font-size:12px;font-weight:500}.sticky-note .note-en{display:block;font:10px var(--english);color:#536e65;margin-top:1px}.note-count{font:italic 20px var(--english);white-space:nowrap}.note-count small{font:9px var(--sans);margin-left:2px}.pinned-note{min-width:140px;transform:rotate(-1deg);animation:stick .25s ease-out}.pinned-note .note-cross{font-size:17px;font-weight:300;line-height:1}.pinned-note:hover{transform:rotate(-1deg) translateY(-2px)}.pinned-note.is-peeling{animation:peel .16s ease-in forwards;pointer-events:none}.hand-paper.is-neutral{border-style:dashed;background:#f5f5ed}.hand-paper.is-neutral h4{font:12px var(--sans)}
.connections{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:70px;padding-block:34px 36px;border-bottom:1px solid var(--line)}.connections .section-label h2{font-size:20px}.connections .connections .section-description{margin-bottom:17px;min-height:39px}.inspiration-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-small) 16px;max-width:590px}.inspiration-notes .sticky-note{min-width:0}.inspiration-empty{font-size:12px;line-height:2;color:var(--muted);border:1px dashed var(--line);padding:20px;grid-column:1/-1}.small-note{font-size:9px;color:var(--muted);margin:16px 0 0;line-height:1.7}.fortune-deck{display:flex;gap:15px}.fortune-card{background:var(--teal);color:#d8b988;border-color:var(--teal);box-shadow:0 3px 0 -1px #a3aba0,0 8px 12px -8px #173f4550;overflow:hidden}.fortune-card:before{inset:5px;border:1px solid #b58a558c}.fortune-card:after{content:"◇";position:absolute;bottom:12px;font-size:12px;opacity:.8}.fortune-card:hover{background:#204c51;border-color:var(--gold);transform:translateY(-5px) rotate(.5deg)}.fortune-card .card-icon{width:49%;height:37%;margin-top:13px;color:#d2b37c;stroke-width:1.1}.fortune-number{position:absolute;top:13px;left:0;width:100%;text-align:center;font:9px var(--english);letter-spacing:.16em}.fortune-card .card-ja{font:13px var(--serif);letter-spacing:.03em;margin-top:1px;color:#f2e5c9}.fortune-card .card-en{font-size:9px;line-height:1.4;color:#c7b995}.fortune-corner{position:absolute;width:14px;height:14px;border-top:1px solid #b58a5570;border-left:1px solid #b58a5570;top:11px;left:11px}.fortune-corner.right{left:auto;right:11px;transform:rotate(90deg)}.fortune-note{max-width:400px}.fortune-card.is-drawn{animation:draw .5s ease-out}
.encounters-section{padding-top:39px}.result-total{display:flex;gap:var(--gap-small);align-items:center;color:var(--teal)}.result-total strong{font:italic 56px/1 var(--english);font-weight:400;font-variant-numeric:lining-nums}.result-total span{font-size:11px;line-height:1.7}.result-total small{display:block;font-size:7px;letter-spacing:.1em;color:var(--muted)}.result-caption{display:flex;justify-content:space-between;gap:var(--gap-large);align-items:center;margin:19px 0 23px;color:var(--muted);font-size:10px;border-top:1px solid var(--line);padding-top:15px}.result-caption p{margin:0;color:var(--teal);font-size:11px;overflow-wrap:anywhere}.results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 26px}.work-card{display:flex;flex-direction:column;min-width:0;animation:arrive .25s ease-out}.work-image{position:relative;width:100%;aspect-ratio:4/3;background:#e8e7df;border:1px solid #d0d1c5;padding:24px;display:flex;align-items:center;justify-content:center;overflow:hidden}.work-image:after{content:"";position:absolute;inset:8px;border:1px solid #ffffff73;pointer-events:none}.work-image img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(1px 3px 3px #203b3e26)}.work-image .image-placeholder{position:absolute;inset:24px;display:none;align-items:center;justify-content:center;flex-direction:column;color:#53695a;border:1px solid #aebaa854;background:repeating-linear-gradient(0deg,transparent,transparent 17px,#173f4504 18px)}.work-image.is-missing .image-placeholder{display:flex}.work-image.is-missing img{display:none}.work-image .object-number{position:absolute;bottom:11px;right:14px;font-size:7px;color:#53655c;letter-spacing:.08em;z-index:2;background:#e8e7dfbb;padding:0 4px}.work-body{padding:19px 3px 0;display:flex;flex-direction:column;flex:1}.work-topline{display:flex;justify-content:space-between;gap:var(--gap-small);font-size:9px;color:var(--muted);margin-bottom:7px}.work-topline .work-order{font:italic 11px var(--english);color:#6f8277}.work-card h3{font:400 18px/1.7 var(--serif);letter-spacing:.025em;margin:0 0 7px;overflow-wrap:anywhere;color:var(--ink)}.work-title-en{font:11px/1.65 var(--english);color:#5d6c69;margin:0 0 16px;overflow-wrap:anywhere}.work-artist{font-size:10px;line-height:1.8;margin:0 0 4px}.work-artist span{display:block;font:10px var(--english);color:var(--muted)}.work-medium{font-size:10px;line-height:1.8;margin:7px 0 14px;color:#5b6e66;overflow-wrap:anywhere}.work-medium span{display:block;font:10px/1.5 var(--english);color:var(--muted)}.work-bottom{margin-top:auto;padding-top:13px;border-top:1px solid var(--line);display:flex;gap:10px;align-items:center;justify-content:space-between}.met-link{color:var(--met);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;font-size:10px;line-height:1.8;display:inline-block}.met-link:hover{color:#7b1728}.evidence{font-size:9px;color:var(--muted)}.evidence summary{cursor:pointer;min-height:32px;padding-top:7px;list-style:none;text-align:right}.evidence summary:after{content:" ＋"}.evidence[open] summary:after{content:" −"}.evidence[open]{position:relative}.evidence-list{font-size:9px;margin-top:10px;padding:11px 14px;background:#e5e9df;border-left:2px solid #9db09f;line-height:1.9;overflow-wrap:anywhere;flex-basis:100%}.work-card:has(.evidence[open]) .work-bottom{flex-wrap:wrap}.work-card .evidence-list{max-width:320px}.empty-state{padding:52px 24px;text-align:center;border:1px solid var(--line);background:#fffcf750}.empty-state svg{width:65px;height:65px;color:#708d7c}.empty-state h3{font:22px/1.8 var(--serif);font-weight:400;color:var(--teal)}.empty-state p{font-size:12px;color:var(--muted);line-height:2}.empty-actions{display:flex;justify-content:center;gap:var(--gap-small);flex-wrap:wrap;margin-top:25px}.empty-actions button{background:var(--note);border:0;padding:10px 16px;font-size:11px;min-height:44px}.empty-actions small{display:block;font-size:9px;color:var(--muted)}.result-pagination{text-align:center;padding:30px 0 38px}.result-pagination p{font-size:9px;color:var(--muted);margin:0 0 12px}.outline-button,.solid-button{border:1px solid var(--teal);background:transparent;color:var(--teal);display:inline-flex;align-items:center;justify-content:center;gap:36px;min-height:46px;padding:11px 24px;font-size:11px;transition:background .2s}.outline-button svg,.solid-button svg{width:23px;height:18px}.outline-button:hover{background:#e3e8df}.solid-button{background:var(--teal);color:var(--card)}.solid-button:hover{background:#28545a}.path-section{padding:28px 0 42px;border-top:1px solid var(--line)}.history-list{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-normal)}.history-item{border-top:1px solid #b5c0b3;padding:13px 2px;min-width:0;display:flex;gap:13px}.history-step{font:italic 17px var(--english);color:#5d7566;line-height:1.5;min-width:24px}.history-copy{flex:1;min-width:0}.history-action{font-size:11px;line-height:1.8;margin:0 0 7px;overflow-wrap:anywhere}.history-conditions{font-size:9px;color:var(--muted);margin:0 0 7px;overflow-wrap:anywhere}.history-restore{font-size:9px;min-height:32px;padding:4px 0;border:0;border-bottom:1px solid #839e89;background:transparent;color:var(--teal)}.history-empty{font-size:11px;color:var(--muted);padding:13px 0;grid-column:1/-1}.site-footer{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;border-top:1px solid #a9b8aa;padding-block:34px 22px;position:relative}.footer-brand{font:21px var(--english);letter-spacing:.13em;color:var(--teal)}.site-footer p{font-size:10px;line-height:1.9;color:var(--muted);margin:14px 0 9px}.site-footer p span{font:11px var(--english)}.footer-credit>p:first-child{font-size:9px;margin-top:0}.site-footer .fine-print{font-size:8px;line-height:1.9;margin-top:14px}.footer-edition{grid-column:1/-1;font-size:8px;letter-spacing:.11em;color:#7b8c7e;padding-top:16px}.noscript{padding:25px;border-top:1px solid var(--line)}
dialog{border:1px solid #8d9b8e;border-radius:2px;background:var(--card);color:var(--ink);padding:44px 45px 30px;max-width:520px;width:calc(100% - 40px);box-shadow:0 12px 80px #173f452e}dialog::backdrop{background:#173f456b;backdrop-filter:blur(3px)}.dialog-close{position:absolute;top:10px;right:10px;width:40px;height:40px;background:transparent;border:0;display:grid;place-items:center}.dialog-close svg{width:23px;height:23px}.fortune-preview-symbol{display:block;margin:0 auto 14px;width:73px;height:73px;color:var(--gold)}.fortune-preview-eyebrow{text-align:center;font-size:9px;letter-spacing:.16em;color:var(--gold-ink);margin:0}.fortune-preview h2{text-align:center;font:26px/1.8 var(--serif);color:var(--teal);margin:8px 0 6px}.fortune-preview .fortune-subtitle{text-align:center;font:12px var(--english);color:var(--muted);margin:0 0 23px}.fortune-preview .fortune-description{font-size:12px;line-height:2;color:#506562}.fortune-change{border-block:1px solid var(--line);padding:15px 0;margin:21px 0;font-size:11px;line-height:2;color:var(--teal)}.fortune-change .before{color:var(--muted);font-size:10px}.fortune-change strong{font-size:16px;font-family:var(--serif);font-weight:400}.fortune-preview .small-note{font-size:9px}.dialog-actions{display:flex;align-items:center;flex-direction:column;gap:9px;margin-top:21px}.dialog-actions .solid-button{width:100%}
@keyframes stick{0%{opacity:0;transform:translateY(-8px) rotate(-1deg) scale(1.06)}65%{transform:translateY(1px) rotate(-1deg) scale(.99)}100%{opacity:1;transform:rotate(-1deg)}}@keyframes peel{to{opacity:0;transform:translateY(-7px) rotate(-4deg)}}@keyframes arrive{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes draw{40%{transform:translateY(-10px) rotateY(16deg)}100%{transform:translateY(-5px)}}
@media(min-width:1600px){.hero{padding-top:66px}.hero h1{font-size:49px}.hero-still-life{min-height:380px}}
@media(max-width:1120px){:root{--gutter:32px;--card-width:clamp(124px,14vw,150px)}.site-header nav{gap:20px}.hero h1{font-size:35px}.hero-card,.ghost-card{width:147px}.hero-still-life{min-height:350px}.still-caption{right:0}.karuta-deck{grid-template-columns:repeat(4,var(--card-width));row-gap:23px}.connections{gap:32px;grid-template-columns:1fr}.inspiration-notes{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr))}.connections .section-description{min-height:0}.fortune-section{padding-top:6px}.fortune-deck{gap:22px}.fortune-note{max-width:none}.card-ja{font-size:26px}.card-ja.long{font-size:18px}.work-card h3{font-size:17px}.work-image{padding:18px}.results-grid{gap:26px 20px}.work-bottom{gap:6px;flex-wrap:wrap}.history-list{grid-template-columns:repeat(2,minmax(0,1fr))}.edition{font-size:9px}.edition>span:last-child{font-size:7px}}
@media(max-width:720px){:root{--gutter:24px;--card-width:clamp(110px,20vw,138px)}.site-header{padding-block:23px 20px}.brand{font-size:16px;gap:10px}.brand strong{font-size:21px}.brand-mark{width:29px;height:37px}.edition{display:none}.site-header nav{gap:18px}.site-header nav a{font-size:10px}.site-header nav a span{font-size:9px}.hero{grid-template-columns:1fr 180px;padding-top:37px;gap:4px}.hero h1{font-size:27px;letter-spacing:.01em}.hero-description{font-size:11px}.hero-still-life{min-height:300px}.hero-card,.ghost-card{width:112px;padding:14px}.hero-card>span,.ghost-card>span{top:15px;left:14px;font-size:5px}.hero-card b,.ghost-card b{font-size:25px}.hero-card svg,.ghost-card svg{width:51px;height:51px}.hero-card small,.ghost-card small{font-size:9px}.hero-card{transform:rotate(9deg) translate(10px,-6px)}.ghost-card{transform:rotate(-11deg) translate(-34px,-14px)}.hero-card i{font-size:8px;padding:7px 11px;right:-13px;bottom:-17px}.orbit{width:170px;height:220px}.orbit-two{width:190px;height:210px}.still-caption,.still-index{display:none}.hero-bottom{margin-top:24px;align-items:flex-start}.hero-bottom>span:first-child{font-size:6px;max-width:125px;line-height:1.8}.hero-bottom>span:last-child{font-size:8px;text-align:right;max-width:240px}.hero-bottom b{font-size:7px;white-space:nowrap;margin-left:4px}.workspace{padding-top:32px}.section-heading{align-items:flex-start;flex-wrap:wrap;gap:10px}.section-label h2{font-size:20px}.section-label{gap:var(--gap-small)}.section-label .eyebrow{font-size:8px}.category-tabs{margin-left:36px}.category-tabs button{padding:7px 11px;font-size:10px}.karuta-deck{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap-small)}.karuta-deck .paper-card{width:100%}.paper-card .card-ja{font-size:22px}.paper-card .card-ja.long{font-size:16px}.card-category{font-size:6px;top:11px;left:10px}.card-index{left:10px;bottom:10px;font-size:9px}.card-count{font-size:7px;right:10px;bottom:9px}.card-check{top:8px;right:8px;width:14px;height:14px;font-size:8px}.card-en{font-size:10px}.hand-actions{gap:14px}.hand-heading h3 span{display:none}.hand-empty{font-size:10px;flex-wrap:wrap;gap:2px}.hand-empty span{font-size:9px}.inspiration-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.connections{padding-top:27px;padding-bottom:28px;gap:28px}.connections .section-label h2{font-size:19px}.fortune-deck{gap:var(--gap-normal)}.fortune-card{width:var(--card-width)}.fortune-card .card-ja{font-size:13px}.fortune-card .card-en{font-size:9px}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.result-total strong{font-size:43px}.result-total span{font-size:9px}.result-caption{flex-direction:column;align-items:flex-start;gap:5px;margin-top:18px}.result-caption p{font-size:10px}.result-caption>span{font-size:8px}.work-card h3{font-size:16px}.work-image{padding:16px}.work-body{padding-top:14px}.work-title-en{font-size:10px}.work-artist{font-size:9px}.work-medium{font-size:9px}.work-medium span{font-size:9px}.work-topline{font-size:8px}.met-link{font-size:9px}.work-image .object-number{font-size:6px;bottom:8px;right:9px}.site-footer{grid-template-columns:1fr;gap:22px}.footer-credit p{max-width:440px}.footer-edition{padding-top:0}.footer-brand{font-size:19px}.path-section{padding-top:26px}.history-list{gap:var(--gap-small)}.history-item{gap:9px}.history-step{font-size:15px;min-width:20px}.history-action{font-size:10px}.quiet-button{font-size:9px}.quiet-button>span{font-size:9px}.encounters-section{padding-top:31px}}
@media(max-width:520px){:root{--gutter:20px;--card-width:calc((100vw - 64px)/3)}.site-header nav{gap:15px}.site-header nav a{font-size:9px}.site-header nav a span{font-size:8px}.brand{font-size:14px;gap:7px}.brand strong{font-size:18px}.brand-mark{width:24px;height:33px}.hero{grid-template-columns:1fr;padding-top:32px}.hero h1{font-size:32px;line-height:1.6;letter-spacing:.01em;margin-top:12px}.hero-copy .eyebrow{font-size:8px}.hero-description{font-size:11px;margin-bottom:13px}.hero-still-life{display:none}.hero-start{font-size:11px;gap:36px}.hero-bottom{margin-top:23px}.hero-bottom>span:last-child{max-width:210px}.hero-bottom b{display:inline-block;margin-top:5px}.karuta-deck{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px;min-height:0}.paper-card{width:var(--card-width)}.paper-card .card-ja{font-size:24px}.paper-card .card-en{font-size:10px}.card-category{font-size:6px}.paper-card .card-ja.long{font-size:15px}.card-icon{width:44%;margin-top:7px}.section-description{font-size:10px;margin-bottom:20px}.category-tabs{margin-left:0;width:100%;justify-content:space-between}.category-tabs button{flex:1;padding-inline:5px}.section-heading{gap:7px}.hand-heading{gap:6px}.hand-actions{gap:13px}.hand-actions .quiet-button{display:block;font-size:9px;text-align:center}.hand-actions .quiet-button span{display:block;font-size:8px;line-height:1.2}.selected-hand{gap:23px 12px;padding-bottom:5px}.hand-paper{min-width:160px;max-width:calc(100% - 10px)}.hand-paper h4{font-size:17px}.attached-notes{margin-right:-22px;max-width:calc(100vw - 85px)}.sticky-note{gap:8px;padding:9px 10px;min-width:0}.sticky-note .note-ja{font-size:11px}.sticky-note .note-en{font-size:9px}.note-count{font-size:18px}.pinned-note{min-width:135px}.connections{gap:29px}.fortune-deck{gap:var(--gap-small)}.fortune-card .card-ja{font-size:11px;letter-spacing:0}.fortune-card .card-en{font-size:8px}.fortune-number{font-size:8px}.fortune-card:after{bottom:9px;font-size:10px}.small-note{font-size:8px}.results-grid{grid-template-columns:1fr;gap:32px}.work-image{padding:26px}.work-card h3{font-size:20px;line-height:1.7}.work-title-en{font-size:12px}.work-artist,.work-medium{font-size:11px}.work-artist span,.work-medium span{font-size:10px}.work-topline{font-size:10px}.work-image .object-number{font-size:8px;right:14px;bottom:11px}.work-bottom{flex-wrap:nowrap}.met-link{font-size:11px;min-height:32px;display:inline-flex;align-items:center}.evidence{font-size:10px}.evidence summary{padding-top:7px;min-height:40px}.history-list{grid-template-columns:1fr;gap:0;margin-top:19px}.history-item{gap:15px;padding:14px 0}.history-action{font-size:11px}.history-conditions{font-size:10px}.history-restore{font-size:10px;min-height:36px}.path-section .section-heading>.quiet-button span{display:none}.result-total{gap:8px}.result-total strong{font-size:40px}.result-total small{font-size:6px}.result-total span{font-size:9px}.encounter-heading{gap:var(--gap-small)}.encounter-heading .section-label h2{font-size:18px}.encounter-heading .section-label{gap:10px}.empty-state{padding:35px 18px}.empty-state h3{font-size:21px}.empty-state p{font-size:11px}.empty-actions{flex-direction:column}.empty-actions button{width:100%;font-size:11px}.site-footer .fine-print{font-size:9px}.footer-credit>p:first-child{font-size:10px}.site-footer p{font-size:11px}dialog{padding:40px 24px 24px}.fortune-preview h2{font-size:23px}.fortune-preview .fortune-description{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.paper-card:hover,.paper-card[aria-pressed=true],.sticky-note:hover{transform:none}.pinned-note{transform:none}dialog::backdrop{backdrop-filter:none}}

/* Finishing: compact first view, shared card sizes, touch targets. */
@media(min-width:721px){.hero{padding-top:40px}.hero-still-life{min-height:320px}.hero-bottom{margin-top:24px}.workspace{padding-top:32px}}
.hand-remove{width:44px;height:44px;top:0;right:0}.hand-paper h4{margin-right:34px}.history-restore{min-height:44px}.work-bottom .met-link{min-height:44px;display:inline-flex;align-items:center}.evidence summary{min-height:44px}.site-header nav a{min-height:44px;display:flex;flex-direction:column;justify-content:center}
@media(min-width:521px) and (max-width:720px){:root{--card-width:clamp(100px,20vw,138px)}.karuta-deck{grid-template-columns:repeat(4,var(--card-width))}}
@media(max-width:520px){.site-header nav a{font-size:10px}.small-note{font-size:10px}.site-footer .fine-print{font-size:10px}.fortune-deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-small)}.fortune-card{width:100%}}

.work-date{max-width:85%;text-align:right;line-height:1.7}.date-original{display:block;font:9px/1.5 var(--english);color:var(--muted)}
.paper-card{min-height:0;min-width:0}
@media(max-width:520px){.hero h1{font-size:clamp(26px,8.2vw,32px)}}
@media(max-width:360px){.karuta-toggle{padding-top:12px;padding-bottom:18px}.karuta-toggle .card-icon{height:24%;width:38%;margin:4px 0}.karuta-toggle .card-ja{font-size:20px;line-height:1.2}.karuta-toggle .card-ja.long{font-size:11px;line-height:1.3}.karuta-toggle .card-en{font-size:9px;line-height:1.3;margin-top:3px}}
@media(min-width:721px) and (max-width:900px){.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hero-still-life{overflow:clip}
.still-index{display:none}

/* A separate sheet for the search results; red paper tickets lead to The Met. */
.workspace .connections{border-bottom:0;padding-bottom:0}
.encounters-section{margin-top:52px;padding:0;background:#fffcf7;border-block:1px solid #d8d1c5;box-shadow:0 -8px 24px #1f292b03,0 12px 28px #1f292b04;scroll-margin-top:24px}
.results-sheet{padding-block:32px 36px}
.results-kicker{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:23px;margin-bottom:29px;border-bottom:1px solid var(--line);color:var(--teal)}
.results-kicker>span:first-child{font-size:12px;letter-spacing:.16em;font-weight:600}
.results-kicker>span:last-child{font:10px/1.5 var(--english);letter-spacing:.16em}
.encounters-section .result-pagination{margin-bottom:0}
.work-bottom{flex-wrap:wrap;gap:12px;align-items:center}
/* Keep the actions attached to their artwork; the divider closes the whole card. */
.work-card{padding-bottom:18px;border-bottom:1px solid var(--line)}
.work-bottom{border-top:0;padding-top:0;gap:8px 14px}
.work-bottom .met-ticket{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;flex:0 1 auto;color:var(--met);text-decoration:none;border:0;background:none}
.met-ticket-copy{display:flex;flex-direction:row;align-items:baseline;gap:8px}
.met-ticket-brand{font:italic 18px/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.03em;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.met-ticket-caption{font-size:9px;line-height:1.5;white-space:nowrap}
.met-ticket-arrow{font-size:15px;line-height:1}
.work-bottom .met-ticket:hover{color:#7b1728}
.work-bottom .met-ticket:focus-visible{outline:2px solid var(--met);outline-offset:4px}
.work-bottom .evidence summary{padding-top:0;display:flex;align-items:center;justify-content:flex-end}
.path-section{margin-top:32px}
@media(max-width:720px){.encounters-section{margin-top:38px}.results-sheet{padding-block:23px 28px}.results-kicker{padding-bottom:17px;margin-bottom:23px}.results-kicker>span:last-child{font-size:8px;letter-spacing:.07em}.path-section{margin-top:20px}}
@media(max-width:520px){.work-bottom{flex-wrap:wrap;gap:12px}.results-kicker>span:first-child{font-size:11px}.results-kicker>span:last-child{font-size:7px}.results-sheet{padding-bottom:28px}}

@media(max-width:520px){.encounter-heading{flex-wrap:wrap}.encounter-heading .section-label h2{white-space:nowrap;font-size:clamp(15px,4.6vw,18px)}.encounter-heading .result-total{margin-left:auto}}

/* Hero: a compact introduction that leads straight to the working cards. */
.hero{grid-template-columns:minmax(0,1.8fr) minmax(230px,1fr);padding-top:30px;column-gap:36px;align-items:center}
.hero h1{font-size:clamp(27px,2.65vw,38px);line-height:1.6;letter-spacing:.015em;margin:10px 0 16px}
.hero h1>span{white-space:nowrap}
.hero-description{max-width:650px;font-size:12px;line-height:1.9;letter-spacing:.015em;margin-bottom:12px}
.hero-description p{margin:0 0 8px}
.hero-description strong{color:var(--teal);font-weight:650}
.hero-start{min-height:44px;gap:28px;font-size:12px;padding-block:6px}
.hero-start>span{font-size:18px}
.hero-still-life{min-height:270px}
.hero-card{width:139px;transform:rotate(6deg) translate(-12px,-13px)}
.hero-card>span{font-size:8px;top:17px;left:15px;letter-spacing:.03em}
.hero-card svg{width:58px;height:58px}
.hero-card b{font-size:28px}
.hero-card i{right:-43px;bottom:-16px;padding:9px 15px;min-width:160px;transform:rotate(-9deg);text-align:left}
.hero-card i>span{display:block;font-size:9px}
.hero-card i>strong{font-size:13px;font-weight:500;display:block;margin-top:3px}
.hero-card i small{font:10px var(--english);margin-left:9px}
.hero .orbit{width:245px;height:245px}
.hero .orbit-two{width:260px;height:260px}
.still-caption{font-size:7px;top:15px;right:0;letter-spacing:.08em}
.hero-bottom{margin-top:18px;padding-block:12px}
.workspace{padding-top:27px}
.footer-credit .project-notice{font-size:11px;line-height:1.9;max-width:460px;margin-block:10px;color:var(--ink)}
.source-links{list-style:none;padding:0;margin:6px 0 12px;display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.source-links .met-link{font-size:11px;min-height:32px;display:inline-flex;align-items:center;gap:6px;overflow-wrap:anywhere}
@media(max-width:1120px){.hero{grid-template-columns:minmax(0,1fr) 235px;column-gap:24px}.hero h1{font-size:clamp(25px,3.1vw,34px)}.hero-description{font-size:11px}.hero-still-life{min-height:280px}}
@media(max-width:820px){.hero{grid-template-columns:1fr}.hero-still-life{display:none}.hero h1{font-size:30px}.hero-description{max-width:640px}}
@media(max-width:520px){.hero{padding-top:24px}.hero h1{font-size:clamp(20px,5.65vw,28px);line-height:1.65;margin-block:10px 15px;letter-spacing:0}.hero-description{font-size:12px;line-height:1.85;letter-spacing:0}.hero-description p{margin-bottom:9px}.hero-copy .eyebrow{font-size:7px;letter-spacing:.12em}.hero-start{font-size:12px}.hero-bottom{margin-top:14px;align-items:center}.hero-bottom>span:first-child{font-size:6px;max-width:115px}.hero-bottom>span:last-child{font-size:8px;max-width:180px}.workspace{padding-top:24px}.source-links .met-link{min-height:44px}.footer-credit .project-notice{font-size:11px}}

/* Readable Japanese type; English remains a quieter secondary voice. */
.hero-description{font-size:16px;line-height:1.9;color:#3f5051;max-width:690px}
.hero-description p{margin-bottom:10px}
.hero-start{font-size:15px}
.hero .eyebrow{font-size:12px;letter-spacing:.12em}
.section-label{gap:0;min-width:0}
.section-label h2,.connections .section-label h2,.encounter-heading .section-label h2{font-size:30px;line-height:1.55;letter-spacing:.025em;white-space:normal;overflow-wrap:anywhere}
.section-label .eyebrow{font-size:12px;line-height:1.6;letter-spacing:.15em;margin-bottom:7px}
.section-heading,.encounter-heading{gap:20px;align-items:center}
.category-tabs{margin-left:0}
.category-tabs button{font-size:14px;padding-inline:12px}
.section-description{font-size:15px;line-height:1.9;margin-block:14px 24px;color:#465957}
.section-description>span{font-size:12px;line-height:1.7;margin-top:4px;color:#526461}
.karuta-toggle .card-ja{font-size:25px;line-height:1.35;letter-spacing:.04em}
.karuta-toggle .card-ja.long{font-size:20px;line-height:1.25;letter-spacing:0}
.karuta-toggle .card-en{font-size:12px;line-height:1.4;color:#435c55}
.hand-heading h3{font-size:15px}.hand-heading h3 span{font-size:11px}
.quiet-button,.quiet-button>span{font-size:14px}.quiet-button>span{font-size:11px}
.hand-empty{font-size:14px;line-height:1.8}.hand-empty span{font-size:12px}
.hand-paper h4{font-size:23px}.hand-paper .hand-en{font-size:12px}
.sticky-note .note-ja{font-size:15px;line-height:1.6}.sticky-note .note-en{font-size:12px;line-height:1.4}
.small-note,.fortune-note{font-size:13px;line-height:1.85;color:#50615b}
.fortune-card .card-ja{font-size:16px;line-height:1.5;letter-spacing:0}
.fortune-card .card-en{font-size:11px;line-height:1.4}
.result-caption{align-items:flex-start;gap:12px 24px;flex-wrap:wrap}
.result-caption p{font-size:14px;line-height:1.8}
.result-caption>span{font-size:13px;line-height:1.8}
.results-kicker>span:first-child{font-size:14px}.results-kicker>span:last-child{font-size:11px}
.result-total span{font-size:14px}.result-total small{font-size:10px}
.work-card h3{font-size:22px;line-height:1.7;letter-spacing:.015em;word-break:normal;overflow-wrap:anywhere;margin-bottom:9px}
.work-title-en{font-size:13px;line-height:1.75;color:#52635f;margin-bottom:18px}
.work-artist{font-size:16px;line-height:1.85;margin-bottom:7px;color:var(--ink)}
.work-artist span{font-size:12px;line-height:1.65;color:#52635f;margin-top:2px}
.work-medium{font-size:15px;line-height:1.85;color:#435952;margin-block:8px 16px}
.work-medium span{font-size:12px;line-height:1.65;color:#52635f;margin-top:2px}
.work-topline{font-size:14px;line-height:1.7;margin-bottom:10px}.date-original{font-size:12px;color:#52635f}
.work-bottom{gap:8px 14px}.work-bottom .met-ticket{gap:6px}.met-ticket-copy{gap:6px}
.met-ticket-caption{font-size:14px}.evidence{font-size:14px;line-height:1.7;color:#50615b}
.evidence-list{font-size:13px;line-height:1.9}
.result-pagination p{font-size:13px}.outline-button,.solid-button{font-size:14px;min-height:44px}
.history-action{font-size:15px;line-height:1.8}.history-conditions{font-size:14px;line-height:1.8}.history-restore{font-size:14px}
.empty-state h3{font-size:27px}.empty-state p,.empty-actions button{font-size:15px}.empty-actions small{font-size:13px}
.fortune-preview .fortune-description{font-size:16px;line-height:1.9}.fortune-change{font-size:14px}
.footer-credit .project-notice{font-size:14px;line-height:1.9;max-width:520px}
.site-footer p,.footer-credit>p:first-child{font-size:14px;line-height:1.9}
.site-footer .fine-print{font-size:13px;line-height:1.9}.site-footer p>span{font-size:12px}
.source-links .met-link{font-size:12px;line-height:1.7;min-height:44px}
.site-header nav a{font-size:14px}.site-header nav a span{font-size:11px}
@media(max-width:1120px){.connections .section-description{min-height:0}}
@media(max-width:720px){
 .hero-description{font-size:16px}.hero .eyebrow{font-size:10px}
 .section-label h2,.connections .section-label h2,.encounter-heading .section-label h2{font-size:26px}
 .section-description{font-size:14px}
 .karuta-toggle .card-ja{font-size:24px}.karuta-toggle .card-ja.long{font-size:20px}
 .hand-heading{align-items:flex-start;flex-wrap:wrap}.hand-actions{gap:16px}.hand-actions .quiet-button{font-size:14px}.hand-actions .quiet-button span{font-size:11px}
 .hand-empty{flex-direction:column;align-items:flex-start;gap:3px}
 .sticky-note{padding:10px;gap:8px}.sticky-note .note-ja{font-size:14px}.sticky-note .note-en{font-size:11px}
 .work-card h3{font-size:21px}.work-artist{font-size:15px}.work-medium{font-size:14px}.work-topline{font-size:13px}
 .site-header nav{gap:14px}.site-header nav a{font-size:12px}.site-header nav a span{font-size:10px}
}
@media(max-width:520px){
 .hero .eyebrow{font-size:9px}.hero-description{line-height:1.85}.hero-start{font-size:15px}
 .section-label h2,.connections .section-label h2,.encounter-heading .section-label h2{font-size:25px}
 .section-label .eyebrow{font-size:12px}.category-tabs button{font-size:13px}
 .karuta-toggle:has(.card-ja.long){padding:16px 4px 17px}
 .karuta-toggle:has(.card-ja.long) .card-icon{height:18px;width:30%;margin:2px 0}
 .karuta-toggle .card-ja.long{font-size:20px;line-height:1.2}
 .karuta-toggle .card-en{font-size:12px;line-height:1.2;margin-top:3px}
 .fortune-card .card-ja{font-size:clamp(12px,3.5vw,16px);line-height:1.4}
 .fortune-card .card-en{font-size:10px;line-height:1.3}
 .small-note,.fortune-note{font-size:13px}
 .results-kicker{align-items:flex-start;flex-wrap:wrap;gap:4px 12px}.results-kicker>span:last-child{font-size:10px}
 .encounter-heading{align-items:flex-start;gap:12px}.encounter-heading .result-total{margin-left:0;gap:10px}
 .result-caption p{font-size:14px}.result-caption>span{font-size:13px}
 .work-card h3{font-size:21px}.work-title-en{font-size:12px}.work-artist{font-size:15px}.work-medium{font-size:14px}
 .work-artist span,.work-medium span,.date-original{font-size:12px}.work-topline{font-size:13px}
 .path-section .section-heading{gap:12px}.path-section .section-heading>.quiet-button{font-size:14px}
 .site-header nav{gap:10px}.site-header nav a{font-size:11px}.site-header nav a span{font-size:10px}
}

@media(max-width:520px){.category-tabs button{padding-inline:4px;white-space:nowrap}}
@media(max-width:360px){
 .karuta-deck{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
 .karuta-deck .karuta-toggle{width:100%;padding:22px 7px}
 .karuta-toggle .card-icon{height:30%;width:38%;margin:6px 0}
 .karuta-toggle:has(.card-ja.long) .card-icon{height:24px;width:32%;margin:5px 0}
 .category-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px}
}

/* Controls and readable labels for discovery cards. */
.discovery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px}.discovery-toolbar>span{font-size:11px;color:var(--muted);line-height:1.8}.discovery-toolbar .quiet-button{padding-inline:8px;white-space:nowrap}.inspiration-toolbar{justify-content:flex-end;margin-top:-12px}.karuta-toggle[data-kind="dateRange"] .card-ja{font-size:16px;line-height:1.4;letter-spacing:0}.karuta-toggle[data-kind="dateRange"] .card-icon{height:24px;margin-block:4px}.karuta-toggle .card-ja.long{font-size:17px;line-height:1.35}.karuta-toggle[data-kind="dateRange"] .card-ja{font-size:14px;line-height:1.4}.karuta-toggle .card-en{overflow-wrap:anywhere}.evidence-list>div+div{margin-top:12px}.evidence-list{overflow-wrap:anywhere}@media(max-width:520px){.discovery-toolbar{gap:4px}.discovery-toolbar>span{font-size:11px}.karuta-toggle .card-ja.long{font-size:15px;line-height:1.35}.karuta-toggle[data-kind="dateRange"] .card-ja{font-size:14px;line-height:1.35}.karuta-toggle[data-kind="dateRange"] .card-icon{height:18px;margin-block:2px}.category-tabs{justify-content:flex-start}.karuta-section>.section-heading{flex-wrap:wrap}}

.karuta-toggle,.karuta-toggle:has(.card-ja.long){display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:22px minmax(0,1fr) auto;justify-items:center;align-items:center;gap:4px;padding:26px 6px 29px}.karuta-toggle .card-icon,.karuta-toggle:has(.card-ja.long) .card-icon{height:22px;width:30%;margin:0}.karuta-toggle .card-ja{font-size:19px;line-height:1.3;letter-spacing:0;max-width:100%;min-width:0}.karuta-toggle .card-ja.long{font-size:14px;line-height:1.3}.karuta-toggle[data-kind="dateRange"] .card-ja{font-size:14px;line-height:1.3}.karuta-toggle .card-en{font-size:11px;line-height:1.3;margin:0;max-width:100%;min-width:0;overflow-wrap:anywhere}@media(max-width:520px){.karuta-toggle,.karuta-toggle:has(.card-ja.long){grid-template-rows:18px minmax(0,1fr) auto;gap:3px;padding:25px 6px 28px}.karuta-toggle .card-icon,.karuta-toggle:has(.card-ja.long) .card-icon{height:18px;width:28%;margin:0}.karuta-toggle .card-ja{font-size:17px;line-height:1.3}.karuta-toggle .card-ja.long,.karuta-toggle[data-kind="dateRange"] .card-ja{font-size:13px;line-height:1.3}.karuta-toggle .card-en{font-size:10px;line-height:1.25}}

/* Image-free collection plates: typography and catalog details, not substitute artwork. */
.work-image.is-missing{background:#eae7df;padding:0}
.work-image.is-missing:after{inset:9px;border-color:#fff9;z-index:2}
.work-image .image-placeholder{inset:0;display:none;align-items:stretch;justify-content:flex-start;color:var(--ink);border:0;background:#eae7df;padding:clamp(20px,2.2vw,32px);isolation:isolate;overflow:hidden}
.work-image.is-missing .image-placeholder{display:flex}
.work-image .image-placeholder[data-tone="1"]{background:#e4e9e6}
.work-image .image-placeholder[data-tone="2"]{background:#e5e8e9}
.placeholder-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:relative;z-index:1}
.placeholder-header>span:first-child{font:9px/1.5 var(--english);letter-spacing:.16em;opacity:.74}
.placeholder-plate{font:italic 42px/.9 var(--english);letter-spacing:-.04em;opacity:.38}
.placeholder-orbit{position:absolute;width:61%;aspect-ratio:1;right:-16%;top:13%;border:1px solid #173f451c;border-radius:50%;transform:rotate(-24deg);z-index:-1}
.placeholder-orbit:after{content:"";position:absolute;inset:16%;border:1px solid #173f4512;border-radius:50%}
.placeholder-copy{margin-top:auto;max-width:92%;padding:14px 0 20px;position:relative;z-index:1}
.placeholder-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font:italic clamp(23px,2.2vw,34px)/1.12 var(--english);letter-spacing:-.025em;overflow-wrap:anywhere;text-wrap:pretty}
.placeholder-rule{display:block;width:30px;height:1px;background:currentColor;opacity:.45;margin:17px 0 12px}
.placeholder-status{display:block;font:9px/1.7 var(--serif);letter-spacing:.08em;opacity:.72}
.placeholder-status>span{display:block;font:7px/1.7 var(--english);letter-spacing:.13em}
.work-image.is-missing .object-number{background:transparent;font-size:7px;right:22px;bottom:16px;z-index:3}
@media(min-width:521px) and (max-width:800px){.work-image .image-placeholder{padding:20px}.placeholder-title{font-size:22px}.placeholder-plate{font-size:31px}.placeholder-copy{padding-bottom:15px}.placeholder-header>span:first-child{font-size:7px}.placeholder-rule{margin:12px 0 8px}.placeholder-status{font-size:8px}.placeholder-status>span{font-size:6px}}
@media(max-width:520px){.work-image .image-placeholder{padding:26px}.placeholder-title{font-size:clamp(24px,7vw,35px)}.placeholder-plate{font-size:42px}.placeholder-copy{padding-bottom:18px}.placeholder-header>span:first-child{font-size:8px}.work-image.is-missing .object-number{right:23px;bottom:16px}}
@media(max-width:350px){.work-image .image-placeholder{padding:22px}.placeholder-title{font-size:24px}.placeholder-plate{font-size:34px}.placeholder-rule{margin:12px 0 8px}.placeholder-copy{padding-bottom:16px}}

.image-retry{display:inline-block;margin-top:8px;padding:3px 0;border:0;border-bottom:1px solid #173f4560;border-radius:0;background:transparent;color:var(--teal);font:9px/1.5 var(--serif);cursor:pointer}.image-retry:hover{border-color:currentColor}.image-retry:focus-visible{outline:2px solid var(--teal);outline-offset:4px}