/* Fin's vintage character card. Scoped to the menu. */
#details{width:min(560px,calc(100% - 28px));max-width:560px;max-height:calc(100dvh - 32px);padding:24px 32px 20px;border:7px double #344631;border-radius:24px 7px 24px 7px;background:radial-gradient(ellipse at 25% 5%,#fff4d5,transparent 70%),#e8d8ad;color:#273a2d;box-shadow:0 0 0 3px #eddeb9,8px 12px 0 #0d1b1670,0 24px 90px #0009;scrollbar-color:#758069 #e8d8ad;overscroll-behavior:contain}
#details::backdrop{background:#0a1814c9;backdrop-filter:blur(7px)}
#details #close{top:10px;right:10px;color:#344631;border:1px solid #34463155;border-radius:50%;width:36px;height:36px;font:27px/1 Georgia;z-index:1}
#details #close:hover{background:#344631;color:#fff0c8}
.fin-menu-masthead{display:flex;flex-direction:column;align-items:center;padding:0 32px 16px;border-bottom:1px solid #34463166;gap:0}
.fin-menu-masthead img{display:block;width:190px;height:auto}.fin-menu-masthead span{font:italic 13px/1.3 Georgia,serif}
.fin-menu-character{display:flex;align-items:center;justify-content:center;gap:26px;padding:24px 0 20px;text-align:left}
.fin-menu-portrait{position:relative;flex:0 0 148px;text-align:center;transform:rotate(-5deg)}.fin-menu-portrait img{display:block;width:148px;height:148px;object-fit:cover;border:4px solid #344631;border-radius:50%;background:#a64a34;box-shadow:0 0 0 4px #f6eac8,0 0 0 5px #344631}
.fin-menu-portrait span{display:inline-block;position:relative;margin-top:-7px;padding:6px 9px;background:#344631;color:#fff0c8;font:10px/1.1 Georgia;letter-spacing:1.3px}
.fin-menu-eyebrow{margin:0 0 8px;font:italic 15px Georgia}#details #fin-menu-title{margin:0;font:66px/.98 var(--title);letter-spacing:-1.5px;text-transform:none;color:#a33e2b;text-shadow:1px 2px #fff5db}
.fin-menu-tagline{margin:12px 0 0;font:italic 18px/1.35 Georgia}
.fin-menu-story{border-top:1px solid #34463166;padding:14px 4px 4px;text-align:center}.fin-menu-story p{margin:0 0 12px;font:16px/1.55 Georgia}.fin-menu-story p+p{font-size:14px;color:#4c5845}#details a{color:#843622;text-underline-offset:3px}
#details #resume-game{width:100%;min-height:54px;margin:4px 0 15px;padding:12px 18px;border:3px double #fff0c8;border-radius:8px 3px 8px 3px;outline:2px solid #793322;background:#a9442e;color:#fff0c8;box-shadow:0 4px #793322;font:23px/1.1 var(--title);letter-spacing:.5px}#resume-game span{margin-left:12px;font-size:17px}#details #resume-game:hover{background:#bd5338}#details #resume-game:active{transform:translateY(2px);box-shadow:0 2px #793322}
#details .menu-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px}#details .menu-tools button{width:100%;border:1px solid #34463177;border-radius:5px;background:#3446310a;color:#344631;font:16px var(--title);padding:8px;min-height:44px}#details .menu-tools button:hover{background:#344631;color:#fff0c8}
#details .model-notes{margin-top:17px;border-color:#34463166;padding-top:4px}#details .model-notes summary{font:italic 15px/1.5 Georgia}#details .model-notes p{color:#43513f;font-size:14px}#details .model-notes h3{font-size:18px;letter-spacing:0}#details .trials button{border-color:#344631;color:#344631}#details .portrait-download{font:italic 13px Georgia;padding-top:9px}#details :focus-visible{outline:3px solid #ad4930;outline-offset:4px}
@media(max-width:480px){#details{padding:20px 20px 16px}.fin-menu-masthead img{width:160px}.fin-menu-character{gap:19px;padding:22px 0 18px}.fin-menu-portrait{flex-basis:108px}.fin-menu-portrait img{width:108px;height:108px}.fin-menu-portrait span{font-size:8px;letter-spacing:.7px;padding:6px}.fin-menu-eyebrow{font-size:13px}#details #fin-menu-title{font-size:52px}.fin-menu-tagline{font-size:15px}.fin-menu-story p{font-size:15px}.fin-menu-story p+p{font-size:13px}}