*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f7f7f2;color:#202a3b;font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #735af3;outline-offset:4px}.skip{position:absolute;top:-80px;left:20px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}.site-header{max-width:1260px;padding:27px 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #e1e3da}.brand{text-decoration:none;display:flex;align-items:center;font-size:29px;font-weight:750;letter-spacing:-1.5px;gap:10px}.brand-period{color:#91b477;margin-left:-10px}.brand-mark{background:#202a3b;border-radius:11px;color:#d8f5b5;font:bold 32px Georgia,serif;position:relative;width:38px;height:40px;text-align:center;line-height:42px;margin-right:3px}.brand-mark span{position:absolute;top:-10px;right:3px;font:16px/32px system-ui}.site-header nav{display:flex;align-items:center;gap:26px;font-size:13px}.site-header nav>a:not(.button){text-decoration:none}.site-header nav>a:hover{text-decoration:underline}.site-header form{margin:0}.nav-note{color:#747a7c;font-size:12px}main{max-width:1180px;margin:auto;padding:0 20px;min-height:calc(100vh - 220px)}h1,h2,h3,p{margin-top:0}h1{font:500 clamp(38px,5vw,68px)/1.08 Georgia,"Times New Roman",serif;letter-spacing:-2.2px;margin-bottom:25px}h2{font-size:23px;letter-spacing:-.7px;line-height:1.3}h3{font-size:19px;letter-spacing:-.4px}p{color:#687075}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:#657062;margin-bottom:25px;display:flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;background:#86ae6f;border-radius:50%;display:inline-block}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;padding:88px 0 72px;align-items:center}.hero-copy{max-width:420px;font-size:16px;margin-bottom:30px}.button{border:1px solid #202a3b;border-radius:8px;padding:13px 20px;background:#202a3b;color:#fff;display:inline-flex;justify-content:center;align-items:center;gap:22px;text-decoration:none;font-size:13px;font-weight:650;min-height:46px;cursor:pointer;line-height:1.5}.button:hover{background:#34475d}.button span{font-size:18px}.button.small{padding:9px 15px;min-height:42px;font-size:12px;gap:12px}.button.light{background:transparent;color:#202a3b;border-color:#b7c1ab}.button.light:hover{background:#ffffff80}.button.full{width:100%;margin-top:26px;justify-content:space-between}.text-button{border:0;background:none;padding:8px 0;font-size:12px;color:#59665a;cursor:pointer;min-height:40px}.text-button:hover{text-decoration:underline}.quiet,.help-text{color:#7d8482;font-size:12px}.invitation-note{margin:17px 0 0;font-size:11px}.hero-art{height:408px;position:relative;overflow:hidden;border-radius:25px;background:#edf0e5}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#c5ceba55 1px,transparent 1px),linear-gradient(90deg,#c5ceba55 1px,transparent 1px);background-size:36px 36px}.art-orbit{position:absolute;width:360px;height:360px;border:1px solid #b3c5a380;border-radius:50%;left:70px;top:25px}.orbit-two{width:240px;height:240px;left:120px;top:80px}.art-tile{position:absolute;display:flex;flex-direction:column;border:1px solid #202a3b18;box-shadow:0 15px 25px #253a3210;padding:25px;border-radius:14px;width:205px;height:255px;justify-content:space-between}.art-tile>span{font-size:40px;line-height:1}.art-tile strong{font:500 29px/1.06 Georgia,serif;letter-spacing:-.6px}.art-tile small{font-size:6px;letter-spacing:1.2px}.tile-game{top:35px;left:35px;background:#cabbf3;transform:rotate(-10deg)}.tile-app{right:28px;bottom:30px;background:#daf1b9;transform:rotate(9deg)}.art-sticker{position:absolute;top:18px;right:18px;width:76px;height:76px;border-radius:50%;background:#202a3b;color:#f5f7ed;display:grid;place-content:center;text-align:center;font-size:10px;line-height:1.3;font-weight:700;letter-spacing:1.5px;transform:rotate(12deg)}.intro-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dfe3d9;padding:38px 0 50px;gap:55px}.intro-grid h2{font:500 24px Georgia,serif;margin:19px 0 14px}.intro-grid p{font-size:13px;margin:0}.feature-number{font-size:9px;letter-spacing:1.5px;color:#8a918a}.invitation-panel{background:#e9efdf;padding:34px 40px;display:flex;align-items:center;justify-content:space-between;border-radius:12px;gap:25px;margin-bottom:60px}.invitation-panel .eyebrow{margin-bottom:12px}.invitation-panel h2{margin-bottom:8px}.invitation-panel p{font-size:13px;margin:0}.site-footer{max-width:1180px;margin:45px auto 0;padding:25px 20px 30px;border-top:1px solid #e1e3da;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8b918a}.footer-dot{width:5px;height:5px;display:inline-block;background:#8fb577;border-radius:50%;margin-left:7px}.auth-layout{min-height:640px;display:grid;grid-template-columns:1fr 420px;gap:100px;align-items:center;padding:60px 40px}.auth-story h1{font-size:58px}.auth-story p{max-width:300px;font-size:14px}.auth-doodle{font-size:110px;color:#8f77bd;line-height:1.2;margin-left:20px;position:relative;width:190px}.auth-doodle span{position:absolute;font-size:48px;right:0;top:20px;color:#a7bb80;transform:rotate(20deg)}.form-card,.panel{border:1px solid #e1e3da;border-radius:13px;background:#fff;padding:32px}.form-card h2{font:500 37px Georgia,serif;letter-spacing:-1px;margin-bottom:10px}.form-card>p{font-size:13px;margin-bottom:28px}.form-card .eyebrow{margin-bottom:15px}.form-card label,label{display:block;font-size:12px;font-weight:650;margin:20px 0 8px}.form-card input:not([type=hidden]),.form-card textarea,.form-card select,.panel input,.share-panel input{width:100%;border:1px solid #d8ddd3;background:#fcfdf9;color:#202a3b;border-radius:7px;padding:12px;min-height:46px;outline-offset:2px}.form-card textarea{min-height:100px;resize:vertical}.form-card button{margin-top:24px}.form-footnote{font-size:11px!important;margin:22px 0 0!important;color:#8a908c}.form-error,.errorlist{font-size:12px;color:#9d3338;background:#fff3f0;border-radius:7px;padding:12px 15px;list-style:none}.help-text{font-size:11px;line-height:1.6;margin-top:10px}.help-text ul{padding-left:18px}.form-section{padding:65px 0 80px;max-width:730px;margin:auto}.form-section h1{font-size:46px}.form-section.compact{max-width:580px}.form-section .form-card{margin-top:30px}.lead{max-width:650px;font-size:15px;line-height:1.75}.form-card .subtle-link{display:block;margin-top:20px}.library-heading{display:flex;justify-content:space-between;align-items:center;padding:65px 0 38px;gap:30px}.library-heading h1{font-size:49px}.library-heading .lead{max-width:550px;margin-bottom:0}.library-stamp{background:#eaf0e0;border:1px dashed #b3c3a3;border-radius:50%;width:143px;height:143px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;transform:rotate(9deg)}.library-stamp strong{font:500 49px/1 Georgia,serif}.library-stamp span{text-align:center;font-size:10px;line-height:1.4;margin-top:8px}.section-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.section-bar h2{margin:0}.tabs{display:flex;gap:7px}.tabs a{padding:9px 18px;border-radius:7px;text-decoration:none;font-size:12px;min-height:42px}.tabs a.selected{background:#202a3b;color:#fff}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.project-card{background:#fff;border:1px solid #e0e3da;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.project-art{height:185px;position:relative;display:grid;place-items:center;overflow:hidden}.mint{background:#daedc5}.peach{background:#f2d1bb}.violet{background:#d8cef1}.blue{background:#cbdfe9}.project-symbol{font:80px Georgia,serif;transform:rotate(-12deg);color:#304430}.project-kind{position:absolute;top:18px;left:18px;background:#ffffff78;font-size:9px;letter-spacing:1px;text-transform:uppercase;padding:3px 10px;border-radius:20px}.project-address{position:absolute;bottom:14px;left:18px;font-size:8px;letter-spacing:.3px;color:#43533f}.project-body{padding:23px;flex:1;display:flex;flex-direction:column}.project-body h2{font-size:19px;margin-bottom:10px}.project-body p{font-size:12px;margin-bottom:22px}.project-actions{display:flex;gap:20px;align-items:center;margin-top:auto}.subtle-link{font-size:12px;color:#5a6b51}.library-note{display:flex;gap:20px;border-top:1px solid #e1e3da;padding-top:25px;margin-top:45px;max-width:720px}.library-note>span{font-size:30px;color:#90a77d}.library-note p{font-size:12px}.library-note strong{display:block;color:#44513e;margin-bottom:3px}.empty-card{padding:40px;border:1px dashed #cdd4c5;border-radius:12px;grid-column:1/-1;text-align:center;max-width:650px;width:100%;margin:auto}.empty-card>span{font-size:45px;color:#a398bc}.empty-card h2{font:500 30px Georgia,serif}.empty-card p{font-size:13px}.page-heading{padding:65px 0 35px}.page-heading h1{font-size:52px}.page-heading .eyebrow{margin-bottom:18px}.accent-period{color:#9dbb7a}.two-column{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-bottom:24px}.panel h2{font-size:21px}.panel p{font-size:13px}.panel form .button{margin-top:20px}.tag{border-radius:20px;padding:5px 10px;background:#eef2e8;font-size:10px;color:#64735b;white-space:nowrap}.rating-row,.list-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;border-bottom:1px solid #ecede7}.list-row:last-child{border-bottom:0}.list-row strong{font-size:13px}.list-row small,.rating-row small{display:block;font-size:10px;color:#8a9188;margin-top:4px;overflow-wrap:anywhere}.rating-value{font-size:26px}.rating-value small{display:inline}.player-id{display:block;font-size:11px;overflow-wrap:anywhere;background:#f5f6f1;padding:12px;border-radius:7px;margin:20px 0 23px}.empty-inline{padding:25px 0;text-align:center}.empty-inline>span{font-size:40px;color:#a79bbd}.empty-inline h3{margin:12px 0}.empty-inline p{max-width:340px;margin:10px auto}.account-panel .help-text{font-size:11px}.owner-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.owner-projects{margin-bottom:24px}.share-panel{background:#e4efce;border:1px solid #c6d9ac;border-radius:12px;padding:30px;margin-bottom:30px}.share-panel p{max-width:650px;font-size:13px}.copy-row{display:flex;gap:10px;align-items:center}.copy-row input{font-size:12px}.copy-row button{white-space:nowrap}.member-actions{display:flex;gap:18px}.member-actions button{font-size:11px}.ranking-row{display:grid;grid-template-columns:30px 1fr 1fr auto;gap:20px;align-items:center;font-size:13px;padding:18px 0;border-bottom:1px solid #e6e9df}.ranking-row>span{font-size:11px;color:#7c8577}.messages{background:#e7efd9;border:1px solid #cedcba;border-radius:8px;padding:12px 18px;margin-top:25px}.messages p{margin:0;font-size:13px;color:#405535}
@media(max-width:900px){.site-header{padding:20px}.hero{gap:30px}.hero-art{height:360px}.art-tile{width:170px;height:225px;padding:20px}.art-tile strong{font-size:26px}.tile-game{left:20px}.tile-app{right:12px}.intro-grid{gap:28px}.auth-layout{gap:45px;grid-template-columns:1fr 370px;padding:45px 0}.auth-story h1{font-size:48px}.project-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){main{padding:0 20px}.site-header{padding:18px 20px;align-items:flex-start;gap:15px;flex-wrap:wrap}.brand{font-size:25px}.brand-mark{width:34px;height:36px;line-height:38px;font-size:29px}.site-header nav{gap:16px;font-size:11px;flex-wrap:wrap;align-self:center}.nav-note{display:none}.site-header nav .button{font-size:11px;padding:9px 13px}.site-header .text-button{font-size:11px}.hero{grid-template-columns:1fr;padding:45px 0 35px;gap:32px}.hero h1{font-size:49px}.hero-copy{font-size:14px}.hero-art{height:325px;max-width:440px;width:100%;margin:auto}.art-tile{width:168px;height:220px}.tile-game{top:28px;left:28px}.tile-app{right:24px;bottom:22px}.art-sticker{width:60px;height:60px;font-size:8px}.intro-grid{grid-template-columns:1fr;gap:30px;padding:30px 0}.intro-grid h2{margin:12px 0 9px;font-size:24px}.intro-grid p{max-width:390px}.invitation-panel{padding:26px;align-items:flex-start;flex-direction:column;margin-bottom:30px}.site-footer{padding:22px 20px;margin-top:30px;flex-direction:column;gap:8px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:19px}.auth-layout{grid-template-columns:1fr;min-height:0;padding:40px 0;gap:20px}.auth-story h1{font-size:43px}.auth-story p{max-width:100%;font-size:13px}.auth-doodle{display:none}.form-card,.panel{padding:25px}.form-card label,label{font-size:12px}.form-card input:not([type=hidden]),.form-card textarea,.form-card select,.panel input,.share-panel input{font-size:16px;min-height:46px}.form-section{padding:42px 0}.form-section h1{font-size:38px}.lead{font-size:13px}.form-card h2{font-size:32px}.library-heading{padding:42px 0 28px;align-items:flex-start}.library-heading h1{font-size:37px;letter-spacing:-1.3px}.library-stamp{display:none}.section-bar{gap:10px;flex-wrap:wrap}.section-bar>.quiet{font-size:10px}.tabs a{padding:9px 15px}.project-grid{grid-template-columns:1fr}.project-art{height:165px}.project-body h2{font-size:21px}.project-body p{font-size:13px}.project-actions .button{min-height:44px}.library-note{gap:12px;margin-top:30px}.page-heading{padding:42px 0 22px}.page-heading h1{font-size:40px}.two-column{grid-template-columns:1fr;gap:18px}.owner-heading{align-items:flex-start;flex-direction:column}.owner-heading .button{margin-bottom:15px}.list-row{gap:15px}.member-row{align-items:flex-start;flex-direction:column}.member-actions{gap:25px}.member-actions button{min-height:44px}.share-panel{padding:24px}.copy-row{align-items:stretch;flex-direction:column}.ranking-row{grid-template-columns:20px 1fr auto;gap:10px}.ranking-row>span:nth-child(3){display:none}.empty-card{padding:30px 20px}.button{min-height:46px}.help-text{font-size:11px}}

.project-choices{border:1px solid #dfe3d9;border-radius:8px;margin:20px 0;padding:16px}.project-choices legend{font-size:13px;font-weight:650;padding:0 5px}.project-choices label{display:flex;align-items:center;gap:12px;padding:9px 0;margin:0;min-height:44px}.panel .project-choices input[type=checkbox]{width:20px;height:20px;min-height:20px;margin:0;flex:0 0 20px;accent-color:#735af3}.project-choices .help-text{margin:12px 0 0}
