.characters-entry{background:linear-gradient(135deg,#f3f7f3,#e8f1f1);border:1px solid #bad0cc;border-radius:16px;margin:22px 0;padding:24px}.characters-entry h3{margin:8px 0;font-size:clamp(23px,3vw,32px)}.characters-entry p{max-width:70ch}.characters-entry .primary{margin-top:8px}.characters-dialog[data-slot=dialog-content]{color:#163b49;background:#f8faf9;flex-direction:column;gap:0;width:min(1320px,100vw - 32px);max-width:1320px;max-height:calc(100dvh - 28px);padding:0;display:flex;overflow:hidden}.characters-heading{background:#fff;border-bottom:1px solid #d4dfde;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:23px 28px;display:flex}.characters-heading h2{margin:0 0 8px;font-size:28px;line-height:1.2}.characters-heading button{white-space:nowrap}.characters-body{overscroll-behavior:contain;min-width:0;padding:24px 28px;overflow:auto}.characters-intro>p{max-width:80ch;margin:0 0 16px;font-size:17px}.character-basis{background:#eaf2f1;border-radius:10px;flex-wrap:wrap;gap:7px 20px;padding:14px 18px;font-size:14px;display:flex}.character-basis small{flex-basis:100%}.character-glass-choice{align-items:center;gap:20px;margin:20px 0;display:flex}.character-glass-choice label{gap:5px;font-size:14px;font-weight:600;display:grid}.character-glass-choice select,.character-film select{max-width:100%;font:inherit;background:#fff;border:1px solid #9db3b3;border-radius:7px;padding:11px}.character-cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.character-card{background:#fff;border:2px solid #dce4e1;border-radius:14px;flex-direction:column;min-width:0;display:flex;overflow:hidden;box-shadow:0 3px 12px #153c4a08}.character-card.is-favorite{border-color:#1b7068;box-shadow:0 4px 18px #1b706815}.character-card-heading{align-items:center;gap:12px;min-height:92px;padding:18px 16px;display:flex}.character-card-heading>span{color:#62877b;font-size:14px}.character-card h3{margin:0;font-size:21px;line-height:1.2}.character-card>p{flex:1;margin:15px 16px 10px;font-size:14px;line-height:1.55}.character-price{margin:0 16px 2px;font-size:27px}.character-card>small{margin:0 16px 14px;font-size:12px}.character-card>button{white-space:normal;min-height:70px;margin:0 14px 16px}.character-house{isolation:isolate;background:#e3e9e6;position:relative;overflow:hidden}.character-house>img:first-child{width:100%;height:auto;margin:0;display:block}.character-house .character-door-layer{transform-origin:0 0;width:1000px;max-width:none;height:1000px;max-height:none;position:absolute;top:0;left:0}.character-photo-label{background:#ffffffeb;border-radius:5px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;bottom:10px;left:10px}.character-loading{text-align:center;background:#edf3f0d9;place-content:center;padding:15px;font-size:14px;display:grid;position:absolute;inset:0}.character-selection,.character-film{background:#fff;border:1px solid #d4dfde;border-radius:14px;margin-top:24px;padding:24px}.character-selection h3,.character-film h3{margin:8px 0;font-size:25px}.character-selection>button{margin:10px 0}.character-adopt{border-top:1px solid #dce5e2;align-items:center;gap:30px;margin-top:20px;padding-top:16px;display:flex}.character-adopt p{flex:1;margin:0;font-size:14px}.character-adopt button{flex-shrink:0}.character-details{padding-top:12px}.character-detail-grid{grid-template-columns:1fr 1fr;gap:24px;padding:24px 0;display:grid}.character-detail-grid figure{background:#f0f4f2;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-width:0;margin:0;padding:16px;display:flex}.character-full-door{max-width:100%;height:380px}.character-full-door img{object-fit:contain;max-width:100%;height:100%}.character-detail-crop{width:100%;max-width:300px;max-height:380px;position:relative;overflow:hidden}.character-detail-crop img{max-width:none;max-height:none;position:absolute}.character-detail-grid figcaption{text-align:center;margin-top:12px;font-size:12px}.character-details dl>div{border-bottom:1px solid #e3e9e6;grid-template-columns:140px 1fr;gap:12px;padding:9px 0;display:grid}.character-details dd{margin:0}.character-details dt{font-weight:600}.character-details details{margin:15px 0}.character-details summary{cursor:pointer;padding:10px 0;font-weight:600}.character-details table{width:100%;font-size:14px}.character-details th{text-align:left;padding:9px 10px 9px 0;font-weight:500}.character-details td{text-align:right;white-space:nowrap}.character-details th small{color:#536d77;font-weight:400;display:block}.character-details li{font-size:14px;line-height:1.6}.character-film>label{gap:6px;max-width:370px;margin:18px 0;font-weight:600;display:grid}.character-film .actions{flex-wrap:wrap;gap:12px;display:flex}.character-film video,.character-film-canvas{background:#123c4a;border-radius:10px;width:100%;height:auto;margin:18px 0;display:block}.character-film-canvas[hidden]{display:none}.characters-body .muted{font-size:13px;line-height:1.6}:is(.characters-dialog button:focus-visible,.characters-dialog select:focus-visible){outline-offset:3px;outline:3px solid #0086b7}@media (max-width:700px){.characters-dialog[data-slot=dialog-content]{border-radius:12px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.characters-heading{gap:10px;padding:16px}.characters-heading h2{font-size:22px}.characters-heading button{padding:10px;font-size:13px}.characters-body{padding:16px}.character-cards{grid-template-columns:1fr;gap:16px}.character-card-heading{min-height:0;padding:16px}.character-house{max-height:none}.character-glass-choice{display:block}.character-glass-choice small{margin-top:8px;display:block}.character-selection,.character-film{padding:16px}.character-adopt{display:block}.character-adopt button{width:100%;margin-top:14px}.character-detail-grid{grid-template-columns:1fr}.character-detail-grid figure:last-child{order:-1}.character-details dl>div{grid-template-columns:100px 1fr;font-size:14px}.character-selection h3,.character-film h3{font-size:23px}.characters-entry{padding:18px}.character-full-door{height:330px}.character-card>button{min-height:48px}}.house-ideas-film{background:#fff;border:1px solid #becfd5;border-radius:14px;margin:18px 0 22px;overflow:hidden}.house-ideas-film>summary{cursor:pointer;grid-template-columns:minmax(220px,34%) 1fr;align-items:center;gap:24px;padding:18px;list-style:none;display:grid}.house-ideas-film>summary::-webkit-details-marker{display:none}.house-ideas-film>summary>img{aspect-ratio:16/9;object-fit:contain;background:#10344a;border-radius:8px;width:100%;display:block}.house-ideas-film>summary>span{gap:9px;display:grid}.house-ideas-film small{letter-spacing:.07em;color:#20728a;font-size:13px;font-weight:700}.house-ideas-film strong{color:#143c4c;font-size:22px;line-height:1.25}.house-ideas-film summary span span{font-size:16px;line-height:1.45}.house-ideas-film b{color:#007cb1;font-size:16px}.house-ideas-film summary:focus-visible{outline-offset:-4px;outline:3px solid #0086b7}.house-ideas-playback{padding:0 18px 18px}.house-ideas-playback>video{background:#10344a;border-radius:8px;width:100%;display:block}.house-ideas-playback p{font-size:14px;line-height:1.6}.character-film-option{border-top:1px solid #d4dfde;margin-top:24px;padding-top:18px}.character-film-option>summary{cursor:pointer;padding:8px 0;font-size:16px;font-weight:600}.character-detail-grid figure:has(.character-full-door){background:radial-gradient(at 45% 35%,#e0e5e6,#a2afb5)}.character-full-door{height:440px;padding:20px 0}.character-full-door img{filter:drop-shadow(8px 12px 9px #17334038)}@media (max-width:700px){.house-ideas-film>summary{grid-template-columns:1fr;gap:14px;padding:14px}.house-ideas-film strong{font-size:21px}.character-full-door{height:390px}}.character-card>p.character-price-difference{color:#254b60;flex:none;margin:0 16px 16px;font-size:14px;font-weight:650}.character-card>small{font-size:14px}.character-details .character-full-door img{object-fit:contain;width:100%;height:100%;display:block}.character-details .character-detail-grid figcaption{font-size:14px}.character-details .actions{flex-wrap:wrap}.character-details .actions button{min-height:44px}
