.work-card{min-width:0}
.art-link{display:block;position:relative;overflow:hidden;border:1px solid #cfcead24;background:#142529}
.art-open{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:37px;height:37px;border:1px solid #e9e5d43b;border-radius:50%;color:#f0e4cf;background:#081e2580;transition:background .25s,transform .25s}
.art-open svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.3}
.art-link:hover .art-open{background:#14292de6;transform:translate(2px,-2px)}
.work-art{height:350px;position:relative;overflow:hidden;isolation:isolate;transition:filter .3s}
.art-link:hover .work-art{filter:brightness(1.07)}
.art-corner{position:absolute;top:23px;left:24px;z-index:3;font:8px var(--mono);letter-spacing:.1em;color:#c6d9c98a}
.art-foot{position:absolute;left:24px;bottom:26px;z-index:3;font:9px var(--sans);letter-spacing:.06em;color:#dfdcd0ab}
.clock-art{background:radial-gradient(ellipse at 45% 50%,#36666a66,transparent 54%),linear-gradient(140deg,#16343a,#101e27)}
.clock-art:before{content:"";position:absolute;inset:18px;border:1px solid #a8c3b015;pointer-events:none}
.clock-orbit{position:absolute;width:263px;height:263px;left:50%;top:44px;transform:translateX(-50%);border-radius:50%;border:1px solid #b8d7c233;box-shadow:0 0 0 13px #81b3a405,0 0 0 45px #81b3a403}
.clock-orbit:before{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid transparent;border-top-color:#aacbbc;border-left-color:#a3bfab73;transform:rotate(38deg)}
.clock-orbit i{width:6px;height:6px;background:#cee1c8;box-shadow:0 0 12px #cee1c89e;border-radius:50%;position:absolute;top:33px;left:214px}
.clock-face{position:absolute;top:110px;left:0;right:0;text-align:center;color:#dce1cb}
.clock-caption{font:7px var(--mono);letter-spacing:.15em;color:#a8c6b0}
.clock-digits{font:300 72px/1.4 var(--mono);letter-spacing:-7px;margin-left:-5px;text-shadow:0 0 30px #b9d6b219}
.clock-digits>span{color:#c7ceb88c}
.clock-presets{display:flex;justify-content:center;gap:15px;font:8px var(--mono);color:#afc7b5}
.clock-presets span{padding:5px 14px;border:1px solid #ceddcc2d;border-radius:2px}
.kondate-art{background:#97866b;background-image:repeating-linear-gradient(0deg,#43321e08 0 1px,transparent 1px 4px),linear-gradient(135deg,#c0b08f,#796751)}
.kondate-art .art-corner{color:#333b32b0}
.kondate-art .art-foot{color:#f5e9d2}
.recipe-paper{position:absolute;width:244px;height:317px;left:50%;top:30px;transform:translateX(-50%) rotate(-8deg);background:#eae4ce;color:#3b4837;padding:23px 23px;box-shadow:11px 15px 30px #31241d40;border-top:5px solid #526650}
.recipe-paper:after{content:"";position:absolute;width:28px;height:47px;right:17px;top:-16px;background:#e4c59c85;transform:rotate(4deg);border-inline:1px solid #e8caa7a0}
.paper-date{font:7px var(--mono);letter-spacing:.13em;color:#657454;padding-bottom:17px;border-bottom:1px solid #546b494a}
.recipe-paper>strong{font:500 35px/1.4 var(--serif);letter-spacing:.13em;display:block;margin-top:17px}
.recipe-paper>strong>span{color:#b56945}
.paper-rule{height:1px;background:#657d5154;margin:17px 0 9px}
.paper-note{font-size:8px;color:#697154;letter-spacing:.1em}
.paper-stamp{position:absolute;right:22px;bottom:38px;border:1px solid #a45e3e;color:#a45e3e;border-radius:50%;width:42px;height:42px;display:grid;place-content:center;text-align:center;font:9px/1.5 var(--serif);transform:rotate(13deg)}
.plate{position:absolute;left:26px;bottom:23px;width:82px;height:66px;border:1px solid #8f99816b;background:#dbddc7;border-radius:50%;transform:rotate(-10deg);box-shadow:inset 0 0 0 5px #e9e7d4,inset 0 0 0 6px #aaae8d66,1px 4px 5px #45493518}
.food-leaf{position:absolute;width:29px;height:27px;left:13px;top:12px;border-radius:60% 15% 70% 20%;background:#707c50;transform:rotate(-20deg)}
.food-slice{position:absolute;width:37px;height:18px;left:28px;top:26px;border-radius:12px 4px 10px 3px;background:repeating-linear-gradient(100deg,#ce946c 0 7px,#deb385 7px 9px);transform:rotate(-18deg)}
.food-dot{position:absolute;left:46px;top:13px;width:10px;height:10px;border-radius:50%;background:#b6694c;box-shadow:9px 3px 0 #c27e54}
.fishing-art{background:linear-gradient(#697e7a,#abb2a0 68%,#4e6f6b 68%);color:#263c3c}
.fishing-art .art-corner{color:#eef0d9c2}
.fishing-moon{position:absolute;right:24%;top:49px;width:46px;height:46px;background:#dadbc0;border-radius:50%;box-shadow:0 0 36px #dcdec230}
.fishing-ridge{position:absolute;inset:80px -10% 80px;background:#4a676166;clip-path:polygon(0 85%,12% 52%,24% 63%,35% 22%,49% 56%,62% 10%,70% 23%,86% 62%,100% 32%,100% 100%,0 100%)}
.ridge-front{inset:106px -20% 58px;background:#3557538a;transform:scaleX(-1)}
.fishing-water{position:absolute;left:0;right:0;bottom:0;height:39%;background:repeating-linear-gradient(0deg,transparent 0 9px,#cbd6bd10 10px 11px,transparent 12px 21px),linear-gradient(#668781,#284d4c)}
.fishing-caption{position:absolute;top:53px;left:25px;color:#f5eed8;z-index:3;text-shadow:0 1px 9px #1c302530}
.fishing-caption small{display:block;font:7px var(--mono);letter-spacing:.16em}
.fishing-caption strong{display:block;font:italic 46px/1.7 Georgia,serif;letter-spacing:-2px}
.fishing-caption strong>span{font-size:25px;vertical-align:middle;margin:0 10px;color:#d9ddc8}
.fishing-line{position:absolute;height:245px;width:175px;border-right:1px solid #dfd3b88c;border-top:1px solid #dfd3b8a6;transform:rotate(-20deg);border-top-right-radius:100%;right:4px;top:-19px;z-index:2}
.fishing-float{position:absolute;right:61px;bottom:39px;width:5px;height:16px;border-radius:50%;background:linear-gradient(#e8c1a0 0 50%,#a54b2c 50%);box-shadow:0 16px 8px #c5c4a033}
.work-copy{padding:25px 0 0}
.work-meta{display:flex;justify-content:space-between;gap:16px;font:9px var(--mono);letter-spacing:.06em;color:#abc0af;margin-bottom:16px}
.work-meta>span:last-child{color:#8ba194;font-size:8px}
.work-copy h2,.work-copy h3{font:500 24px/1.5 var(--sans);letter-spacing:.01em;margin:0 0 6px;color:var(--text)}
.work-copy h2 a:hover,.work-copy h3 a:hover{color:var(--peach)}
.work-kana{font-size:11px;letter-spacing:.035em;color:var(--mint);margin:0 0 16px}
.work-description{font-size:14px;color:var(--muted);line-height:2.15;margin:0 0 20px;max-width:45em}
.work-copy .text-link{font-size:11px}
.feature-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.feature-list li{font-size:10px;border:1px solid #c4d1bd30;padding:3px 9px;color:#c2cebe}
.work-note{font-size:12px;line-height:1.9;color:#a5b3a8;margin:0 0 21px}
@media(max-width:1050px){.work-art{height:310px}.clock-orbit{width:236px;height:236px;top:43px}.clock-orbit i{left:188px}.clock-face{top:104px}.clock-digits{font-size:62px}.recipe-paper{width:213px;height:283px;top:26px;padding:21px}.recipe-paper>strong{font-size:30px}.paper-rule{margin:12px 0 8px}.recipe-paper .plate{transform:rotate(-10deg) scale(.8);transform-origin:left bottom}.art-corner{top:18px;left:20px}.art-foot{left:20px;font-size:8px}}
@media(max-width:700px){.work-art{height:290px}.clock-orbit{top:31px}.clock-face{top:88px}.clock-digits{font-size:64px}.art-corner{font-size:7px}.art-foot{bottom:22px}.recipe-paper{top:22px}.work-copy{padding-top:21px}.work-copy h2,.work-copy h3{font-size:22px}.work-meta{margin-bottom:12px;font-size:8px}.work-description{font-size:14px;line-height:2.1;margin-bottom:13px}.work-kana{font-size:10px;margin-bottom:13px}.feature-list{gap:6px;margin:17px 0}.feature-list li{font-size:9px}.art-open{width:33px;height:33px;right:16px;bottom:17px}.fishing-caption strong{font-size:42px}.fishing-caption{top:51px}}

.anagram-art{background:linear-gradient(145deg,#ed3429 0%,#c5211b 100%);color:#fffef7;display:grid;place-items:center}
.anagram-art .art-corner{color:#fffef7}
.anagram-art .art-foot{color:#ffdb21}
.anagram-mini-board{width:min(350px,calc(100% - 60px));padding:12px;background:#f1f0e9;box-shadow:6px 12px 22px #17151373;border:2px solid #171513;transform:rotate(-3deg);color:#171513}
.anagram-mini-label{font:7px/1.3 var(--sans);letter-spacing:.1em;display:block;margin-bottom:6px}
.anagram-mini-answer{background:#171513;padding:8px 12px;color:#fffef7}
.anagram-mini-tiles{display:flex;gap:5px}
.anagram-tile{display:grid;place-items:center;flex:none;background:#fffef7;color:#171513;border:1px solid #171513;border-radius:2px;box-shadow:0 3px 0 #171513;font-family:var(--serif);font-weight:500;line-height:1}
.anagram-tile.is-empty{background:transparent;box-shadow:none;border-color:#fffef766;color:#fffef799}
.anagram-tile.is-empty small{font:9px/1 var(--mono)}
.anagram-mini-board .anagram-tile{width:calc((100% - 25px)/6);height:29px;font-size:20px}
.anagram-mini-answer .anagram-tile:not(.is-empty){background:#ffdb21}
.anagram-mini-answer .is-empty{border-width:0 0 1px;border-radius:0}
.anagram-mini-scratch{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:7px 4px;background:#e6e1d3}
.anagram-mini-scratch .anagram-mini-label{margin:0}
.anagram-mini-scratch .anagram-mini-tiles{width:47%}
.anagram-mini-scratch .anagram-tile{width:calc((100% - 10px)/3);height:24px;font-size:18px}
.anagram-mini-bank{padding:7px 12px;background:#fffef7;border:1px solid #171513}
.anagram-mini-bank .anagram-tile{height:24px;font-size:18px}
.anagram-mini-bank .is-empty{border-color:#17151355;background:#f1f0e9;color:transparent;box-shadow:none}
@media(max-width:700px){.anagram-mini-board{width:min(324px,calc(100% - 44px));padding:8px;transform:rotate(-2deg)}.anagram-mini-answer{padding:6px 10px}.anagram-mini-bank{padding:5px 10px}.anagram-mini-scratch{padding:5px 4px}.anagram-mini-board .anagram-tile{height:25px;font-size:18px}.anagram-mini-scratch .anagram-tile,.anagram-mini-bank .anagram-tile{height:22px;font-size:17px}.anagram-mini-label{font-size:7px;margin-bottom:5px}.anagram-art .art-foot{font-size:9px}}