/* Three-dimensional world first; HTML controls stay accessible on touch devices. */
.town-main{max-width:1560px}.town-layout{grid-template-columns:minmax(0,1fr) 278px}.world-card{position:relative}#town-canvas{height:620px;max-height:76vh;min-height:390px;touch-action:none;background:linear-gradient(#bfe8fb,#e5f4fc);cursor:grab}#town-canvas:active{cursor:grabbing}.map-caption{pointer-events:none}.map-caption #walk-tip{max-width:75%;font-size:11px;background:#fff9e9dd}.world-controls{gap:8px;flex-wrap:wrap}.camera-controls{display:flex;gap:5px;align-items:center}.camera-controls button{min-width:37px;padding:10px}.jump-button{background:#f9d575!important;color:#3e4f47!important;font-weight:700}.world-controls #interact{margin-left:auto}.compass{display:none}.world-top .weather{font-size:0}.world-top .weather:after{content:'3D · WEBGL';font-size:10px;letter-spacing:1px;color:#547d82}.islands-section{margin:36px 0}.islands-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.islands-heading h2{font-size:28px;margin:7px 0}.islands-heading p{margin:7px 0;color:#71857b}.island-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.island-card{background:#fffdf6;border:1px solid #dfe2d1;border-radius:20px;overflow:hidden;transition:transform .2s}.island-card:hover{transform:translateY(-4px)}.island-art{height:150px;position:relative;display:grid;place-items:center;background:#d7e9f8;overflow:hidden}.island-art:before,.island-art:after{content:'';position:absolute;width:50px;height:30px;background:#ffffff85;border-radius:50%;top:30px;left:17px}.island-art:after{left:auto;right:10px;top:85px;width:65px}.island-cube{width:65px;height:65px;transform:rotateX(48deg) rotateZ(-35deg);background:#a8ce92;box-shadow:12px 14px #c1a080,24px 28px #a5bcd180}.island-art span{position:absolute;font-size:33px;font-weight:900;top:39px;left:calc(50% - 18px);color:#fff9e8;text-shadow:2px 3px #6b6b8080}.island-art b{position:absolute;bottom:13px;left:15px;font-size:10px;letter-spacing:2px;color:#477083}.island-tower .island-art{background:#e5dff4}.island-tower .island-cube{background:#b39cde;box-shadow:12px 14px #8f7bbb,24px 28px #c3b2dc}.island-runner .island-art{background:#f7dfc5}.island-memory .island-art{background:#d6e9e0}.island-garden .island-art{background:#e7eac3}.island-copy{padding:19px}.island-copy small{font-size:9px;letter-spacing:1px;color:#819386}.island-copy h3{font-size:18px;margin:9px 0}.island-copy p{font-size:12px;line-height:1.7;min-height:60px;color:#718277}.island-copy button{width:100%;display:flex;justify-content:space-between;margin-top:13px;background:#eef2e5;font-size:12px;padding:11px}.island-record{display:flex;justify-content:space-between;font-size:12px;border-top:1px solid #e6e9dc;padding-top:12px;color:#6f7e73}.arcade-panel{background:#fffdf5;border:1px solid #dddcca;border-radius:23px;padding:23px;align-self:stretch;min-width:0}.arcade-panel[hidden],.quest-panel[hidden]{display:none}.arcade-panel h2{font-size:23px;line-height:1.35;margin:15px 0}.arcade-top{display:flex;justify-content:space-between;align-items:center}.arcade-top button{padding:3px 9px;font-size:20px}.arcade-stats{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:12px}.arcade-stats span{color:#d88777;font-size:17px}.arcade-stats small{color:#839080}.arcade-question{font-size:22px;line-height:1.45;font-weight:700;margin:27px 0 15px;overflow-wrap:anywhere}.arcade-feedback{font-size:13px;line-height:1.6;min-height:25px;color:#b07354}.arcade-feedback.success{color:#397d5b}.answer-platforms{display:grid;gap:9px;margin:16px 0}.answer-platforms button{display:flex;gap:13px;align-items:center;justify-content:space-between;font-size:21px;background:#ecf2e8;border-color:#d9e6d6}.answer-platforms button span{font-size:10px;border-radius:50%;padding:4px 7px;background:#fff}.arcade-panel small.muted{display:block;font-size:11px;line-height:1.7;margin:12px 0}.arcade-tools{display:flex;gap:6px;flex-wrap:wrap;margin-top:15px}.arcade-tools button{font-size:11px;padding:9px}.arcade-help{font-size:12px;line-height:1.7;border-top:1px solid #e7e7d9;padding-top:16px;color:#778772}.memory-cue{padding:20px;text-align:center;font-size:22px;font-weight:bold;border-radius:12px;background:#edf2e7;transition:background .2s}.playing-island .world-controls #interact{display:none}.playing-island .map-caption{display:none}.avatar-studio{display:grid;grid-template-columns:230px 1fr;gap:22px;margin-bottom:25px}.avatar-preview-wrap{background:#eff3e8;border-radius:18px;overflow:hidden;text-align:center;padding-bottom:12px}.avatar-preview-wrap canvas{display:block;width:100%;height:220px;touch-action:none;cursor:grab}.avatar-preview-wrap small{font-size:11px;color:#658079}.avatar-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.avatar-choices button{padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:7px}.avatar-choices button[aria-pressed=true]{background:#edf5e5;border-color:#74a878;box-shadow:inset 0 0 0 1px #74a878}.avatar-choices b{font-size:12px}.avatar-choices small{font-size:10px;color:#7b8d82}.avatar-head{width:24px;height:27px;background:var(--avatar-color);border-radius:5px;box-shadow:3px 3px #0002}.avatar-head:before{content:'• •';font-size:13px;color:#314749}.item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.shop-item{padding:18px;background:#f4f3e8;border:1px solid #e4e2d3;border-radius:16px}.item-icon{font-size:35px}.shop-item h3{font-size:15px}.shop-item p{font-size:12px;line-height:1.7;min-height:60px;color:#718071}.shop-item small{display:block;font-size:12px;margin-bottom:10px}.shop-item button{width:100%;font-size:12px;padding:9px;margin:3px 0}.graphics-error{position:absolute;inset:40px 0 70px;background:#edf2e8;display:grid;place-items:center;padding:30px;font-size:20px;z-index:2}.graphics-error p{max-width:550px;line-height:1.7}.outfits .mini-person{display:none}.outfits button{min-height:40px;border-top:7px solid var(--outfit)}
@media(min-width:1500px){#town-canvas{height:680px}}@media(max-width:1100px){.island-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.town-layout{grid-template-columns:minmax(0,1fr) 255px}.world-controls #interact{font-size:11px}.camera-controls button{padding:8px}.dpad button{min-width:32px;width:32px;padding:6px}}@media(max-width:760px){.town-layout{grid-template-columns:1fr}.arcade-panel{padding:20px}.arcade-question{margin:15px 0}.answer-platforms{grid-template-columns:repeat(3,1fr)}.answer-platforms button{font-size:18px;padding:12px 8px}.answer-platforms button span{display:none}.island-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.islands-heading{align-items:flex-start}.islands-heading h2{font-size:23px}.islands-heading>.primary{font-size:12px;padding:12px;white-space:nowrap}#town-canvas{height:500px;min-height:340px;max-height:68vh}.world-controls{padding:12px;gap:7px}.world-controls #interact{width:100%;margin:0}.camera-controls{margin-left:auto}.camera-controls button{padding:9px 7px;min-width:31px}.jump-button{font-size:11px}.avatar-studio{grid-template-columns:1fr}.avatar-preview-wrap{max-width:100%;display:grid;justify-items:center}.avatar-preview-wrap canvas{max-width:360px}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.island-copy{padding:14px}.island-copy h3{font-size:16px}.town-header nav{gap:5px}.town-header #world-link{display:none}}@media(max-width:390px){.islands-heading{display:block}.island-grid{gap:9px}.island-copy{padding:10px}.island-copy p{font-size:11px;min-height:72px}.island-art{height:125px}.world-controls{padding:8px}.dpad{gap:3px}.dpad button{width:28px;min-width:28px}.camera-controls{gap:3px}.camera-controls button{min-width:26px;padding:8px 5px}.avatar-choices{grid-template-columns:repeat(2,1fr)}.item-grid{gap:8px}.shop-item{padding:11px}.shop-item p{min-height:83px}}
@media(prefers-reduced-motion:reduce){.island-card,.memory-cue{transition:none}}

.world-task{position:absolute;top:64px;left:16px;right:16px;max-width:600px;background:#fffdf3ed;border:1px solid #d9e2d7;border-radius:14px;padding:12px 18px;font-weight:700;font-size:18px;pointer-events:none;box-shadow:0 3px 15px #34574410}.world-task[hidden]{display:none}.playing-island .place-links,.playing-island .islands-section{display:none}@media(max-width:760px){.world-task{font-size:14px;top:57px;left:10px;right:10px;padding:10px 12px}}

.answer-label{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;border:1px solid #d9e6d6;border-radius:12px;background:#ecf2e8;font-size:21px}.answer-label>span{font-size:10px;padding:4px 7px;background:#fff;border-radius:50%}.camera-controls .view-toggle{font-size:11px;padding:10px;min-width:78px;background:#e2edf1}.world-card.is-first-person:after{content:'+';position:absolute;top:45%;left:50%;color:#fff;text-shadow:0 1px 3px #163344;font-size:24px;line-height:1;pointer-events:none}.camera-controls{flex-wrap:wrap}.world-controls{overflow:visible}@media(max-width:760px){.camera-controls{width:100%;justify-content:flex-end;margin-left:0}.camera-controls .view-toggle{font-size:12px;padding:9px 12px}.answer-label{font-size:18px;padding:10px 8px}.answer-label>span{display:none}}

/* Questions occupy their own row, outside the 3D viewport. */
.world-task{position:static;max-width:none;margin:0;border-radius:0;padding:14px 20px;font-size:clamp(18px,2vw,24px);background:#fff8de;box-shadow:none;overflow-wrap:anywhere}
.scene-viewport{position:relative;isolation:isolate}.scene-viewport #town-canvas{display:block}.scene-answers{position:absolute;inset:0;pointer-events:none;overflow:hidden}.scene-answer{position:absolute;min-width:58px;max-width:150px;padding:7px 12px;border:3px solid #506785;border-radius:12px;background:#fffef5;color:#172c42;font-size:clamp(22px,2.2vw,30px);font-weight:800;text-align:center;line-height:1.2;overflow-wrap:anywhere;box-shadow:0 3px 0 #314d6260}.scene-answer[hidden]{display:none}.world-card.is-first-person:after{display:none}.is-first-person .scene-viewport:after{content:'+';position:absolute;top:50%;left:50%;color:white;text-shadow:0 1px 3px #163344;font-size:24px;line-height:1;pointer-events:none}.map-caption{bottom:12px}.scene-viewport .map-caption #walk-tip{font-size:12px;max-width:85%}
@media(max-width:760px){.world-task{padding:12px;font-size:18px}.scene-answer{font-size:22px;max-width:110px;padding:6px 8px}.answer-label{font-size:22px}}

.answer-leaders{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.answer-leaders line{stroke-width:2.5;paint-order:stroke;stroke-linecap:round}.scene-viewport .map-caption{top:auto;bottom:12px}