#investmentPreview{box-sizing:border-box;width:min(1140px,98vw);max-width:98vw;height:min(900px,96dvh);max-height:96dvh;padding:0;border:3px solid #ba9984;border-radius:24px;background:#fff8eb;color:#655268;box-shadow:0 15px 50px #35263555;font:15px/1.5 'Yu Gothic UI',Meiryo,sans-serif;overflow:hidden}
#investmentPreview::backdrop{background:#36293b99}
#investmentPreview *{box-sizing:border-box}#investmentPreview h2,#investmentPreview h3,#investmentPreview p{margin:0}
#investmentPreview .ip-head{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#f5dfce;border-bottom:2px solid #ddc0a2;height:86px}
#investmentPreview .ip-head h2{font-size:24px}#investmentPreview .ip-head button{font-size:24px;min-width:44px;min-height:44px}
#investmentPreview .ip-scroll{height:calc(100% - 86px);overflow:auto;overscroll-behavior:contain;padding:18px 24px}
#investmentPreview .ip-hero{position:relative;overflow:hidden;border:2px solid #d0b3a1;border-radius:17px;background:#f2e1c9}
#investmentPreview .ip-hero canvas{display:block;width:100%;height:auto;max-height:360px;object-fit:contain}
#investmentPreview .ip-overlay{display:flex;justify-content:space-between;gap:10px;background:#fff6e7e8;padding:8px 16px;font-size:14px}#investmentPreview .ip-overlay strong{color:#477975;font-size:20px}
#investmentPreview .ip-summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;padding:12px 0}#investmentPreview .ip-summary b{font-size:24px;color:#856044}
#investmentPreview .ip-summary>span:last-child{font-size:12px;align-self:center}
#investmentPreview .ip-controls{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:0 0 13px}#investmentPreview [data-notice]{margin-left:auto;font-size:13px;color:#886985}
#investmentPreview button{touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;min-height:44px;border-radius:12px;padding:7px 13px;border:1px solid #bfa68e;background:#f9ecd4;color:#685368;box-shadow:0 3px 0 #c8ac93;cursor:pointer;font:inherit}
#investmentPreview button[aria-pressed=true]{background:#bde2d8;border-color:#7eaca1}#investmentPreview button:disabled{opacity:.55;cursor:default}#investmentPreview button:not(:disabled):active{transform:translateY(2px);box-shadow:none}
#investmentPreview .ip-cards{display:grid;grid-template-columns:1fr 1fr;gap:13px}#investmentPreview .ip-card{min-width:0;border:1px solid #dbc8af;border-radius:18px;padding:12px;background:#fffdf4}
#investmentPreview .ip-card-top{display:flex;align-items:center;gap:7px;min-height:110px}#investmentPreview .ip-card-top canvas{width:110px;height:88px;flex:0 0 auto}#investmentPreview h3{font-size:17px}#investmentPreview .ip-card-top p{font-size:12px;margin-top:5px;color:#967f80}
#investmentPreview .ip-buy{width:100%;background:#efc7d7;font-weight:bold}#investmentPreview [data-delta]{display:block;text-align:center;margin:7px 0;color:#548a7b}
#investmentPreview .ip-line{display:flex;align-items:center;justify-content:space-between;gap:8px}#investmentPreview .ip-line button{font-size:13px}#investmentPreview .ip-effect{margin:10px 0!important;font-size:13px;text-align:center}
#investmentPreview .ip-prestige{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px;margin-top:16px;background:#efe4f2;border-radius:16px}#investmentPreview .ip-prestige p{font-size:13px;margin:5px 0}#investmentPreview .ip-prestige button{flex-shrink:0}
#investmentPreview .ip-reset{padding:18px;background:#f8dacb;border-radius:12px;margin-top:8px}#investmentPreview .ip-reset p{margin:8px 0}
#investmentPreview .ip-foot{font-size:12px;margin:14px 0;color:#9b8280}
@media(max-width:700px){#investmentPreview .ip-head{padding:10px 14px;height:74px}#investmentPreview .ip-head h2{font-size:18px}#investmentPreview .ip-scroll{padding:10px;height:calc(100% - 74px)}#investmentPreview .ip-cards{grid-template-columns:1fr}#investmentPreview .ip-overlay{flex-wrap:wrap}#investmentPreview .ip-overlay strong{font-size:17px}#investmentPreview .ip-prestige{flex-direction:column;align-items:stretch}#investmentPreview [data-notice]{width:100%;margin-left:0}}
@media(max-height:500px){#investmentPreview .ip-head{height:65px;padding:7px 16px}#investmentPreview .ip-head h2{font-size:19px}#investmentPreview .ip-scroll{height:calc(100% - 65px)}#investmentPreview .ip-hero canvas{max-height:210px}}
