*{box-sizing:border-box} :root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#eceef1;background:#080d14}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 65% 42%,#15233366,transparent 55%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff09}.brand{display:flex;align-items:center;gap:13px;color:#f3f2ee;text-decoration:none;font-size:22px;letter-spacing:-.8px;font-weight:600}.brand-light,.tiny-light{display:inline-block;border-radius:50%;background:#f0d29d;box-shadow:0 0 15px #ebbd7560}.brand-light{width:11px;height:11px}.tiny-light{width:5px;height:5px;margin-right:8px;vertical-align:middle}.demo{color:#85919e;font-size:13px}main{position:relative;max-width:1500px;min-height:730px;height:calc(100svh - 157px);margin:auto;overflow:hidden}.intro{position:absolute;top:11%;left:6%;z-index:2;pointer-events:none}.eyebrow{font-size:12px;letter-spacing:2.4px;color:#cfb88f}h1{font-size:clamp(38px,4.2vw,62px);font-weight:400;letter-spacing:-2.6px;line-height:1.1;margin:25px 0 23px}.intro p{font-size:16px;line-height:1.8;color:#94a0ad}.world{position:absolute;width:68%;height:90%;right:-1%;top:0}canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}canvas:active{cursor:grabbing}#points{position:absolute;inset:0;pointer-events:none}.point{position:absolute;width:32px;height:32px;padding:0;border:0;background:transparent;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;pointer-events:auto}.point:before{content:'';position:absolute;width:6px;height:6px;left:13px;top:13px;border-radius:50%;background:#fff0c9;box-shadow:0 0 9px 3px #ffca8070,0 0 24px 7px #ffb95125}.point:hover:before,.point.selected:before{background:#fff9e9;box-shadow:0 0 10px 5px #ffca8090,0 0 35px 12px #ffb95140}.point.selected:after{content:'';position:absolute;inset:4px;border:1px solid #e8c38765;border-radius:50%}.point:focus-visible,button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #f2d198;outline-offset:4px}.world-label{position:absolute;bottom:6%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:13px;color:#99a5af;letter-spacing:.4px;pointer-events:none}#card{position:absolute;left:6%;bottom:15%;width:365px;max-width:88%;padding:24px 26px 16px;background:#111b27e8;border:1px solid #b4cbe017;border-radius:15px;box-shadow:0 16px 60px #0002;z-index:3;backdrop-filter:blur(15px)}.card-top{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#c4ad87;font-size:10px;letter-spacing:1px}.card-top b{font-weight:400}.card-count{font-size:12px;white-space:nowrap;color:#7d8b9a;letter-spacing:0}blockquote{margin:22px 0;color:#e0e4e8;font-size:18px;line-height:1.65;font-weight:400}.card-bottom{display:flex;align-items:center;justify-content:space-between;color:#97a4b3;font-size:13px}.navigation{display:flex;gap:5px}.navigation button{width:34px;height:34px;border-radius:50%;border:1px solid #ffffff13;background:transparent;color:#d5dde3;cursor:pointer}.navigation button:hover{background:#ffffff10}.controls{position:absolute;bottom:24px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;color:#8493a3;font-size:13px}.controls button{display:flex;align-items:center;gap:10px;border:1px solid #ffffff15;border-radius:30px;padding:11px 16px;background:#ffffff03;color:#aab6c3;cursor:pointer}.controls button:hover{background:#ffffff09}#play-icon{width:10px;color:#d4bd93}footer{padding:22px 5%;display:flex;justify-content:space-between;border-top:1px solid #ffffff08;color:#697788;font-size:12px}#error{position:absolute;top:45%;left:20%;color:#e6c99b;max-width:250px}@media(min-width:1500px){main{height:800px}}@media(max-width:850px){header{height:76px}.demo{font-size:11px}.intro{top:30px;left:7%}h1{font-size:43px;letter-spacing:-1.8px;margin:17px 0}.intro p{font-size:14px;line-height:1.65}.eyebrow{font-size:10px}.world{width:100%;height:520px;top:185px;right:-15%}main{min-height:1000px;height:auto}#card{left:7%;bottom:105px;width:86%}.world-label{bottom:8%}.controls{bottom:30px;left:7%;right:7%;gap:14px}.hint{font-size:11px;max-width:130px;line-height:1.5}footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:#e9cca0;color:#18202a;border:1px solid #f4dbb5;border-radius:30px;padding:13px 21px;text-decoration:none;font-size:14px;font-weight:600;cursor:pointer}.primary-button:hover{background:#f7ddb5}.create-link span{font-size:19px;line-height:1}.back-link{color:#aebac7;text-decoration:none;font-size:14px}.back-link:hover{color:#f0d29d}.create-main{max-width:570px;height:auto;min-height:0;overflow:visible;padding:55px 24px 44px}.form-heading h1{font-size:38px;letter-spacing:-1.4px;margin:20px 0 14px}.form-heading p{color:#9da9b7;font-size:16px;line-height:1.7;margin-bottom:30px}.field{margin-bottom:24px}.field label{display:block;font-size:14px;color:#dce1e6;margin-bottom:10px}.field input,.field textarea{width:100%;border:1px solid #ffffff20;border-radius:10px;background:#111b26;color:#edf0f3;padding:14px 16px;font:inherit;font-size:16px;outline:none}.field input:focus,.field textarea:focus{border-color:#cfb58b;box-shadow:0 0 0 3px #cfb58b12}.field input::placeholder,.field textarea::placeholder{color:#7e8a9a}.field textarea{resize:vertical;line-height:1.7;min-height:140px}.field-help,.text-meta{color:#96a3b3;font-size:13px;line-height:1.5;margin:8px 0 0}.text-meta{display:flex;justify-content:space-between;gap:16px}.place-results:empty{display:none}.place-results{display:grid;margin-top:10px;border:1px solid #ffffff1b;border-radius:10px;overflow:hidden}.place-results button{text-align:left;font-size:14px;line-height:1.5;padding:12px 15px;border:0;border-bottom:1px solid #ffffff0d;background:#17232e;color:#e5e9ed;cursor:pointer}.place-results button:last-child{border:0}.place-results button:hover,.place-results button:focus-visible{background:#293645}.prototype-note{font-size:13px;line-height:1.65;color:#9eabba;margin:10px 0 24px}.submit-button{width:100%;font-size:16px;padding:16px}.no-login{text-align:center;font-size:13px;color:#94a2b3;margin:16px 0}.map-credit{text-align:center;font-size:12px;color:#798a9a;margin-top:30px}.map-credit a{color:inherit}#form-error{font-size:14px;line-height:1.6;color:#f1bdac}#save-notice{position:absolute;z-index:4;top:8px;left:6%;right:6%;font-size:13px;color:#f0d29d}blockquote{overflow-wrap:anywhere}.card-top b{overflow-wrap:anywhere}.card-bottom>span{max-width:230px;line-height:1.5;overflow-wrap:anywhere}@media(max-width:850px){.create-page header{padding:0 6%}.create-main{min-height:0;padding-top:35px}.form-heading h1{font-size:33px}.create-link{font-size:12px;padding:11px 13px;gap:8px}.back-link{font-size:12px}.create-page .brand{font-size:20px}#save-notice{position:relative;top:auto;left:auto;right:auto;margin:15px 7%;font-size:12px}main:has(#save-notice:not([hidden])) .intro{top:65px}main:has(#save-notice:not([hidden])) .world{top:220px}#card{position:relative;bottom:auto;left:auto;margin:700px 7% 110px;max-width:none;width:auto}main:has(#save-notice:not([hidden])) #card{margin-top:700px}.world{right:0}}

