@import url('./brand/brand.css');
.world-toolbar input[type="range"]{accent-color:var(--vp-blue-reverse)}
:root{--bg:#e5e3da;--paper:#f3f2ed;--ink:#1f1e1a;--muted:#605e56;--rule:#c9c4b6;--blue:var(--vp-blue);--felt:#137a3d;color-scheme:light;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;line-height:1.55}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-underline-offset:4px}button,select,input{border:1px solid #a39d8c;border-radius:2px;padding:9px 12px;background:var(--paper);color:var(--ink)}button:hover{background:#dbd8cd}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.primary{display:inline-block;background:var(--blue);color:white;border:1px solid var(--blue);padding:10px 18px;text-decoration:none;font-weight:700}.primary:hover{background:var(--vp-blue-hover)}.quiet{background:transparent}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(32px,4vw,48px);letter-spacing:-.035em;line-height:1.1;margin-bottom:10px}h2{font-size:23px;letter-spacing:-.02em}h3{font-size:18px}p{max-width:74ch;color:var(--muted)}[hidden]{display:none!important}::selection{background:#f2d653}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.clubhouse-header{display:flex;align-items:center;gap:24px;padding:18px 28px;border-bottom:1px solid #a39d8c;background:var(--paper)}.clubhouse-header img{display:block;max-width:100%;height:auto}.clubhouse-header nav{display:flex;gap:24px;flex:1}.clubhouse-header nav a{font-size:14px}.casino-main{max-width:1600px;margin:auto;padding:28px}.casino-heading,.maths-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.casino-heading p{margin:0}.connection{display:flex;align-items:center;gap:12px;font-size:13px}.casino-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;margin-top:24px}.world-column{min-width:0}.world-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px;background:#26251f;color:#ece9e0}.world-toolbar>span{margin-right:auto;font-weight:700}.world-toolbar button{padding:5px 9px;font-size:12px}.world-toolbar label{display:flex;align-items:center;gap:5px;font-size:12px}.world-toolbar input{width:70px;padding:0}#world-wrap{background:#302f2b;position:relative}#world{display:block;width:100%;height:auto;image-rendering:pixelated;touch-action:none}.world-caption{padding:8px 12px;font-size:12px;background:#26251f;color:#ece9e0}.touch-pad{display:none;gap:5px;padding:8px;background:#26251f}.touch-pad button{min-width:48px;min-height:44px}.interaction{width:100%;min-height:46px;border-top:0;background:#e2e9dd;font-weight:700}#interaction-panel:empty{display:none}#interaction-panel{padding:22px;background:var(--paper);border:1px solid var(--rule)}#interaction-panel button,#interaction-panel a{margin:4px 8px 4px 0}.destination-bar{display:flex;flex-wrap:wrap;gap:10px;padding:16px 0}.destination-bar a{padding:9px 5px}.daily-board{border-top:1px solid #a39d8c;padding:22px 0}.daily-board a{margin-right:16px}.casino-sidebar>section{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid #a39d8c}.casino-sidebar h2{font-size:19px;margin:0 0 12px}.sidebar-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.sidebar-heading button{font-size:12px;padding:7px}.table-entry{width:100%;display:block;text-align:left;padding:14px 0;border:0;border-bottom:1px solid var(--rule);background:transparent}.table-entry strong,.table-entry span{display:block}.table-entry span{font-size:12px;color:var(--muted)}#player-list{display:flex;flex-wrap:wrap;gap:6px}#player-list button{font-size:12px;padding:5px 8px}#player-menu{margin-top:12px}#player-menu button{margin:4px;font-size:12px}#chat-log{padding:0;list-style:none;height:220px;overflow:auto;font-size:13px;overflow-wrap:anywhere}#chat-log li{border-bottom:1px solid var(--rule);padding:8px 0}#chat-log small{display:block;color:var(--muted)}.chat-panel label{font-size:12px;display:grid;gap:5px}.chat-panel p{font-size:12px;margin-top:8px}#chat-form{display:flex;gap:6px}#chat-input{min-width:0;flex:1}.invite-item{padding:14px;background:var(--paper);border:1px solid var(--rule);margin-bottom:10px}.invite-item button{margin:5px}.invite-item p{font-size:13px}.clubhouse-footer{padding:22px 28px;border-top:1px solid var(--rule);font-size:12px;color:var(--muted);display:flex;gap:16px}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px;background:var(--paper);border:1px solid var(--rule)}.profile-grid label{display:grid;gap:5px;font-size:13px}.profile-grid p,.profile-grid h2{grid-column:1/-1;margin:0}.profile-grid .check-label{display:flex}#casino-message:not(:empty),#maths-status:not(:empty){padding:12px 16px;background:#f6e9c8;border:1px solid #b0a17e;margin-top:12px}#table-overlay{position:fixed;inset:0;background:var(--bg);z-index:30;display:flex;flex-direction:column}.table-overlay-head{padding:12px 22px;display:flex;justify-content:space-between;align-items:center;gap:14px;background:#26251f;color:white}#table-frame{width:100%;flex:1;border:0;min-height:0}#table-overlay>p{font-size:12px;padding:8px 20px;margin:0}.table-overlay-head button{font-size:13px}
.maths-main{max-width:1120px;margin:auto;padding:44px 28px}.maths-tabs{display:flex;gap:0;margin:30px 0;border-bottom:1px solid #a39d8c;overflow:auto}.maths-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;white-space:nowrap;padding:14px}.maths-tabs button[aria-current="page"]{border-color:var(--blue);font-weight:700}.practice-start{max-width:750px;padding:24px 0}.practice-start h2{font-size:32px}.practice-start form{display:grid;gap:14px;max-width:400px}.practice-start label{display:grid;gap:6px}.check-label{display:flex!important;align-items:center;gap:8px}.practice-start form p{font-size:12px;margin:0}.maths-footnote{border-top:1px solid var(--rule);padding-top:20px;margin-top:50px;font-size:12px}.maths-lesson{border-bottom:1px solid var(--rule);padding:18px 0}.maths-lesson summary{font-size:19px;font-weight:700;cursor:pointer}.maths-lesson h3{margin-top:20px}.skill-list{border-top:1px solid var(--rule)}.skill-list button{width:100%;border:0;border-bottom:1px solid var(--rule);background:transparent;display:flex;justify-content:space-between;gap:15px;text-align:left;padding:20px 0}.skill-list span{color:var(--muted)}#maths-exercise{max-width:820px;padding:24px;background:var(--paper);border:1px solid #a39d8c}.question-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px;margin-bottom:20px}#question-title{font-size:clamp(23px,3vw,32px);line-height:1.3}.maths-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--rule);border-left:1px solid var(--rule);font-variant-numeric:tabular-nums}.maths-facts div{padding:12px;border-bottom:1px solid var(--rule);border-right:1px solid var(--rule)}.maths-facts dt{font-size:12px;color:var(--muted)}.maths-facts dd{margin:4px 0 0;font-weight:800;font-size:20px}.numeric-answer{display:grid;gap:7px;margin-bottom:18px;max-width:300px}.numeric-answer input{font-size:24px;background:white}.answer-choice{display:inline-flex;align-items:center;gap:8px;padding:12px;margin-right:12px}fieldset{border:1px solid var(--rule);margin-bottom:18px}#feedback:not(:empty){margin-top:25px;border-top:1px solid var(--rule);padding-top:20px}.calculation{font-size:22px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.maths-cards{display:flex;gap:8px;margin:18px 0;flex-wrap:wrap}.maths-card{display:grid;place-items:center;width:54px;height:72px;background:#fff;border:1px solid #a39d8c;border-radius:3px;font-size:24px;font-weight:700}.red{color:#b91c1c}#end-practice{margin-top:18px}.stats-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--rule);white-space:nowrap}.reward{color:var(--felt);font-weight:700}.worked-example button{margin:12px 12px 0 0}#maths-exercise>a,#maths-exercise>button{margin:10px 12px 0 0}
@media(max-width:1100px){.casino-layout{grid-template-columns:1fr}.casino-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:24px}.chat-panel{grid-column:1/-1}.world-toolbar{font-size:13px}}
@media(max-width:640px){.clubhouse-header{padding:14px 16px;gap:14px;flex-wrap:wrap}.clubhouse-header>a{width:168px}.clubhouse-header nav{order:3;width:100%;flex-basis:100%;gap:18px}.clubhouse-header>button,.clubhouse-header>span{margin-left:auto;font-size:12px}.casino-main,.maths-main{padding:24px 16px}.casino-heading,.maths-heading{align-items:start;flex-direction:column}.casino-sidebar{grid-template-columns:1fr}.chat-panel{grid-column:auto}.touch-pad{display:flex;justify-content:center}.world-caption{font-size:10px}.destination-bar{gap:4px;font-size:13px}.profile-grid{grid-template-columns:1fr}.maths-tabs{margin-top:20px}.maths-tabs button{font-size:13px;padding:12px}.maths-facts{grid-template-columns:1fr}#maths-exercise{padding:18px}.skill-list button{flex-direction:column;gap:4px}.skill-list span{font-size:13px}.table-overlay-head{padding:8px}.table-overlay-head strong{font-size:13px}.table-overlay-head button{font-size:11px}.maths-heading>a{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
/* Empty social regions do not reserve a blank panel. */
#invitations:empty{display:none}.daily-board a{display:inline-block;margin-bottom:10px}input{caret-color:var(--blue)}*{scrollbar-color:#8c887a var(--paper);scrollbar-width:thin}
.reward{animation:reward-arrive .45s cubic-bezier(.16,1,.3,1)}
@keyframes reward-arrive{from{transform:translateY(8px)}to{transform:translateY(0)}}
.world-shortcuts{margin-left:auto;position:relative;font-size:14px}.world-shortcuts summary,.world-direct>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;gap:10px}.world-shortcuts summary::after,.world-direct>summary::after{content:'+'}.world-shortcuts[open] summary::after,.world-direct[open]>summary::after{content:'−'}.world-shortcuts nav{position:absolute;right:0;top:100%;z-index:12;display:grid;min-width:220px;padding:10px;background:var(--paper);border:1px solid var(--rule)}.world-shortcuts nav a{padding:12px;min-height:44px}.world-direct{border-top:1px solid var(--rule);padding:8px 0}.world-direct>summary{font-weight:600}.world-direct .destination-bar{padding:12px 0}.world-direct a,.world-direct button,.touch-pad button{min-height:44px}.station-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid var(--rule)}.station-actions a{min-height:44px;display:flex;align-items:center}#world-status{margin:0;padding:12px 16px;background:var(--paper);border:1px solid var(--rule);font-size:13px;min-height:44px}#world-status:empty{display:none}.casino-main>#casino-message{display:none}
.is-world-tour .clubhouse-header,.is-world-tour .casino-heading,.is-world-tour #identity-onboarding,.is-world-tour .casino-sidebar,.is-world-tour #chat-dock,.is-world-tour .daily-board,.is-world-tour #focus-discovery,.is-world-tour .clubhouse-footer{display:none!important}.is-world-tour .casino-main{padding:0}.is-world-tour .casino-layout{display:block;margin:0}.is-world-tour .world-toolbar label,.is-world-tour #audio-toggle,.is-world-tour .touch-pad{display:none}.is-world-tour .world-toolbar{min-height:44px;padding:8px 12px;gap:12px;font-size:13px}.is-world-tour .world-toolbar #world-toggle{margin-left:auto;min-height:44px}.is-world-tour .world-direct{padding:0 12px}.is-world-tour .world-caption{font-size:11px;padding:10px 12px}.is-world-tour .interaction{min-height:44px}.is-world-tour dialog{max-height:90dvh}
.is-world-tour #interact{display:none}.world-caption{font-size:11px}.table-chat{padding:8px 20px;border-top:1px solid var(--rule);max-height:40vh;overflow:auto}.table-chat summary{cursor:pointer;font-weight:700}.table-chat .chat-panel{max-width:800px;margin:auto}.table-chat #chat-log{height:90px}.table-chat h2{display:none}
@media(max-width:640px){.clubhouse-header>.world-shortcuts{flex-basis:100%;margin-left:0;order:3}.clubhouse-header>.world-shortcuts nav{left:0;right:0;min-width:0;width:100%;gap:0}}

/* Account-free study uses a short, responsive navigation row. */
.clubhouse-header.public-study-header { display: flex; flex-wrap: wrap; gap: 16px 28px; }
.public-study-header nav { display: flex; flex-wrap: wrap; gap: 24px; }
.public-study-header nav a, .public-study-signin { display: inline-flex; align-items: center; min-height: 44px; }
.public-study-header .public-study-signin { margin-left: auto; }
@media (max-width: 600px) {
  .clubhouse-header.public-study-header { padding: 12px 16px 0; gap: 0 12px; }
  .public-study-header > a:first-child img { width: 170px; height: auto; }
  .public-study-header nav { order: 3; width: 100%; gap: 24px; }
}
