.avatar-page{max-width:1280px;margin:0 auto;padding:30px 30px 80px;color:#352e38}.avatar-page h1{font:400 clamp(32px,4vw,54px)/1.1 Georgia,serif;margin:16px 0}.avatar-page-top,.avatar-steps{display:flex;align-items:center;gap:18px;justify-content:space-between}.avatar-page-top>span{font-size:12px;letter-spacing:2px}.avatar-steps{justify-content:flex-start;margin:30px 0;border-bottom:1px solid #44344320;flex-wrap:wrap}.avatar-steps>span{padding:12px 0;color:#73666d;font-size:12px}.avatar-steps .active{color:#773d61;border-bottom:3px solid #a2687e}.avatar-route-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0}.avatar-route{height:420px;border:0;border-radius:18px;overflow:hidden;position:relative;background:#bd9b83;cursor:pointer;text-align:left}.avatar-route>img{width:100%;height:100%;object-fit:cover;object-position:top}.avatar-route>strong{position:absolute;bottom:0;left:0;right:0;padding:80px 28px 24px;font:40px Georgia,serif;color:white;background:linear-gradient(transparent,#171221dc)}.avatar-choice{padding:24px;border:1px solid #4e354025;border-radius:18px;background:#fffaf3}.avatar-choice>img{height:300px;width:100%;object-fit:cover;object-position:top;border-radius:12px;margin-bottom:22px}.avatar-choice h2{font:36px Georgia,serif}.avatar-create-choice{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:radial-gradient(ellipse at top,#eedda8,#e5d4d6 75%)}.avatar-empty-mark{font:130px Georgia,serif;color:#74505f;margin:10px auto 50px}.avatar-editor{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(340px,1fr);gap:26px;align-items:start}.avatar-preview{position:sticky;top:18px;text-align:center;background:radial-gradient(ellipse at 50% 30%,#f3e6cb,#d5c8c8);border-radius:22px;padding:24px 24px 30px}.avatar-preview h1{font-size:34px}.avatar-preview-stage{height:490px;position:relative;touch-action:pan-y;cursor:grab}.avatar-preview-stage:active{cursor:grabbing}.avatar-preview-stage img{height:100%;width:100%;object-fit:contain;pointer-events:none}.avatar-preview-hint{position:absolute;bottom:0;left:0;right:0;font-size:11px;color:#695d64}.avatar-view-controls{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.avatar-view-controls .btn{font-size:12px;padding:8px 12px;min-height:40px}.avatar-preview>p{font-size:12px;line-height:1.6;max-width:310px;margin:12px auto}.avatar-controls{border:1px solid #49383b25;background:#fffaf3;border-radius:20px;padding:28px}.avatar-controls h2{font:28px Georgia,serif;margin:24px 0}.avatar-controls label,.avatar-wardrobe-slots label{display:block;font-size:13px;font-weight:600}.avatar-controls input:not([type=range]),.avatar-controls select,.avatar-wardrobe-slots select{display:block;width:100%;padding:12px;border:1px solid #63536645;border-radius:8px;background:#fffdf9;color:#332837;margin:10px 0 20px;font:16px system-ui}.avatar-editor-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-top:20px}.avatar-editor-tabs button{padding:9px 18px;min-height:42px}.avatar-tones{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;margin:20px 0 32px}.avatar-tones button{aspect-ratio:1;border-radius:50%;border:1px solid #33232b40;color:white;text-shadow:0 1px 3px #000;cursor:pointer;min-height:27px}.avatar-tones button[aria-pressed=true]{outline:3px solid #85536a;outline-offset:3px}.avatar-range{margin:26px 0}.avatar-range output{float:right;color:#876176;font-size:12px}.avatar-range input{display:block;width:100%;margin:14px 0;height:20px;accent-color:#835c71}.avatar-hair-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:25px}.avatar-hair-grid button{display:flex;align-items:center;gap:9px;text-align:left;min-height:49px;border:1px solid #78647630;border-radius:8px;background:#f4eee5;color:#433443;padding:10px;cursor:pointer}.avatar-hair-grid button>span{font-size:11px;opacity:.6}.avatar-hair-grid button[aria-pressed=true]{background:#76576a;color:#fff}.avatar-scene{position:relative;overflow:hidden;aspect-ratio:16/9;width:100%;border-radius:12px;background:#bbb2a9}.avatar-scene .avatar-scene-bg{width:100%!important;height:100%!important;object-fit:cover!important;position:absolute!important;inset:0;border-radius:0}.avatar-scene .avatar-actor{position:absolute!important;bottom:-7%;left:12%;width:57%!important;height:104%!important;object-fit:contain!important;background:transparent!important;filter:drop-shadow(10px 7px 8px #1116);border-radius:0}.avatar-scene-stage .avatar-actor{left:22%;bottom:-4%}.avatar-scene-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#18141ebd);padding:35px 16px 12px;color:#fff;font-size:12px}.career-hero>.avatar-scene{position:absolute;inset:0;height:100%;aspect-ratio:auto;border-radius:0}.career-hero>.avatar-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#171220b0,transparent)}.career-hero>.avatar-scene .avatar-actor{left:50%}.career-prep>.avatar-scene,.career-rest>.avatar-scene{height:100%;min-height:320px}.career-districts .avatar-scene{height:200px}.career-identity .custom-avatar{object-fit:cover;background:radial-gradient(ellipse,#d5cdb7,#bcaaa7)}.custom-avatar.avatar{object-fit:cover!important;background:#d9cec0}.avatar-wardrobe-preview{width:140px;height:210px;object-fit:contain}.avatar-wardrobe-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.avatar-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0}.avatar-products article{background:#fff9f0;border:1px solid #4b354429;border-radius:12px;overflow:hidden}.avatar-products article>img{width:100%;aspect-ratio:1;object-fit:cover}.avatar-products article>div{padding:18px;display:flex;flex-direction:column;gap:12px}.avatar-products h3{font-size:17px;margin:0}.avatar-products small{font-size:10px;letter-spacing:1.5px;color:#795369}.avatar-products .btn{min-height:44px}.booking-calendar{overflow-x:auto}.calendar-days,.calendar-week{min-width:920px}.calendar-day button{min-height:80px!important;text-align:left}.calendar-day button:disabled{opacity:.58}.calendar-day button small{display:block;margin-top:5px}.avatar-activity-banner{max-width:280px;margin:0 auto 18px}.date-couple-banner>.avatar-scene{width:250px;height:140px;flex-shrink:0}.story-art>.avatar-scene{border-radius:0}.avatar-products button:disabled{opacity:.55;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a26372;outline-offset:3px}
@media(max-width:800px){.avatar-page{padding:18px}.avatar-editor{grid-template-columns:1fr}.avatar-preview{position:relative;top:0;padding:18px}.avatar-preview-stage{height:370px}.avatar-controls{padding:20px}.avatar-route{height:320px}.avatar-route-grid{gap:12px}.avatar-choice{padding:16px}.avatar-choice>img{height:230px}.avatar-choice h2{font-size:27px}.avatar-products{grid-template-columns:1fr 1fr}.avatar-wardrobe-slots{grid-template-columns:1fr 1fr}.avatar-empty-mark{font-size:85px;margin-bottom:25px}.avatar-steps{gap:14px}.avatar-steps>span{font-size:10px}.date-couple-banner>.avatar-scene{width:180px}}
@media(max-width:480px){.avatar-route{height:260px}.avatar-route>strong{font-size:28px;padding:70px 16px 18px}.avatar-route-grid:has(.avatar-choice){grid-template-columns:1fr}.avatar-create-choice{min-height:250px}.avatar-create-choice .avatar-empty-mark{display:none}.avatar-products{gap:10px}.avatar-products article>div{padding:12px}.avatar-products h3{font-size:15px}.avatar-hair-grid button{font-size:12px}.avatar-preview-stage{height:345px}.avatar-editor-tabs button{padding:8px 12px}.avatar-wardrobe-slots select{font-size:14px}}

.avatar-scene-date .avatar-actor{left:1%;width:50%!important}.avatar-scene-date .avatar-partner{left:45%;width:50%!important}.career-portrait{width:54px;height:62px;object-fit:cover;border-radius:12px;background:#d5c8b9}.career-card>.avatar-scene{border-radius:0;height:180px}.life-people article>.avatar-scene{border-radius:10px;height:160px}.life-partner>.avatar-scene{width:240px;flex-shrink:0}.life-family article>.avatar-scene{height:180px}.avatar-preview-stage{touch-action:none}
/* Composite layers sit where the original full-scene photographs lived. */
.avatar-scene .avatar-scene-bg{z-index:0}.avatar-scene .avatar-actor{z-index:1}.avatar-scene-caption{z-index:2}.career-hero>.avatar-scene{z-index:-2}.career-hero>.avatar-scene:after{display:none}.career-district>.avatar-scene{position:absolute;inset:0;z-index:-2;width:100%;height:100%;aspect-ratio:auto;border-radius:0}.career-prep>.avatar-scene,.career-rest>.avatar-scene{padding:0}.career-district .avatar-actor{inset:auto auto -7% 12%;transition:none}.career-district:hover .avatar-actor{transform:none}.career-district .avatar-scene-bg{transition:none}
@media(max-width:800px){.career-prep>.avatar-scene,.career-rest>.avatar-scene{min-height:240px;height:240px}}
.shop-filters{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.shop-atlas-art,.wardrobe-atlas-art{width:100%;aspect-ratio:1;background-repeat:no-repeat;background-color:#eee7da;border-radius:12px 12px 0 0}.wardrobe-atlas-art{aspect-ratio:4/5}.shop-atlas-art{min-height:190px}.avatar-products article{overflow:hidden}.shop-filters .btn[aria-pressed=true]{box-shadow:0 0 0 2px #d2a44d}
.urban-arcade{background:radial-gradient(ellipse at top,#263b45,#111c27 70%);color:#f6e9d1}.urban-arcade .play-title{margin:16px auto 8px}.arcade-stage{position:relative;max-width:1100px;margin:14px auto;border:1px solid #65848b;border-radius:16px;overflow:hidden;box-shadow:0 25px 85px #0007}.arcade-stage canvas{display:block;width:100%;height:auto;touch-action:none}.arcade-stage>div{position:absolute;inset:0;background:#09131dd9;place-content:center;text-align:center;font-size:26px}.arcade-stage>div:not([hidden]){display:grid}.arcade-controls,.arcade-drive-pad{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.arcade-controls button{touch-action:none;user-select:none;min-height:54px}.arcade-scoreboard{display:flex;gap:30px;justify-content:center;margin:30px auto}.arcade-scoreboard>div{background:#192f3d;border:1px solid #6e8b8d;border-radius:16px;padding:20px;min-width:160px}.arcade-scoreboard strong{display:block;font-size:65px;color:#efc47b}.urban-arcade .avatar-scene{max-width:580px;margin:auto;max-height:230px}.urban-arcade .play-sliders{max-width:800px;margin:12px auto}.urban-arcade .play-choice{color:#f7edd8;background:#223640;border-color:#6d9298}.urban-arcade .play-help,.urban-arcade .play-subtitle{color:#d1dad7}.urban-arcade .play-bar{flex-wrap:wrap;background:#152735;color:#f7e6c3}.urban-arcade .btn{color:#f3dfb4;background:#304952;border-color:#637f85}@media(max-width:650px){.urban-arcade{padding:10px}.arcade-stage{margin:8px -5px}.arcade-drive-pad button{font-size:12px;padding:10px}.arcade-scoreboard{gap:8px}.arcade-scoreboard>div{min-width:120px;padding:10px}}
.leaderboard-scroll{overflow:auto}.leaderboard-table{border-collapse:collapse;width:100%;text-align:left}.leaderboard-table th,.leaderboard-table td{padding:14px;border-bottom:1px solid #d6caba}.leaderboard-table th{font-size:12px;text-transform:uppercase;letter-spacing:.1em}.leaderboard-you{background:#d9ebdb;font-weight:700}.career-result .btn{margin-left:auto}

.avatar-product-photo{display:block;width:100%;padding:0;border:0;background:#eee7da;cursor:pointer;color:inherit}.avatar-product-photo:focus-visible{outline:3px solid #91681f;outline-offset:-3px}.avatar-products .avatar-product-photo>img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block}.avatar-shop-preview{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:16px}.avatar-shop-preview>img{max-width:100%;max-height:300px;object-fit:contain}
.arcade-accessible{max-width:700px;margin:20px auto;padding:14px;border:1px solid #637f85;border-radius:12px}.arcade-accessible summary{cursor:pointer;min-height:35px}.arcade-dice-rounds{max-width:500px;margin:24px auto;text-align:left;line-height:1.7}.arcade-dice-rounds li{margin:12px 0}.urban-arcade .play-bar{position:sticky;top:0;z-index:5;padding-top:max(10px,env(safe-area-inset-top));gap:6px}.urban-arcade .play-bar>strong{flex:1}.urban-arcade .play-help{font-size:16px;font-weight:600;max-width:850px;margin:12px auto}.urban-arcade{padding-bottom:calc(24px + env(safe-area-inset-bottom))}@media(max-width:650px){.arcade-phone-court{max-width:520px}.arcade-pool-portrait{max-width:390px}.urban-arcade .play-title{font-size:25px}.urban-arcade .play-subtitle{font-size:14px;line-height:1.5}.urban-arcade .play-bar>strong{display:none}.urban-arcade .play-bar .btn{font-size:13px;padding:9px;min-height:44px}.urban-arcade .play-controls{flex-wrap:wrap}}
@media(max-width:650px){.arcade-pool-portrait{width:min(100%,calc((100dvh - 235px) * .51724));margin-left:auto;margin-right:auto;min-width:230px}.urban-arcade #arcade-status{position:sticky;bottom:0;background:#152735;padding:10px;border-radius:8px;z-index:3}}

/* Keep the face visible while choosing details on a phone. */
.avatar-preview{background:radial-gradient(ellipse at 35% 24%,#f9e7c9,#d2b6b4 55%,#817883);box-shadow:inset 0 0 0 1px #fff5,0 20px 50px #422a4414}.avatar-preview-stage{isolation:isolate}.avatar-preview-stage:before{content:'';position:absolute;inset:12% 8%;border:1px solid #fff4;border-radius:50%;z-index:-1}.avatar-preview-hint{background:#fff9;border-radius:20px;margin:0 auto;padding:6px 10px;max-width:280px}.avatar-hair-grid button{padding:5px 9px 5px 3px}.avatar-hair-grid button>img{width:52px;height:68px;object-fit:cover;border-radius:6px;background:#d4c4b7;flex-shrink:0}.avatar-hair-grid button>span{font-size:12px;opacity:1}.avatar-preview-stage img{filter:drop-shadow(0 6px 15px #30233322)}
@media(max-width:800px){.avatar-editor{gap:14px}.avatar-preview{position:sticky;top:0;z-index:4;padding:10px;border-radius:16px;box-shadow:0 8px 24px #36273722}.avatar-preview h1{font-size:23px;margin:4px}.avatar-preview-stage{height:clamp(180px,28dvh,290px)}.avatar-preview .eyebrow,.avatar-preview>p{display:none}.avatar-preview .avatar-view-controls{gap:5px}.avatar-preview>.btn{margin-top:7px;min-height:40px;padding:8px 20px}.avatar-preview-hint{font-size:10px}.avatar-controls{min-width:0}.avatar-page:has(.avatar-editor) .avatar-steps{margin:12px 0}.avatar-hair-grid button>img{width:42px;height:58px}}

@media(max-width:650px){.arcade-pool-portrait{width:100%;max-width:430px;min-width:0}.arcade-controls{position:sticky;bottom:0;background:#142532f5;border:1px solid #69808b;border-radius:14px;padding:8px;z-index:4}.arcade-controls .arcade-drive-pad{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:5px}.arcade-controls button{min-height:58px;padding:10px 7px}.arcade-controls~.play-help{padding-bottom:10px}.urban-arcade:has(.arcade-controls) #arcade-status{position:static}.arcade-pool-portrait+.play-help{position:static!important}}
@media(orientation:landscape) and (max-height:600px){.urban-arcade .play-title,.urban-arcade .play-subtitle{display:none}.arcade-stage{max-width:calc((100dvh - 155px) * 1.77778)}.arcade-controls{position:sticky;bottom:0}.urban-arcade .play-help{margin:4px auto;font-size:13px}}


.avatar-live-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline-offset:-3px}.avatar-preview-stage img[hidden]{display:none}.avatar-preview{background:radial-gradient(ellipse at 40% 30%,#e7e7e5,#b5b7b8)}.avatar-preview-hint{pointer-events:none;z-index:2}.avatar-focus-controls{display:flex;justify-content:center;gap:5px;margin:8px 0;flex-wrap:wrap}.avatar-focus-controls .btn{font-size:12px;padding:9px 12px;min-height:42px}.avatar-credits{display:inline-block;font-size:12px;margin-top:28px;color:#76576a}.avatar-preview-stage{height:clamp(390px,55dvh,620px)}
@media(max-width:800px){.avatar-preview-stage{height:clamp(220px,34dvh,390px)}.avatar-preview h1{font-size:21px}.avatar-focus-controls{margin:3px 0;gap:3px}.avatar-focus-controls .btn{padding:7px 10px;min-height:38px}.avatar-view-controls .btn{min-width:42px}.avatar-preview #avatar-preview-status:not(:empty){display:block;margin:3px auto;font-size:11px}.avatar-preview-stage:before{display:none}}
@media(max-width:800px) and (max-height:640px){.avatar-preview{position:relative}.avatar-preview-stage{height:300px}}

/* Bold outline character system. */
.avatar-preview{background:#efe7d8;box-shadow:inset 0 0 0 1px #d6c9b7}
.avatar-preview-stage{overflow:hidden;touch-action:pan-y;cursor:default}
.avatar-preview-stage:active{cursor:default}
.avatar-preview-stage:before{display:none}
.avatar-preview-stage img{filter:none;transform-origin:50% 45%;transition:transform .15s ease}
.avatar-preview-hint{background:#fffaf0dc;color:#615441;bottom:3px}
.avatar-hair-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.avatar-hair-grid button{flex-direction:column;justify-content:flex-start;padding:8px 4px;text-align:center;min-width:0;background:#f7f0e4;border:2px solid #e0d3c0;border-radius:12px}
.avatar-hair-grid button>img{width:100%;height:95px;object-fit:contain;background:none;border-radius:0}
.avatar-hair-grid button>span{font-size:11px;line-height:1.3;min-height:28px}
.avatar-hair-grid button[aria-pressed=true]{background:#eaddc1;color:#382b22;border-color:#856f43;box-shadow:inset 0 0 0 1px #856f43}
.avatar-products .avatar-product-photo>img.avatar-outline-product{object-fit:contain;background:#efe7d8;padding:12px;width:100%;height:100%}
.avatar-scene .avatar-actor{filter:drop-shadow(0 4px 2px #21190f33)}
@media(max-width:480px){.avatar-hair-grid button>img{height:84px}.avatar-hair-grid{gap:6px}.avatar-hair-grid button{padding:6px 2px}.avatar-hair-grid button>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.avatar-preview-stage img{transition:none}}

/* Keep arcade titles readable over the existing night-scene background. */
.urban-arcade .play-title,.urban-arcade .play-result-screen h1,.urban-arcade .play-result-screen h2{color:#fff1d5}

/* Named shape choices and independent iris colors. */
.avatar-feature-picker{border:0;padding:0;margin:24px 0;min-width:0}.avatar-feature-picker legend{font-weight:700;font-size:17px;margin-bottom:12px}.avatar-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.avatar-feature-grid button{display:flex;flex-direction:column;gap:7px;align-items:center;min-width:0;padding:10px 5px;background:#f8f0e3;border:2px solid #ddceb9;border-radius:10px;color:#352e38;font:inherit;font-size:12px;cursor:pointer}.avatar-feature-grid img{width:100%;height:64px;object-fit:contain}.avatar-feature-grid button[aria-pressed=true],.avatar-eye-colors button[aria-pressed=true]{border-color:#6b4162;background:#eee0e9;box-shadow:inset 0 0 0 1px #6b4162}.avatar-eye-colors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.avatar-eye-colors button{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;min-height:74px;padding:9px 3px;border:2px solid #ddceb9;border-radius:10px;background:#f8f0e3;color:#352e38;font:inherit;font-size:11px;cursor:pointer}.iris-swatch{width:29px;height:29px;border-radius:50%;border:2px solid #29231f;background:radial-gradient(circle at 36% 29%,#fff 0 8%,transparent 9%),radial-gradient(circle,#141311 0 27%,var(--iris) 29% 100%)}.avatar-feature-grid button:focus-visible,.avatar-eye-colors button:focus-visible{outline:3px solid #ad7734;outline-offset:3px}@media(max-width:400px){.avatar-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.avatar-eye-colors{grid-template-columns:repeat(3,minmax(0,1fr))}}