/* Approved clubhouse composition: illustration, four destinations, one phone navigation row. */
.approved-home{max-width:1160px;margin:auto}.approved-hero{position:relative;isolation:isolate;overflow:hidden;padding:30px 34px;min-height:275px;border:2px solid #a75378;border-radius:24px;background:linear-gradient(90deg,#3a172c 2%,#3e1a2fdc 49%,#53223985),url('assets/quest-world-v1.png') center 52%/cover;box-shadow:inset 0 1px #eab0bd3b,0 8px 20px #1b071828}.approved-hero .eyebrow{font-size:12px;font-weight:800;letter-spacing:.09em;color:#ffbf80!important}.approved-hero h1{color:#fff8f3;font-weight:800;font-size:clamp(32px,3.7vw,56px);letter-spacing:-.035em;line-height:1.08;margin:18px 0 10px}.approved-hero h1 em{font-style:normal;color:#ffc17c}.approved-hero p{color:#fff0e7;font-size:16px;margin:0 0 18px}.approved-build{border:1px solid #ffddaa!important;background:linear-gradient(125deg,#ffcf83,#ffad6c)!important;color:#31172b!important;border-radius:12px!important;padding:12px 19px!important;font-size:16px;font-weight:800;box-shadow:0 4px 0 #a55b4b!important}.approved-build span{margin-left:5px}.approved-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.approved-game-card{position:relative;overflow:hidden;min-width:0;min-height:245px;padding:22px 24px;text-align:left;border:2px solid #a65378!important;border-radius:24px!important;color:#fff8f3!important;background:radial-gradient(circle at 12% 0%,#76405c,#47223a 72%)!important;box-shadow:inset 0 1px #e8aabb33,0 4px 0 #2b142a,0 9px 22px #1f0d2230!important;display:flex;flex-direction:column;align-items:flex-start;transition:transform .18s,border-color .18s}.approved-game-card::before{content:'＋       ×         π';position:absolute;inset:30px 10px auto auto;max-width:70%;font-size:38px;line-height:2.3;letter-spacing:30px;color:#e7a5b20b;pointer-events:none}.approved-game-card:hover{transform:translateY(-3px);border-color:#ffc488!important}.approved-game-card:focus-visible,.approved-build:focus-visible,.approved-phone-brand:focus-visible{outline:3px solid #ffd39f;outline-offset:3px}.approved-number{display:grid;place-items:center;width:37px;height:37px;background:#874364;border:1px solid #b46b86;border-radius:10px;font-weight:800;color:#fff8f2}.approved-game-card .clubhouse-mark{width:66px;height:66px;right:20px;top:17px;opacity:1;filter:drop-shadow(0 3px 4px #270d2790)}.approved-game-card h2{font-size:clamp(24px,2.5vw,34px);line-height:1.1;letter-spacing:-.03em;margin:33px 0 14px;max-width:83%;color:#fffaf5;font-weight:800}.approved-card-bottom{position:relative;width:100%;margin-top:auto}.approved-card-bottom strong{display:block;padding:12px 0 0;border-top:1px solid #c17b935b;font-size:15px}.approved-card-bottom>span{display:block;margin-top:15px;font-size:17px;font-weight:750;color:#ffbf7b}.approved-phone-brand{display:none}
@media(max-width:800px){:root{--phone-main-nav-height:68px}.simple-shell .sidebar .nav{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:1fr!important;gap:2px!important;height:calc(var(--phone-main-nav-height) + env(safe-area-inset-bottom))!important;padding:5px 5px calc(5px + env(safe-area-inset-bottom))!important;overflow:hidden!important;background:#37182c!important;border-top:1px solid #9b526d!important}html[data-experience=teacher] .simple-shell .sidebar .nav{grid-template-columns:repeat(7,minmax(0,1fr))!important}.simple-shell .sidebar .nav button,.simple-shell .sidebar .nav button.desktop-game-nav{height:56px!important;min-height:56px!important;min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;padding:3px 0!important;border-radius:10px!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important}.simple-shell .sidebar .nav button.active{background:#ffaf74!important;border:1px solid #ffd398!important;color:#2c1126!important;box-shadow:0 2px 7px #13081766!important}.simple-shell .nav-label-phone{display:block!important;overflow:visible!important;overflow-wrap:normal!important}.simple-shell .nav-label-full{display:none!important}.approved-nav-icon{height:23px;width:23px;flex:0 0 23px}.simple-shell main{padding-bottom:calc(var(--phone-main-nav-height) + 12px + env(safe-area-inset-bottom))!important}.simple-shell .sidebar{height:0!important;min-height:0!important;padding:0!important;overflow:visible!important}.simple-shell .sidebar .brand,.simple-shell .sidebar .workspace-label,.simple-shell .sidebar .sidefoot{display:none!important}.simple-shell .main-shell{min-width:0}.approved-phone-brand{display:inline-block;border:0!important;padding:0!important;background:none!important;color:#fff5ef!important;font-size:24px!important;font-weight:850!important;letter-spacing:-.06em;white-space:nowrap}.approved-phone-brand span{color:#ffb678;font-size:23px;margin-left:1px}.simple-shell .topbar{display:flex!important;align-items:center;justify-content:space-between;gap:5px;padding:8px 10px!important;min-height:54px!important;background:#34172a!important}.simple-shell .topbar .breadcrumb{display:none!important}.simple-shell .topbar>div{width:auto!important;flex-wrap:nowrap!important;gap:4px!important;justify-content:flex-end!important}.simple-shell .topbar select{width:70px!important;max-width:70px!important;padding:5px 2px!important;font-size:11px!important;background:#50253d!important;color:#fff!important;border:1px solid #9a5b78!important}.simple-shell .topbar button:not(.approved-phone-brand){font-size:10px!important;min-height:34px!important;padding:6px 5px!important;border:1px solid #9a5b78!important;background:#50253d!important;color:#fff3eb!important;border-radius:8px!important}.simple-shell .topbar button[aria-label="My rewards"]{color:#ffd18e!important}.simple-shell .topbar button[onclick="enterRole('teacher')"]{font-size:9px!important}.approved-home{width:100%}.approved-hero{min-height:0;padding:18px 16px 20px;border-radius:18px;background-image:linear-gradient(90deg,#3a172cf5 0%,#3e1a2fdc 54%,#53223973),url('assets/quest-world-v1.png')}.approved-hero .eyebrow{font-size:10px}.approved-hero h1{font-size:clamp(30px,8vw,42px);margin:12px 0 9px}.approved-hero p{font-size:12px;line-height:1.3;margin-bottom:13px}.approved-build{padding:9px 13px!important;font-size:13px}.approved-game-grid{gap:9px;margin-top:9px}.approved-game-card{min-height:178px;padding:14px 13px;border-radius:17px!important}.approved-number{width:29px;height:29px;font-size:13px}.approved-game-card .clubhouse-mark{width:43px;height:43px;top:12px;right:11px;opacity:1}.approved-game-card h2{font-size:clamp(17px,4.8vw,21px);margin:28px 0 8px;max-width:98%}.approved-card-bottom strong{font-size:11px;padding-top:8px}.approved-card-bottom>span{font-size:12px;margin-top:11px}html[data-experience=student][data-screen=sections] .simple-shell main{padding:9px 10px calc(var(--phone-main-nav-height) + 10px + env(safe-area-inset-bottom))!important}}
@media(max-width:360px){.approved-phone-brand{font-size:20px!important}.simple-shell .topbar select{width:57px!important;max-width:57px!important}.simple-shell .topbar button:not(.approved-phone-brand){font-size:9px!important;padding:5px 3px!important}.simple-shell .topbar button[onclick="enterRole('teacher')"]{font-size:8px!important}.simple-shell .sidebar .nav button{font-size:9px!important}.approved-game-card{min-height:167px}.approved-game-card h2{font-size:16px}}