.header-actions{display:flex;align-items:center;gap:22px}.language-switch{display:inline-flex;gap:2px;padding:3px;border:1px solid #ffffff1b;border-radius:24px}.language-switch button{border:0;background:transparent;color:#95a3b3;font-size:12px;font-weight:600;border-radius:18px;min-width:38px;min-height:34px;cursor:pointer}.language-switch button[aria-pressed=true]{background:#ffffff12;color:#f0d29d}.language-switch button:hover{color:#f0d29d}html[lang=en] .form-heading h1{font-size:35px}@media(max-width:600px){header{padding-left:5%;padding-right:5%}.header-actions{gap:9px}.language-switch button{min-width:30px;min-height:32px;font-size:11px}.brand{font-size:18px;gap:8px}.create-link{padding:10px 11px;font-size:11px;gap:4px}.create-link span{display:none}.create-page .brand{font-size:18px}.create-page .back-link{font-size:11px}html[lang=en] .form-heading h1{font-size:30px}}

.world{overflow:hidden}.zoom-controls{position:absolute;right:8%;bottom:12%;display:flex;align-items:center;border:1px solid #ffffff20;background:#101b28e8;backdrop-filter:blur(12px);border-radius:24px;padding:3px;z-index:2}.zoom-controls button{background:transparent;border:0;color:#d9dfe5;border-radius:20px;min-width:38px;height:36px;font-size:18px;cursor:pointer}.zoom-controls #zoom-reset{font-size:12px;min-width:52px}.zoom-controls button:hover{background:#ffffff0c}.zoom-controls button:disabled{opacity:.35;cursor:default}.translation-note{font-size:12px;line-height:1.5;color:#c3ad88;margin:-8px 0 15px}.submit-button:disabled{opacity:.6;cursor:wait}#card blockquote{max-height:270px;overflow-y:auto}@media(max-width:850px){.zoom-controls{right:50%;transform:translateX(50%);bottom:14%}.world-label{bottom:7%}}

.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.admin-main{max-width:850px}.admin-toolbar,.review-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.admin-toolbar select{font:inherit;color:#e5e9ed;background:#17232e;border:1px solid #ffffff25;border-radius:8px;padding:9px}.secondary-button{font:inherit;font-size:14px;color:#cbd5df;background:#162330;border:1px solid #ffffff20;border-radius:24px;padding:12px 18px;cursor:pointer}.review-card{border:1px solid #ffffff20;border-radius:14px;background:#111b26;padding:22px;margin-top:20px}.review-meta{color:#a3b0bf;font-size:13px;overflow-wrap:anywhere}.review-text{font-size:17px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.review-actions{margin-top:16px}#admin-status{color:#d8c09a;line-height:1.6}#admin-more{margin-top:20px}