*{box-sizing:border-box}body{margin:0;color:#f2eddc;background:linear-gradient(125deg,#0d2827ed,#102329ed),url('../assets/images/prototypes/rald-ending-background-v2.png') center/cover fixed;font-family: "Yu Mincho","Hiragino Mincho ProN",serif;min-height:100vh}header,main,.categories,footer{width:min(1180px,92%);margin:auto}header{padding:32px 0 24px;position:relative}header h1{font-family:serif;letter-spacing:.14em;font-size:38px;margin:8px 0}.eyebrow{font-size:11px;letter-spacing:.2em;color:#c6b580}.back{float:right;color:#eee1bc;text-decoration:none;padding:10px;border:1px solid #b9ab7944;border-radius:8px}header>p:last-child{color:#bccac0;font-size:14px}.categories{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid #d5c18b44;padding-bottom:18px}button{font:inherit;cursor:pointer;color:inherit}.categories button,.filters button{background:#17332f;border:1px solid #bca97455;padding:12px 22px;border-radius:8px}.categories button[aria-pressed=true],.filters button[aria-pressed=true]{background:#d9c899;color:#20372e;border-color:#e7d7af}.categories small{margin-left:8px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-heading>p,.note{color:#b8c7bd;font-size:13px;line-height:1.9}h2{font-size:24px;font-family:serif;margin:12px 0 20px}main{padding:24px 0;min-height:65vh}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 24px}.filters button{padding:8px 14px;font-size:13px}.catalog{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:start}.monster-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.monster-card{min-width:0;padding:12px 8px;background:linear-gradient(150deg,#29473e,#19332f);border:1px solid #77977b55;border-radius:12px;text-align:center}.monster-card[aria-pressed=true]{border-color:#e5cf84;box-shadow:0 0 0 2px #e5cf8433;background:#355345}.monster-card img{width:100%;height:95px;object-fit:contain;filter:drop-shadow(0 8px 6px #0003)}.monster-card strong{display:block;font-size:12px;margin-top:9px;overflow-wrap:anywhere}.monster-card small{display:block;color:#a4b7a4;font-size:10px;margin-top:6px}.detail{border:1px solid #cbb77966;border-radius:18px;background:linear-gradient(160deg,#385647ba,#122d2ded);padding:28px;position:sticky;top:20px;overflow:hidden}.detail[data-field=lake]{background:linear-gradient(150deg,#354b70,#162c38)}.detail[data-field=forest]{background:linear-gradient(150deg,#43573a,#163a32)}.detail .portrait{display:block;width:100%;height:265px;object-fit:contain;filter:drop-shadow(0 18px 18px #0005);margin:8px 0 18px}.detail h2{font-size:28px;margin:6px 0 16px}.detail .habitat{font-size:12px;color:#cdddcc}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.stat{padding:12px 6px;text-align:center;border:1px solid #c8bf9144;border-radius:9px;background:#071c2544}.stat dt{font-size:11px;color:#cfdbc9}.stat dd{font:400 32px Georgia,"Times New Roman",serif;margin:6px 0 0;font-variant-numeric:lining-nums tabular-nums}.detail .note{margin-bottom:0;font-size:12px}.traveler-card{display:flex;gap:40px;align-items:center;background:#264a3d99;padding:32px;border-radius:18px}.traveler-card canvas{width:40%;height:auto;image-rendering:auto}.traveler-card>div{flex:1}.equipment-list,.places{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.equipment-list article,.places article{background:#28483dcc;border:1px solid #b5b28444;border-radius:12px;padding:24px}.equipment-list h3,.places h3{color:#efdfb1}.equipment-list ul{padding-left:20px;line-height:2.2}.places span{color:#bdb681;font-size:11px;letter-spacing:.12em}footer{font-size:11px;color:#9aafa5;padding:20px 0 32px;border-top:1px solid #abbb9a33}button:hover{filter:brightness(1.12)}:focus-visible{outline:3px solid #ffe197;outline-offset:4px}[hidden]{display:none!important}@media(max-width:700px){header{padding-top:20px}header h1{font-size:30px}.section-heading{display:block}.catalog{grid-template-columns:1fr}.detail{position:static;grid-row:1;padding:20px}.detail .portrait{height:200px}.monster-card img{height:80px}.categories button{padding:10px 12px}.equipment-list,.places{grid-template-columns:1fr}.traveler-card{flex-direction:column;padding:20px}.traveler-card canvas{width:70%}.back{font-size:12px}.monster-list{gap:8px}}
.proposal-badge{padding:12px 16px;background:#cbbb7830;border:1px solid #d6c47c70;border-radius:10px;color:#fff0bf;font-size:13px;line-height:1.8}.rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0 38px}.rule-grid article{padding:24px;border:1px solid #b5b28444;border-radius:14px;background:#28483dcc;line-height:1.9}.rule-grid h3{margin-top:0;color:#efdfb1}#rules h2 small{font:13px system-ui;color:#bdd8b4}@media(max-width:700px){.rule-grid{grid-template-columns:1fr}}
.chance-table{width:100%;border-collapse:collapse;margin:20px 0 14px;text-align:left}.chance-table caption{text-align:left;font-size:12px;font-weight:600;letter-spacing:.03em;color:#d5dfcd;padding-bottom:10px}.chance-table th{font-size:11px;font-weight:400;color:#a6bbad;padding:4px 12px 8px;border-bottom:1px solid #c8bf9155}.chance-table td{padding:10px 12px;border-bottom:1px solid #c8bf9126;font-size:14px}.chance-table tr:nth-child(even){background:#ffffff04}.chance-table .chance-value{width:100px;font:400 27px Georgia,"Times New Roman",serif;font-variant-numeric:lining-nums tabular-nums;color:#f3d88e;white-space:nowrap}.chance-alternative{margin-top:18px;border-top:1px solid #c8bf9133;padding-top:12px}.chance-alternative summary{cursor:pointer;color:#cfdbc9;font-size:13px}.chance-alternative summary:focus-visible{outline:2px solid #f3d88e;outline-offset:4px}.rule-items{padding-left:20px;line-height:2}.detail .chance-table .chance-value{font-size:24px}.detail .chance-table td{padding:8px 10px}@media(max-width:450px){.rule-grid article{padding:18px}.chance-table .chance-value{width:82px;font-size:24px}.chance-table td{padding:9px 8px}}
.chance-table td:last-child,.chance-table thead th:last-child{text-align:right}.chance-value{line-height:1.2}.stat dd{line-height:1.2}body{font-variant-numeric:lining-nums tabular-nums}#shop-list article>p{font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:400}
.equipment-showcase-heading{margin-top:44px;padding-top:26px;border-top:1px solid #d5c18b44}.equipped-rald-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.equipped-rald-card{min-width:0;padding:22px 18px;border:1px solid #c5ad7455;border-radius:18px;background:linear-gradient(155deg,#344d3e,#142e2b);text-align:center}.equipped-rald-card h3{color:#efdfb1;margin:4px 0 12px}.equipped-rald-card[data-set=iron]{background:linear-gradient(155deg,#3a4d58,#182e35);border-color:#b9d0de66}.equipped-rald-card[data-set=legendary]{background:linear-gradient(155deg,#514731,#243632);border-color:#e5c66e88}.equipped-rald-art{height:260px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 65%,#d0ddb522,transparent 68%)}.equipped-rald-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 12px #0004)}.equipment-contents{font-size:12px;min-height:2.8em;line-height:1.7;color:#c8d5c7}.equipped-rald-card .stats{margin:12px 0}.equipped-rald-card .note{font-size:11px}.equipped-rald-card .eyebrow{margin-bottom:0}@media(max-width:850px){.equipped-rald-list{grid-template-columns:1fr}.equipped-rald-art{height:280px}.equipped-rald-card{max-width:520px;width:100%;margin:auto}}
.equipment-category{margin:32px 0}.equipment-category>h3{font-size:24px;border-bottom:1px solid #c5ad7455;padding-bottom:12px}.equipment-part-card{text-align:center;min-width:0}.equipment-part-art{width:100%;height:220px;display:block;background:#faf2e4;border-radius:12px;overflow:hidden}.equipment-part-card h4{font-size:19px;color:#efdfb1;margin:20px 0 12px}.equipment-part-card .stat dd{font-size:27px}.equipment-part-card .note{margin-bottom:0}
.equipment-part-art{object-fit:contain}.equipment-try{display:inline-block;margin-top:14px;padding:8px 18px;border:1px solid #c5ad7466;border-radius:8px;color:#efdfb1;text-decoration:none}.equipment-try:focus-visible{outline:2px solid #efdfb1;outline-offset:3px}
.angled-sword{display:flex;align-items:center;justify-content:center}
.angled-sword img{display:block;width:100%;height:115%;object-fit:contain;transform:rotate(40deg)}
