.card{container-type:inline-size;background:#1c251f!important}.card-scene{position:absolute;inset:0;background:center/cover no-repeat}.card-scene[data-scene=fantasy]{background-image:url('assets/fantasy.png')}.card-scene[data-scene=scifi]{background-image:url('assets/scifi.png')}.card-scene[data-scene=nonfiction]{background-image:url('assets/nonfiction.png')}.card-scene[data-scene=mystery]{background-image:url('assets/mystery.png')}.card .book{--cover:#191b1c;--foil:#d6b96f;position:absolute;top:13%;bottom:25%;left:21%;right:14%;background:linear-gradient(105deg,#0006,transparent 13%,#ffffff0c 30%,transparent 75%,#0003),var(--cover);border:1px solid var(--foil);border-radius:2px 4px 4px 2px;box-shadow:2px 2px 0 #c9b797,3px 4px 0 #9d8b6d,6px 8px 10px #000b;transform:rotate(-8deg);color:var(--foil);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8%;gap:5%;overflow:hidden}.book:before{content:'';position:absolute;inset:5%;border:1px solid var(--foil);opacity:.65;pointer-events:none}.book:after{content:'';position:absolute;top:0;bottom:0;left:6%;width:2px;background:#0004;box-shadow:2px 0 #ffffff12}.card .book[data-publisher=red]{--cover:#591f29;--foil:#d9d7d5}.card .book[data-publisher=green]{--cover:#3a4930;--foil:#d9d7d5}.card .book[data-publisher=white]{--cover:#e7e4d8;--foil:#1c2d22}.card .book[data-publisher=white] .publisher{background:#244a32;color:#f2eddb;margin:0 -16%;width:132%;padding:5% 8%;z-index:1}.book-corner{position:absolute;font-size:13cqw;color:var(--foil);line-height:1}.book-corner.tl{top:5%;left:8%}.book-corner.br{bottom:5%;right:5%}.card .book .author,#hand .card .book .author{font:italic 11cqw/1.08 'Cormorant Garamond',Georgia,serif;padding:0;text-align:center;position:relative;z-index:1}.card .book .symbol,#hand .card .book .symbol{display:block;width:45%;margin:0;line-height:0;color:var(--foil);flex:1;min-height:0}.symbol svg{display:block;width:100%;height:100%;max-height:70px}.card .book .publisher{font:6cqw/1.1 Georgia,serif;text-align:center;padding:0;color:var(--foil)}.card .genre{position:absolute;bottom:0;left:0;right:0;padding:4% 2%;background:#101713e8;color:#eee1c5;border-top:1px solid #c1a66c77;line-height:1.1;white-space:normal;z-index:2}.card .genre>span{font-size:10cqw;display:block}.card .genre small{display:block;font:5.7cqw/1.4 sans-serif;letter-spacing:.1em;margin-top:2%}.card.back{background:#25372a url('assets/card-back-official.png') center/contain no-repeat!important}.card.empty{background:#071a1655!important}.detail-preview.card{width:150px;height:225px;margin:12px auto 8px;pointer-events:none}#detail{min-height:350px}#detail dl{margin-top:5px}#detail dt{margin-top:4px}#detail dd{font-size:12px}.inspect-content{display:flex;align-items:center;gap:25px}.inspect-content .detail-preview{width:240px;height:360px;flex-shrink:0}.inspect-content dl{font-size:16px}.inspect-content dd{margin:0 0 15px}.inspect-content dt{color:var(--gold);font-size:12px}.collection-modal{width:min(1000px,94vw)}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px 20px}.collection-item .card{aspect-ratio:2/3;pointer-events:none;width:100%}.collection-item p{font-size:12px;line-height:1.6;text-align:center}.at-title>header,.at-title>main,.at-title>.handzone{display:none}#titleScreen{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:linear-gradient(90deg,#0c1512ed 12%,#101c16b8 49%,#14231f30 85%),url('assets/room.jpg') 70% 43%/cover}#titleScreen[hidden]{display:none}.title-shade{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 78% 15%,#ffcb672e,transparent 45%),linear-gradient(0deg,#07110eed,transparent 35%)}.title-top,.title-bottom{display:flex;justify-content:space-between;position:absolute;left:5%;right:5%;font:11px sans-serif;letter-spacing:3px;color:#baa783}.title-top{top:35px;border-bottom:1px solid #c1a67544;padding-bottom:20px}.title-bottom{bottom:25px;letter-spacing:2px;font-size:10px}.title-copy{position:relative;z-index:3;width:57%;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:105px 25px 80px}.title-ornament{color:#c5a46e;font:28px Georgia;letter-spacing:4px;margin-bottom:22px}.title-copy>.eyebrow{font-family:'Noto Serif JP',serif;letter-spacing:4px;font-size:13px}.title-copy h1{display:block;font:clamp(64px,8vw,130px)/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:.09em;margin:10px -10px 0 0;color:#edd6a6;text-shadow:0 6px 35px #0009}.title-kana{letter-spacing:9px;font-size:12px;color:#c1b391;margin:10px 0 20px}.title-story{font-size:15px;line-height:2.2;color:#cec6b3;margin-bottom:30px}.title-copy>#startGame{min-width:255px;padding:17px 35px;border-radius:1px;font-size:16px;letter-spacing:3px;box-shadow:0 5px 35px #a98b3833;background:linear-gradient(110deg,#d8bf88,#b79a65)}.title-links{display:flex;gap:24px;margin-top:14px}.title-links button{border:0;border-bottom:1px solid #c9ad7955;border-radius:0;padding:10px 2px;font-size:13px;color:#d0bea1}.title-meta{font-size:11px;letter-spacing:1px;color:#988f7d;margin-top:24px}.title-books{position:absolute;right:5%;top:38%;width:39%;height:44%;perspective:1100px;transform:rotate(-6deg);filter:drop-shadow(0 35px 20px #0009)}.title-books .card{position:absolute;width:45%;aspect-ratio:2/3;left:0;top:12%;transform:rotate(-18deg) rotateY(12deg);pointer-events:none;border-color:#cfb886}.title-books .card:nth-child(2){left:20%;top:4%;transform:rotate(-5deg) rotateY(10deg)}.title-books .card:nth-child(3){left:42%;top:10%;transform:rotate(11deg) rotateY(8deg)}.title-books .card:nth-child(4){left:32%;top:46%;transform:rotate(8deg) rotateY(-12deg)}@media(min-width:1101px){#board:not(.draft) .book{top:7%;bottom:28%;left:23%;right:17%;padding:5%}#board:not(.draft) .book .author{font-size:8cqw}#board:not(.draft) .book .publisher{font-size:5cqw}#board:not(.draft) .book .symbol{width:33%}#board:not(.draft) .genre{padding:2%}#board:not(.draft) .genre>span{font-size:8cqw}#board:not(.draft) .genre small{font-size:5cqw}}@media(max-width:750px){#titleScreen{background-position:60% center}.title-top{font-size:8px;letter-spacing:1px;top:22px}.title-copy{width:100%;justify-content:flex-start;padding-top:100px;min-height:900px;background:linear-gradient(#091410a8,transparent)}.title-copy h1{font-size:18vw}.title-copy>.eyebrow{font-size:12px}.title-story{font-size:14px;margin:18px 0 24px}.title-books{top:auto;bottom:100px;right:18%;width:65%;height:200px;z-index:1}.title-books .card{width:36%;max-width:135px}.title-books .card:nth-child(4){top:26%;left:60%}.title-bottom{font-size:8px;letter-spacing:1px}.title-meta{margin:18px 0}.title-copy h1{display:block}.title-ornament{margin-bottom:12px}.collection-grid{grid-template-columns:repeat(2,1fr);gap:20px 14px}.inspect-content{display:block}.inspect-content .detail-preview{width:210px;height:315px}.inspect-content dl{font-size:14px}.card .book .author,#hand .card .book .author{font-size:11cqw}.card .genre{padding:3%}nav button{font-size:10px;padding:5px}#inspectCard{display:block}}