.world-stage.css3d-active .world-canvas,.world-stage.css3d-active .world-labels,.world-stage.css3d-active .world-hud-top,.world-stage.css3d-active .world-hud-side,.world-stage.css3d-active .world-minimap,.world-stage.css3d-active .world-hud-bottom,.world-stage.css3d-active .world-touch,.world-stage.css3d-active .world-door-prompt,.world-stage.css3d-active .world-view-controls,.world-stage.css3d-active .campus-stick-wrap,.world-stage.css3d-active .world-character-button,.world-stage.css3d-active .world-avatar-art,.world-stage.css3d-active .world-nameplate,.world-stage.css3d-active .world-room-board,.world-stage.css3d-active .game-room-entry,.world-stage.css3d-active .pc-hall-intro{display:none!important}
.world-stage.css3d-active{overflow:hidden;background:#9db6b0}.css3d-viewport{position:absolute;inset:0;z-index:6;overflow:hidden;perspective:850px;perspective-origin:50% 47%;background:linear-gradient(#9db9c1 0%,#d0bc9d 53%,#917c6f 54%,#554743 100%)}
html[data-pc-light=night] .css3d-viewport{background:linear-gradient(#101d32 0%,#29374a 51%,#504448 53%,#211e2a 100%)}
.css3d-horizon{position:absolute;inset:0;background:radial-gradient(circle at 53% 20%,#ffeed1a8,transparent 38%);pointer-events:none}html[data-pc-light=night] .css3d-horizon{background:radial-gradient(circle at 55% 22%,#a0b7ea42,transparent 40%)}
.css3d-space{position:absolute;left:50%;top:60%;width:0;height:0;transform-style:preserve-3d;will-change:transform}.css3d-floor{position:absolute;left:-1100px;top:65px;width:2200px;height:2200px;transform:rotateX(90deg);transform-origin:50% 0;background:repeating-linear-gradient(90deg,#705f5880 0 3px,transparent 3px 140px),repeating-linear-gradient(#705f5880 0 3px,transparent 3px 140px),linear-gradient(#d2bca2,#8a7970);box-shadow:inset 0 0 220px #392f32}
.css3d-building{--w:190px;position:absolute;left:-95px;top:-150px;width:var(--w);height:155px;padding:0!important;border:0!important;background:transparent!important;color:#fff9e5!important;transform-style:preserve-3d;transform:translate3d(var(--x),0,var(--z));cursor:pointer;box-shadow:none!important;overflow:visible!important}.css3d-building:hover,.css3d-building:focus-visible{filter:brightness(1.18);outline:none!important}.css3d-face,.css3d-side,.css3d-roof{position:absolute;display:block;border:3px solid #f5dfb394;box-shadow:0 12px 24px #211d2370}.css3d-face{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:space-around;border-radius:9px 9px 3px 3px;background:linear-gradient(145deg,color-mix(in srgb,var(--wall) 75%,white),var(--wall) 60%,#28283b);backface-visibility:visible}.css3d-side{top:0;left:0;width:112px;height:155px;transform-origin:0 50%;transform:rotateY(-90deg);background:linear-gradient(100deg,#292f39,var(--wall))}.css3d-roof{top:0;left:0;width:190px;height:112px;transform-origin:50% 0;transform:rotateX(-90deg);background:linear-gradient(30deg,var(--wall),#d8aa78)}
.css3d-face strong{display:block;width:94%;padding:8px 3px;border-radius:9px;background:#192b36ed;color:#fff5da;font:800 15px/1.1 system-ui;text-align:center;word-break:normal}.css3d-windows{color:#d2eff6;font-size:26px;text-shadow:0 0 14px #e3e2aa}.css3d-door{display:grid;place-items:center;width:70px;height:60px;border:3px solid #f3c483;background:#26303d;color:#ffe5a9;font:900 11px system-ui;box-shadow:inset 0 0 14px #c4905b}
.css3d-person{position:absolute;left:50%;bottom:17%;z-index:4;width:90px;height:180px;transform:translateX(-50%);pointer-events:none;filter:drop-shadow(8px 12px 9px #15212199)}.css3d-person>span{position:absolute;display:block}.css3d-head{top:2px;left:33px;width:27px;height:31px;border-radius:45%;background:#a56f58;box-shadow:inset 0 7px #24252c}.css3d-torso{top:34px;left:22px;width:49px;height:65px;border-radius:13px 13px 6px 6px;background:linear-gradient(90deg,#341e3d,#784c5c,#331d3c);border:2px solid #cfaa82}.css3d-arm{top:40px;width:15px;height:65px;border-radius:12px;background:#65445a;transform-origin:top}.css3d-arm.a{left:11px;transform:rotate(calc(var(--step,0)*14deg))}.css3d-arm.b{right:8px;transform:rotate(calc(var(--step,0)*-14deg))}.css3d-leg{top:96px;width:20px;height:74px;border-radius:5px 5px 10px 10px;background:#222c3d;transform-origin:top}.css3d-leg.a{left:22px;transform:rotate(calc(var(--step,0)*16deg))}.css3d-leg.b{right:19px;transform:rotate(calc(var(--step,0)*-16deg))}.css3d-person small{position:absolute;bottom:1px;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:9px;padding:3px 7px;background:#ffe4ac;color:#263435;font:800 10px system-ui}.css3d-first .css3d-person{display:none}
.css3d-top,.css3d-actions{position:absolute;z-index:20;display:flex;gap:8px;align-items:center}.css3d-top{top:12px;left:12px;right:12px;justify-content:space-between;pointer-events:none}.css3d-actions{top:67px;right:12px}.css3d-top b{padding:9px 12px;border-radius:10px;background:#182d33ed;color:#fff5dc;font:800 16px system-ui}.css3d-top button,.css3d-actions button,.css3d-menu button,.css3d-enter{pointer-events:auto;min-height:44px;padding:8px 12px!important;border:1px solid #edcc94!important;border-radius:10px!important;background:#24383de8!important;color:#fff5df!important;font:800 12px system-ui;cursor:pointer}
.css3d-menu{position:absolute;z-index:30;right:12px;top:118px;width:min(260px,calc(100vw - 24px));max-height:calc(100% - 270px);overflow:auto;display:grid;gap:6px;padding:11px;border:1px solid #eaca91;border-radius:14px;background:#1b333bf2}.css3d-menu[hidden]{display:none}.css3d-menu strong{color:#ffe6b1}.css3d-menu button{text-align:left}.css3d-stick{position:absolute;bottom:82px;z-index:30;width:102px;height:102px;border:2px solid #f8dc9d;border-radius:50%;background:#1b353cd9;box-shadow:0 7px 18px #152427a8;touch-action:none;user-select:none}.css3d-turn{left:17px}.css3d-walk{right:17px}.css3d-stick span{position:absolute;left:50%;top:50%;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#ffe9b9,#bd875b);transform:translate(-50%,-50%);pointer-events:none}.css3d-stick small{position:absolute;top:-23px;left:50%;transform:translateX(-50%);color:#fff6df;font:900 10px system-ui}.css3d-enter{position:absolute;z-index:31;left:50%;bottom:196px;transform:translateX(-50%);background:#ffe0a0!important;color:#20303c!important;white-space:nowrap}.css3d-enter[hidden]{display:none}
.world-stage.css3d-active .experience-exit{z-index:32!important;right:128px!important;bottom:27px!important}.world-stage.css3d-active .world-activity-panel:not([hidden]),.world-stage.css3d-active .campus-wheel-overlay:not([hidden]),.world-stage.css3d-active .experience-exit-dialog:not([hidden]){z-index:90}
@media(max-width:800px){.css3d-top{top:8px;left:8px;right:8px}.css3d-top b{font-size:12px;max-width:48vw}.css3d-actions{top:57px;right:8px}.css3d-actions button{font-size:10px;padding:7px!important}.css3d-menu{right:8px;top:105px;max-height:calc(100% - 215px)}.css3d-stick{width:80px;height:80px;bottom:calc(var(--phone-main-nav-height,68px) + 58px + env(safe-area-inset-bottom))}.css3d-turn{left:9px}.css3d-walk{right:9px}.css3d-stick span{width:34px;height:34px}.css3d-enter{bottom:calc(var(--phone-main-nav-height,68px) + 151px + env(safe-area-inset-bottom));max-width:75vw;white-space:normal}.css3d-person{bottom:25%;transform:translateX(-50%) scale(.78)}.world-stage.css3d-active .experience-exit{bottom:calc(var(--phone-main-nav-height,68px) + 6px)!important;right:17px!important}}
@media(prefers-reduced-motion:reduce){.css3d-person span{transition:none!important}}

/* Contemporary campus finish. Keep the existing destinations and hit areas. */
.world-stage.css3d-active .css3d-viewport{background:linear-gradient(180deg,#8bb5c2 0%,#c6d8d1 42%,#e4c9a5 53%,#514d50 54%,#2c303b 100%)}
html[data-pc-light=night] .world-stage.css3d-active .css3d-viewport{background:linear-gradient(180deg,#121d35 0%,#2a3551 50%,#8c6774 53%,#232734 54%,#141c2a 100%)}
.css3d-horizon{background:radial-gradient(circle at 74% 16%,#fff8de 0 2%,#fff0be8c 3%,transparent 21%),linear-gradient(180deg,transparent 45%,#e8bd9780 53%,transparent 59%)}
html[data-pc-light=night] .css3d-horizon{background:radial-gradient(circle at 75% 19%,#e9f1ff 0 1.2%,#8295ca7d 1.5%,transparent 12%),linear-gradient(180deg,transparent 46%,#bb899161 52%,transparent 59%)}
.css3d-floor{background:repeating-linear-gradient(90deg,#f4eadc36 0 2px,transparent 2px 139px),repeating-linear-gradient(#f4eadc36 0 2px,transparent 2px 139px),linear-gradient(125deg,#c6b1a0,#857c81 60%,#666471);box-shadow:inset 0 0 210px #343846b8}
.css3d-building{filter:drop-shadow(0 22px 22px #18232d99)}
.css3d-building:hover,.css3d-building:focus-visible{filter:drop-shadow(0 20px 22px #102532b8) brightness(1.15)}
.css3d-building:focus-visible .css3d-face{outline:4px solid #ffe6a4;outline-offset:5px}
.css3d-face,.css3d-side,.css3d-roof{border:1px solid #f3ddbd99;box-shadow:inset 0 0 0 3px #ffffff17,0 14px 28px #172332a6}
.css3d-face{border-radius:13px 13px 4px 4px;background:linear-gradient(120deg,#ffffff26,transparent 38%),linear-gradient(160deg,color-mix(in srgb,var(--wall) 70%,#d9e0dc),var(--wall) 45%,#283a49);justify-content:space-between;padding:10px 8px 0;box-sizing:border-box}
.css3d-face:before{content:'';position:absolute;top:-12px;left:-6px;right:-6px;height:13px;background:linear-gradient(90deg,#d5bc9e,var(--wall),#d5bc9e);border-radius:9px 9px 2px 2px;box-shadow:0 3px 9px #1625366b}
.css3d-side{background:linear-gradient(100deg,#222f3c,var(--wall) 75%)}
.css3d-roof{background:repeating-linear-gradient(90deg,#ffffff11 0 1px,transparent 1px 30px),linear-gradient(40deg,#283844,color-mix(in srgb,var(--wall) 65%,#e0c4a1))}
.css3d-windows{display:flex;gap:13px;justify-content:center;width:100%;padding:10px 0 4px}
.css3d-windows i{display:block;width:32px;height:29px;border:3px solid #decbad;border-radius:3px;background:linear-gradient(130deg,#f5faffc9 0 13%,#87b9cbd6 15% 48%,#cfe2debc 51% 59%,#40748c 61% 100%);box-shadow:inset 0 -5px 6px #32506a85,0 3px 8px #1b314b87}
html[data-pc-light=night] .css3d-windows i{background:linear-gradient(135deg,#fde3a5,#d38a68 65%,#755270);box-shadow:0 0 13px #ffca7f99}
.css3d-face strong{position:relative;width:calc(100% + 1px);min-height:32px;padding:5px 3px;border:1px solid #f6d59a9c;border-radius:8px;background:linear-gradient(90deg,#1b303be8,#2f4352ed);font:800 12px/1.1 system-ui;letter-spacing:.015em;display:flex;align-items:center;justify-content:center;gap:5px;box-shadow:0 5px 12px #12212a8c}
.css3d-face strong em{font:800 16px Georgia,serif;color:#ffdf9e;font-style:normal}
.css3d-door{position:relative;width:67px;height:66px;border:3px solid #d7b690;border-bottom:0;border-radius:5px 5px 0 0;background:linear-gradient(120deg,#7ea7af7d,#1d3648 45%,#294554 100%);box-shadow:inset 3px 0 #b9d1cb8a,inset -3px 0 #b9d1cb8a,0 0 0 2px #253c4c;font:800 9px system-ui;color:#fff4d7}
.css3d-door i{position:absolute;right:8px;top:29px;width:5px;height:5px;border-radius:50%;background:#ffe3a3;box-shadow:0 0 7px #ffe3a3}
.css3d-person{perspective:420px;transform-style:preserve-3d;filter:drop-shadow(6px 11px 9px #132432a3)}
.css3d-person>span{transform-style:preserve-3d;backface-visibility:hidden}
.css3d-head{top:0;left:31px;width:30px;height:33px;border-radius:45% 45% 48% 48%;background:linear-gradient(90deg,#86513d,#b17b60 47%,#8b563f);box-shadow:inset 0 10px #24212a,0 -3px 0 #302831}
.css3d-torso{top:34px;left:20px;width:52px;height:65px;border-radius:14px 14px 8px 8px;background:linear-gradient(90deg,#283247,#615064 40%,#354154 78%,#232e43);border:1px solid #c1a582;box-shadow:inset 0 -8px #222d3c66,0 4px 8px #1324347a;transform:translateY(calc(-1 * var(--body-rise,0px)))}
.css3d-outfit{display:block;position:absolute;left:12px;right:12px;top:4px;bottom:7px;border-radius:7px;background:linear-gradient(90deg,#172d3d,#4a7280 55%,#173447);box-shadow:inset 0 0 0 2px #8fa7a478}
.css3d-person[data-role=student] .css3d-outfit{left:9px;right:9px;top:5px;bottom:11px;border-radius:11px;background:linear-gradient(90deg,#aa714b,#e1a45e 45%,#9c6649);box-shadow:inset 0 0 0 2px #ecc7978c,0 2px 8px #1626388a}
.css3d-person[data-role=teacher] .css3d-outfit{left:20px;right:20px;background:linear-gradient(#e9ded0,#d7c6b7);box-shadow:0 0 0 1px #26333d}
.css3d-arm{top:40px;width:16px;height:61px;background:linear-gradient(90deg,#26364a,#665364,#26374b);border:1px solid #b6987a;border-radius:11px;transform-origin:50% 4px}
.css3d-arm.a{left:6px;transform:rotateX(0deg)}.css3d-arm.b{right:5px;transform:rotateX(0deg)}
.css3d-leg{top:96px;width:20px;height:71px;border-radius:5px 5px 8px 8px;border:1px solid #465467;background:linear-gradient(90deg,#121d30,#33425a 54%,#172438);transform-origin:50% 3px;transform:rotateX(0deg);box-shadow:inset 0 -3px #0e1b2d}
.css3d-leg.a{left:21px}.css3d-leg.b{right:18px}
.css3d-leg:before{content:'';position:absolute;left:0;right:0;top:40px;height:2px;background:#7890a242}
.css3d-shoe{position:absolute;left:-3px;bottom:-4px;width:26px;height:12px;border-radius:5px 7px 4px 4px;background:linear-gradient(#3b414c,#171d28);border-bottom:3px solid #d4bc91;transform-origin:50% 0}
.css3d-person small{bottom:-14px;background:#20333ef0;color:#ffe4ab;border:1px solid #e8bb7b99;box-shadow:0 5px 12px #1b2a35a8}
.css3d-top b,.css3d-top button,.css3d-actions button,.css3d-menu{backdrop-filter:blur(10px)}

/* The back entrance is a second outward-facing facade, so signs stay readable
   after the player walks past a destination and turns around. */
.css3d-viewport{touch-action:none;cursor:grab}.css3d-viewport:active{cursor:grabbing}
.css3d-building{cursor:pointer}.css3d-face{backface-visibility:hidden}.css3d-back{transform:rotateY(180deg) translateZ(112px)}
.css3d-face{border:3px solid #d9b879;border-radius:46% 46% 4px 4px / 21% 21% 4px 4px;padding:8px 9px 0;background:linear-gradient(90deg,#172937 0 5%,transparent 5% 95%,#172937 95%),linear-gradient(155deg,color-mix(in srgb,var(--wall) 52%,#d8e5dc),var(--wall) 54%,#172f40);box-shadow:inset 0 0 0 4px #f1d9a763,inset 0 0 0 8px #12334448,0 18px 34px #101f2ab3}
.css3d-face:before{top:-16px;height:17px;border:2px solid #f5d69d;background:linear-gradient(90deg,#27434a,var(--wall),#27434a);border-radius:45% 45% 5px 5px / 80% 80% 5px 5px}
.css3d-face:after{content:'';position:absolute;inset:34px 9px 0;border-left:5px solid #d7bd8f;border-right:5px solid #d7bd8f;border-radius:52% 52% 0 0 / 25% 25% 0 0;pointer-events:none;box-shadow:inset 5px 0 #142d3666,inset -5px 0 #142d3666}
.css3d-face strong{z-index:1;width:calc(100% - 1px);min-height:36px;border:1px solid #f3dca8;border-radius:8px;background:#132c38ed;color:#fff4d8;font:800 13px/1.1 system-ui;box-shadow:0 5px 14px #101e26a6}
.css3d-windows{position:relative;z-index:1;gap:17px}.css3d-windows i{width:28px;height:25px;border-color:#f2dfb7;border-radius:12px 12px 2px 2px}
.css3d-door{z-index:1;border-radius:32px 32px 0 0;border-color:#efd29e;width:65px;background:linear-gradient(130deg,#b0dbdf88,#17384a 47%,#0e2b3e);box-shadow:inset 3px 0 #d4eeee80,inset -3px 0 #91bcc288,0 0 0 4px #1d3543}
.css3d-roof{border-color:#f3d99f;background:linear-gradient(30deg,#203b46,color-mix(in srgb,var(--wall) 60%,#c5d7d2));box-shadow:inset 0 0 0 7px #ddbd82,0 10px 22px #101d27a6}
.css3d-side{border-color:#d9bd88;background:linear-gradient(110deg,#172b39,var(--wall) 72%,#172b39)}
.css3d-floor{background:repeating-linear-gradient(90deg,#f9e9c465 0 2px,transparent 2px 112px),repeating-linear-gradient(#f9e9c465 0 2px,transparent 2px 112px),linear-gradient(125deg,#d8d5c8,#85a4a0 65%,#536f76);box-shadow:inset 0 0 230px #2e424a9c}
html[data-pc-light=night] .css3d-floor{background:repeating-linear-gradient(90deg,#f3c77a2b 0 2px,transparent 2px 112px),repeating-linear-gradient(#f3c77a2b 0 2px,transparent 2px 112px),linear-gradient(125deg,#535a68,#344f5d 65%,#223744)}
/* Tailored role outfits and a separate silhouette for the learner's backpack. */
.css3d-head{box-shadow:inset 0 9px #17232a,0 -3px 0 #1c252c,0 2px 3px #241c24}
.css3d-head:after{content:'';position:absolute;left:5px;right:5px;bottom:-6px;height:8px;border-radius:4px;background:#9c6a53}
.css3d-torso{border-color:#d2b988;border-radius:12px 12px 7px 7px;background:linear-gradient(90deg,#1c3544,#446479 40%,#2b4b61 80%,#1d3544)}
.css3d-person[data-role=teacher] .css3d-torso{background:linear-gradient(90deg,#2c263b,#5c3c56 44%,#352c45 82%,#292638)}
.css3d-person[data-role=student] .css3d-torso:before{content:'';position:absolute;left:-10px;right:-10px;top:12px;height:42px;z-index:-1;border-radius:12px;background:linear-gradient(90deg,#132b3b,#527e82 44%,#183a48);box-shadow:0 2px 5px #102532b8}
.css3d-person[data-role=student] .css3d-outfit{background:linear-gradient(90deg,#b8864e,#edb46e 47%,#a36b4b);box-shadow:inset 0 0 0 2px #fae2af96}
.css3d-person[data-role=teacher] .css3d-outfit{left:20px;right:20px;background:linear-gradient(#f8eee0,#cfbdb2);border-left:2px solid #d6af82}
.css3d-arm{background:linear-gradient(90deg,#24374b,#5a7081,#25384a)}.css3d-person[data-role=teacher] .css3d-arm{background:linear-gradient(90deg,#29263a,#69516a,#2b263e)}
.css3d-shoe{border-bottom-color:#e2c18d}

/* A spatial photographic wall remains fixed in the room's 3D coordinate
   system. The doors, player and collision map remain independent objects. */
.css3d-gallery{position:absolute;left:50%;top:-690px;width:max(900px,130vw);aspect-ratio:1736/906;transform:translateX(-50%) translateZ(-560px);transform-style:preserve-3d;backface-visibility:hidden;pointer-events:none;background:center/cover no-repeat url('assets/hesabu-v4/math-hall.png');box-shadow:0 0 80px 50px #142d30b0;filter:saturate(1.08)}
.world-stage[data-css3d-art=algebra] .css3d-gallery{background-image:url('assets/hesabu-v4/algebra-hall.png')}
html[data-pc-light=night] .css3d-gallery{filter:brightness(.48) saturate(.95);box-shadow:0 0 90px 50px #0b1729}
.css3d-gallery-title{position:absolute;left:50%;top:5%;transform:translateX(-50%);white-space:nowrap;padding:5px 28px;border:1px solid #e4bc7f;border-radius:15px;background:#153642d9;color:#ffdfae;text-shadow:0 3px 8px #071b20;font:800 clamp(26px,3vw,62px)/1.1 Georgia,serif;letter-spacing:.03em}
.world-stage[data-css3d-art=algebra] .css3d-gallery-title{display:none}
.css3d-room-art .css3d-building{left:-105px;top:-225px;width:210px;height:225px;filter:none}
.css3d-room-art .css3d-building:hover,.css3d-room-art .css3d-building:focus-visible{filter:none}
.css3d-room-art .css3d-face:not(.css3d-back){background:transparent;border-color:transparent;box-shadow:none}
.css3d-room-art .css3d-face:not(.css3d-back):before,.css3d-room-art .css3d-face:not(.css3d-back):after,.css3d-room-art .css3d-face:not(.css3d-back) .css3d-windows,.css3d-room-art .css3d-face:not(.css3d-back) .css3d-door{display:none}
.css3d-room-art .css3d-face:not(.css3d-back) strong{margin-top:28px;min-height:45px;padding:8px;border:2px solid #ffe3aa;border-radius:11px;background:#102d3ded;font-size:clamp(12px,1.2vw,18px);box-shadow:0 8px 25px #081b24bd}
.world-stage[data-css3d-art=algebra] .css3d-face:not(.css3d-back) strong{opacity:0}
.css3d-room-art .css3d-building:is(:hover,:focus-visible) .css3d-face:not(.css3d-back){outline:4px solid #ffdb87;outline-offset:2px;border-radius:40% 40% 3px 3px / 18% 18% 3px 3px;background:#fff0b418;box-shadow:0 0 30px #ffd08aab}
.css3d-room-art .css3d-building:is(:hover,:focus-visible) .css3d-face:not(.css3d-back) strong{opacity:1}
.css3d-room-art .css3d-back{width:190px;height:155px;left:10px;top:70px}
.css3d-room-art .css3d-side,.css3d-room-art .css3d-roof{opacity:.18}
.css3d-person.has-sprite{width:130px;height:220px;bottom:8%;filter:drop-shadow(4px 11px 8px #071b2599)}
.css3d-person.has-sprite[data-role=teacher]{width:110px}
.css3d-person.has-sprite>span:not(.css3d-avatar-frame){display:none}
.css3d-person.has-sprite .css3d-avatar-frame{display:block;position:absolute;inset:0;background-image:url('assets/hesabu-v4/student-walk.png');background-size:500% 100%;background-repeat:no-repeat;background-position:0 0}
.css3d-person.has-sprite[data-role=teacher] .css3d-avatar-frame{background-image:url('assets/hesabu-v4/teacher-walk.png')}
.css3d-person.has-sprite small{bottom:-16px}
@media(max-width:800px){.css3d-gallery{width:max(900px,130vw);top:-640px}.css3d-person.has-sprite{bottom:calc(var(--phone-main-nav-height,68px) + 13%);transform:translateX(-50%) scale(.85)}.css3d-gallery-title{top:9%}}