@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--ink:#292e30;--muted:#82827a;--bronze:#9c784c;--paper:#f7f5ef;--line:#deded4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #bb9458;outline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;height:100px;border-bottom:1px solid var(--line);margin:0 4%}.brand{color:var(--ink);text-decoration:none;display:flex;flex-direction:column;align-items:center}.brand span{font-family:Georgia,serif;font-size:28px;letter-spacing:5px}.brand small{font-size:8px;letter-spacing:5px;margin-top:7px}.header-label{font-size:9px;letter-spacing:3px;color:var(--muted);margin-left:-40px}.text-button{background:none;border:none;font-size:11px;color:#555b58}.text-button span{margin-left:20px}.intro{display:flex;align-items:center;justify-content:space-between;padding:42px 0 34px;margin:0 4%;gap:25px}.eyebrow{font-size:9px;letter-spacing:2.2px;font-weight:600;display:flex;align-items:center;gap:12px;margin:0}.little-line{height:1px;width:24px;background:#ad987a}h1{font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(48px,5.5vw,80px);line-height:1.1;font-weight:400;margin:13px 0 13px;letter-spacing:-2px}h1 em{color:var(--bronze);font-weight:normal}.lede{font-size:12px;line-height:1.8;color:#74776f;margin:0}.start-button{margin-top:36px;background:#293b3a;color:#fff;border:0;padding:17px 22px;font-size:11px}.start-button span{margin-left:30px}.experience{display:grid;grid-template-columns:minmax(0,1fr) 277px;border:1px solid var(--line);margin:0 4%;background:#eeeee4}.scene-shell{min-width:0;display:flex;flex-direction:column}.scene-heading{height:47px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;background:#fcfbf6;font-size:9px;letter-spacing:1.6px;gap:10px}.subtle{color:#95958a;margin-left:10px;font-size:8px}.live-dot{width:5px;height:5px;display:inline-block;background:#789478;border-radius:50%;margin-right:7px}.scene-heading-right{display:flex;align-items:center;gap:15px;font-size:8px;color:#8b907f}.icon{border:0;background:none;color:#61665d;font-size:21px;width:30px;height:30px}.viewport{position:relative;flex:1;height:536px;min-height:400px;overflow:hidden;background:#d9d9ce}canvas{width:100%;height:100%;display:block;touch-action:none;image-rendering:pixelated}.scene-note{position:absolute;left:20px;top:18px;font-size:8px;letter-spacing:1.6px;color:#59645d;display:flex;align-items:center;gap:8px;pointer-events:none}.small-square{background:#899b80;width:4px;height:4px}.camera-tools{position:absolute;top:12px;right:14px;background:#fbfaf2e8;border:1px solid #d5d6c6;display:flex;align-items:center;padding:3px;gap:2px;box-shadow:0 3px 15px #39453908}.camera-tools button{border:0;background:transparent;color:#596257;font-size:19px;width:28px;height:29px}.camera-tools button:hover{background:#e5e8db}.camera-tools span{font-size:9px;color:#76816d;min-width:35px;text-align:center}.camera-tools .divider{height:17px;min-width:0;width:1px;background:#d4d8c9;margin:0 5px}.player-tag{position:absolute;bottom:83px;left:18px;font-size:8px;letter-spacing:1.5px;color:#697866;pointer-events:none}.player-tag span{color:#ab8b4b;margin-left:9px}.context-bar{position:absolute;bottom:15px;left:16px;right:16px;background:#fbfaf4ed;border:1px solid #d6d6c9;display:flex;align-items:center;justify-content:space-between;padding:10px 13px;gap:12px;box-shadow:0 3px 20px #323d2610}.context-bar span{font-size:11px;color:#626b5f}.context-bar button{background:#344c42;color:#f6f4e8;border:none;padding:9px 12px;font-size:10px;white-space:nowrap}kbd{font:9px monospace;border:1px solid #d0d1c4;padding:3px 5px;min-width:17px;display:inline-block;text-align:center;background:#f3f3e8;color:#666e60;border-radius:2px;margin-right:2px}.context-bar kbd{background:#53665c;color:white;border-color:#839382;margin-left:10px}.control-strip{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;gap:8px;background:#fcfbf6;font-size:9px;color:#808473;flex-wrap:wrap}.control-strip>span{display:flex;align-items:center;gap:2px}.control-strip button{background:none;border:none;font-size:9px;color:#6b7566}.control-strip span kbd:last-of-type{margin-right:6px}.touch{display:none}aside{border-left:1px solid var(--line);padding:26px 23px;background:#f3f1e8}.aside-top{display:flex;justify-content:space-between;align-items:center}.aside-top .eyebrow{font-size:8px;letter-spacing:1.8px;color:#7a7c6d}.chapter{font-family:Georgia,serif;font-size:29px;color:#c9c5b1}aside h2{font-family:'Libre Caslon Display',Georgia,serif;font-size:33px;font-weight:400;line-height:1.12;margin:19px 0 12px}.aside-copy{font-size:11px;line-height:1.7;color:#898b7c;margin-bottom:24px}.progress-caption{display:flex;justify-content:space-between;font-size:9px;color:#808774}.progress-caption #xp{color:#9e8054}.progress-track{height:3px;background:#dfe1d2;margin:11px 0 26px}.progress-track>div{height:100%;width:0;background:#9aaf83;transition:width .5s}.missions{margin:0;padding:0;list-style:none}.missions li{display:flex;gap:13px;padding:0 0 23px}.mission-number{width:25px;height:25px;border:1px solid #d4d6c5;display:grid;place-items:center;flex-shrink:0;font:10px monospace;color:#9b9f8c}.missions h3{font-size:12px;font-weight:500;margin:2px 0 6px}.missions p{font-size:10px;line-height:1.7;color:#949584;margin:0}.missions small{display:block;margin-top:8px;font-size:7px;letter-spacing:1.2px;color:#a69a7b}.missions li.done .mission-number{background:#627a56;border-color:#627a56;color:white}.missions li.done small{color:#657e56}.coach-note{border-top:1px solid #d9dbcd;padding:17px 0 13px;display:flex;gap:11px;color:#8e9c7f}.coach-note p{font-size:10px;line-height:1.65;margin:0;color:#8b917c}.coach-note strong{font-weight:500;color:#68765e}.restart{background:none;border:none;font-size:9px;color:#989a87;padding:5px 0}.learning{display:grid;grid-template-columns:1.05fr 1fr 1fr 1fr;margin:42px 4% 37px;gap:35px;border-top:1px solid var(--line);padding-top:27px}.learning-label .eyebrow{font-size:8px;color:#9c998b}.learning h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;line-height:1.1;font-size:28px;margin:14px 0}.learning h2 em{color:var(--bronze)}.learning-item>span{font-size:8px;letter-spacing:1.5px;color:#a19b86}.learning h3{font-size:13px;font-weight:500;margin:15px 0 9px}.learning-item p{font-size:10px;line-height:1.8;color:#8b8d7e;margin:0;max-width:220px}footer{border-top:1px solid var(--line);margin:0 4%;padding:21px 0;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#9c9b8e;gap:20px}.footer-slash{margin:0 15px;color:#c1bcaa}dialog{background:#f9f6ed;border:1px solid #c7c9b5;color:var(--ink);padding:26px;width:min(460px,calc(100% - 32px));box-shadow:0 30px 100px #17251d55}dialog::backdrop{background:#16272287;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}.dialog-top .eyebrow{color:#978160;font-size:8px}.avatar{width:46px;height:46px;border:1px solid #dcd7c5;display:grid;place-items:center;color:#9f8659;font-size:25px;margin:20px 0 15px}dialog h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;font-size:38px;line-height:1.05;margin:12px 0 18px}dialog p{font-size:12px;line-height:1.9;color:#79816e}#choices{display:grid;gap:9px;margin:20px 0}.choice{background:#efeee3;border:1px solid #d9ddce;text-align:left;padding:13px 15px;line-height:1.5;font-size:11px;color:#58664e}.choice:hover{border-color:#8c9d7d;background:#e7eadb}.choice:disabled{opacity:.6;cursor:default}#feedback{font-size:11px;line-height:1.7;color:#718954;margin-bottom:15px}.solid{background:#324b3e;border:0;color:#f4f2e6;padding:13px 19px;font-size:11px}dl{font-size:11px;display:grid;grid-template-columns:145px 1fr;gap:12px;border-top:1px solid #d9ddce;padding-top:19px}dt{color:#52654a}dd{margin:0;color:#8b937d;font-size:10px}.help-foot{font-size:10px!important}#loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;background:#dddccf;z-index:3;color:#657358}#loading[hidden]{display:none}#loading strong{font:28px Georgia,serif;font-weight:normal}#loading span{font-size:11px}.loader{height:28px;width:28px;border:2px solid #b8bcab;border-top-color:#839873;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#2d473b;color:#f2f0df;padding:14px 22px;font-size:12px;box-shadow:0 6px 35px #25382c33;transition:.25s;z-index:8;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.experience:fullscreen{margin:0;grid-template-columns:minmax(0,1fr) 277px;background:var(--paper);height:100%;width:100%}.experience:fullscreen .viewport{height:auto}@media(min-width:1600px){main,header,footer{max-width:1600px;margin-left:auto;margin-right:auto}main{padding:0 50px}.viewport{height:620px}}@media(max-width:1050px){.experience{grid-template-columns:minmax(0,1fr) 245px}aside{padding:22px 18px}.subtle{display:none}.viewport{height:555px}.learning{gap:22px}.control-strip{font-size:8px}}@media(max-width:760px){header{height:78px}.brand span{font-size:22px}.header-label{display:none}.intro{padding-top:29px;display:block}h1{font-size:56px}.start-button{margin-top:20px;padding:13px 17px}.experience{display:block}.viewport{height:480px;min-height:380px}.scene-note{font-size:7px;top:20px;left:10px}.camera-tools{right:8px}.camera-tools button{width:24px}.player-tag{display:none}.context-bar{left:8px;right:8px;padding:8px;bottom:8px}.context-bar>span{font-size:10px}.context-bar kbd{display:none}.scene-heading{padding:0 12px;font-size:8px;letter-spacing:1px}.scene-heading-right{gap:8px;font-size:7px}aside{border-left:0;border-top:1px solid var(--line);padding:22px}.aside-top{display:none}aside h2{font-size:27px;margin-top:0}aside h2 br,.aside-copy br{display:none}.aside-copy{margin-bottom:15px}.missions{display:flex;gap:15px;flex-wrap:wrap}.missions li{flex:1;min-width:160px;padding-bottom:17px}.progress-track{margin-bottom:18px}.coach-note{padding:12px 0}.touch{display:flex;justify-content:center;gap:8px;background:#f5f5e9;padding:12px}.touch button{border:1px solid #d0d5bd;background:#e7eadb;color:#556a47;padding:12px 14px}.control-strip{justify-content:start;gap:12px}.learning{grid-template-columns:1fr 1fr;gap:25px}.learning-label{grid-column:span 2}.learning-label h2 br{display:none}.learning-item p{max-width:none}footer{line-height:1.8;flex-direction:column;gap:6px}.experience:fullscreen{display:block;overflow:auto}.experience:fullscreen .viewport{height:65vh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.loader{animation:none}}
/* Clubhouse-style gameplay layout, with Paradox hospitality colours. */
.experience{display:block;border-radius:12px;overflow:hidden;background:#253b3a;box-shadow:0 15px 45px #293b3014}.scene-heading{background:#293e3d;color:#f3eddc;height:48px}.scene-heading-right{color:#c9c9b8}.scene-heading .icon{color:#e8e4d4}.subtle{color:#b9bcae}.viewport{height:610px;min-height:500px}.scene-note,.player-tag{display:none}.mission-overlay{position:absolute;top:20px;left:20px;width:245px;background:#fffaf0ee;padding:17px 19px;border:1px solid #c6b597;border-radius:7px;box-shadow:0 5px 20px #31453617;pointer-events:none}.mission-overlay small{font-size:8px;letter-spacing:1.6px;color:#987b54}.mission-overlay strong{display:block;font-size:14px;font-weight:500;margin:9px 0}.mission-overlay p{margin:0;font-size:11px;line-height:1.7;color:#7d7f6a}.camera-tools{top:20px;right:20px;border-radius:6px}.touch{position:absolute;bottom:17px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:end;padding:0;background:none;pointer-events:none}.pad,.actions{pointer-events:auto}.pad{text-align:center}.pad>div{display:flex;gap:5px;margin-top:5px}.pad button,.actions button{border:1px solid #fff9;background:#faf6ebed;color:#3c5044;border-radius:9px;width:44px;height:37px;padding:0;touch-action:none;user-select:none;box-shadow:0 2px 9px #38433515}.pad button:hover,.actions button:hover{background:#fff}.actions{display:flex;gap:9px}.actions button{width:70px;height:55px;font-size:12px;line-height:1.6}.actions small{font-size:8px;opacity:.6}.context-bar{bottom:111px;left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:90%;padding:10px 19px;background:#293e3dee;border:0;border-radius:24px;box-shadow:none;pointer-events:none;text-align:center}.context-bar span{color:#f8f2df;font-size:11px}.control-strip{background:#293e3d;color:#d9dccb;padding:15px 20px}.control-strip kbd{background:#4f6055;color:#f2f0de;border-color:#8c947d}.control-strip button{color:#d9dccb}aside{border:0;border-top:1px solid #dcd8c9;background:#f5f2e8;padding:23px}.aside-top,aside>h2,.aside-copy{display:none}.progress-caption{max-width:300px}.progress-track{margin:10px 0 21px}.missions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.missions li{padding:20px;border:1px solid #ddd8c6;border-radius:7px;background:#fcfaf3}.missions li.done{background:#edf0e1;border-color:#a3b28e}.missions h3{font-size:15px}.missions p{font-size:12px}.missions p br{display:none}.missions small{font-size:8px}.coach-note{border:0;padding:15px 0 0}.learning{display:none}.restart{float:right;margin-top:-32px}.experience:fullscreen{display:flex;flex-direction:column}.experience:fullscreen .scene-shell{flex:1;min-height:0}.experience:fullscreen .viewport{flex:1;height:auto}.experience:fullscreen aside{display:none}@media(max-width:760px){.viewport{height:530px;min-height:530px}.mission-overlay{left:12px;top:12px;width:192px;padding:12px}.mission-overlay strong{font-size:12px}.mission-overlay p{font-size:10px}.camera-tools{top:12px;right:12px;flex-wrap:wrap;max-width:120px;justify-content:center}.camera-tools .divider{display:none}.touch{left:13px;right:13px}.context-bar{font-size:10px;bottom:111px;width:max-content}.context-bar span{font-size:10px}.missions{grid-template-columns:1fr;gap:10px}.missions li{min-width:0;padding:17px}.control-strip{gap:10px;padding:12px;font-size:8px}aside{padding:18px}.restart{float:none;margin-top:10px}.intro{margin-bottom:5px}footer{margin-top:25px}}
