@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,400;9..144,600&display=swap";:root{color:#30423c;font-synthesis:none;background:#f5f4ed;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:#30423c;background:#fff;border:1px solid #c9d0c3;border-radius:12px;min-height:44px;padding:9px 16px}button:disabled{opacity:.5;cursor:not-allowed}h1,h2{font-family:Fraunces,Georgia,serif;font-weight:600;line-height:1.15}h1{margin:8px 0 12px;font-size:clamp(2.1rem,4vw,3.1rem)}h2{margin:8px 0 14px;font-size:1.4rem}p{line-height:1.55}small,.hint{color:#6d7b73}.shell{max-width:1300px;min-height:100vh;margin:auto;padding:0 28px}.topbar{border-bottom:1px solid #dce0d6;justify-content:space-between;align-items:center;gap:20px;height:94px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#577968;background:#dbead9;border-radius:14px;place-items:center;width:43px;height:43px;font-size:24px;display:grid}.brand strong,.brand small{display:block}.brand strong{font-family:Fraunces,Georgia,serif;font-size:1.25rem}.brand small{margin-top:2px;font-size:.75rem}.account{color:#69776d;align-items:center;gap:10px;font-size:.82rem;display:flex}.account select{background:#fff;border:1px solid #cdd7ca;border-radius:10px;padding:10px}.layout{grid-template-columns:165px 1fr;gap:42px;padding-top:38px;display:grid}nav{flex-direction:column;align-items:stretch;gap:6px;display:flex}nav button{text-align:left;background:0 0;border:0;padding:10px 16px;position:relative}nav button.active{color:#305f4c;background:#e2ebdf;font-weight:700}nav .dot{background:#a86558;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}main{min-width:0;max-width:990px;padding-bottom:70px}.section-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.section-head p{color:#708078;margin:0}.eyebrow{color:#678974;text-transform:uppercase;letter-spacing:.17em;font-size:.67rem;font-weight:700}.quiet-pill{color:#587461;white-space:nowrap;background:#e6ede0;border-radius:100px;padding:9px 15px;font-size:.75rem}.panel{background:#fffefa;border:1px solid #e4e8dc;border-radius:22px;margin-bottom:22px;padding:25px;box-shadow:0 8px 28px #7487730c}.two-col{grid-template-columns:minmax(0,1.2fr) minmax(275px,.8fr);gap:22px;display:grid}.two-col>.panel,.stack>.panel:last-child{margin-bottom:0}.scene{background:#e7eee3;flex-direction:column;min-height:382px;padding:0;display:flex;overflow:hidden}.scene-sky{color:#a5bcb2;justify-content:space-between;padding:25px 37px;font-size:34px;display:flex}.scene-figures{flex:1;justify-content:center;align-items:flex-end;gap:16px;padding:20px;display:flex}.figure{color:#64826c;background:#f9f9ee;border:2px solid #b5c6b4;border-radius:46px 46px 24px 24px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:95px;height:155px;display:flex}.figure span{font-size:40px;line-height:1}.figure b{font-size:.82rem}.scene-caption{background:#f8f9f2;justify-content:space-between;gap:10px;padding:20px 25px;display:flex}.scene-caption span{font-weight:700}.scene-caption small{font-size:.7rem}.segmented{border:1px solid #dfe6d9;border-radius:12px;gap:3px;padding:4px;display:flex}.segmented button{background:0 0;border:0;flex:1;min-width:0;padding:8px 4px}.segmented button.chosen{color:#37644f;background:#dbe9db}.room{justify-content:space-between;align-items:center;gap:25px;display:flex}.room h2{margin:8px 0}.room p{color:#748078;margin:0}.card-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.friend-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0;display:grid}.friend-card{border:1px solid #e1e7df;border-radius:16px;align-items:center;gap:12px;min-width:0;padding:13px;display:flex}.friend-card>div{flex:1;min-width:0}.friend-card strong,.friend-card small{display:block}.friend-card strong{font-size:.85rem}.friend-card small{margin-top:3px;font-size:.72rem}.friend-card button{padding:7px 10px;font-size:.76rem}.friend-avatar{color:#678273;background:#e4eade;border-radius:50%;flex:none;place-items:center;width:37px;height:37px;display:grid}.form-row{gap:15px;display:flex}.form-row label{flex:1;min-width:0}label.full{margin:16px 0;display:block}label{font-size:.8rem;font-weight:600}input:not([type=checkbox]),select,textarea{color:#30423c;background:#fff;border:1px solid #d7dfd2;border-radius:10px;width:100%;min-height:44px;margin-top:6px;padding:10px;display:block}textarea{resize:vertical;min-height:95px}.item{border-top:1px solid #e8e9e2;padding:17px 0}.item>div{justify-content:space-between;gap:10px;display:flex}.item small{font-size:.68rem}.item p{overflow-wrap:anywhere}.item button{font-size:.75rem}.check{align-items:center;gap:9px;margin:18px 0;display:flex}.check input{width:18px;height:18px}.notice{color:#385d4b;background:#e5eee3;border-radius:10px;padding:12px 16px}footer{color:#8a968c;border-top:1px solid #dce0d6;padding:18px 0;font-size:.72rem}@media (width<=900px){.layout{grid-template-columns:1fr;gap:20px;padding-top:18px}nav{flex-direction:row;overflow-x:auto}nav button{text-align:center;flex:1}.two-col{grid-template-columns:1fr}.scene{min-height:330px}}@media (width<=600px){.shell{padding:0 15px}.topbar{height:78px}.brand small,.account{font-size:.68rem}.brand strong{font-size:1rem}.section-head{align-items:flex-start}.quiet-pill{display:none}.friend-grid{grid-template-columns:1fr}.room{flex-direction:column;align-items:flex-start}.room button{width:100%}.scene-caption{flex-direction:column}.form-row{flex-wrap:wrap}.form-row label{min-width:125px}nav{gap:0}nav button{padding:8px 5px;font-size:.79rem}.panel{padding:20px}}.room-actions{flex-wrap:wrap;gap:9px;display:flex}.room-actions button{white-space:nowrap}@media (width<=600px){.room-actions{width:100%}.room-actions button{flex:1}}.auth-main{max-width:510px;margin:9vh auto;padding-bottom:32px}.auth-panel{padding:32px}.auth-panel form{flex-direction:column;align-items:stretch;gap:14px;margin-top:25px;display:flex}.auth-panel form+form{border-top:1px solid #e4e8dc;padding-top:24px}.auth-panel button{align-self:flex-start}.auth-panel .notice{margin-top:22px}@media (width<=600px){.auth-main{margin:5vh auto}.auth-panel{padding:24px}}:root{color:#334c4b;background:#f8f6ed;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell{min-height:100dvh}h1,h2,.brand strong{font-family:Georgia,Times New Roman,serif}.brand-mark{color:#5c886f;background:#e7edca;border-radius:6px;box-shadow:4px 4px #aac9ad}.panel{background:#fffdf6;border-color:#dbe5dc;border-radius:16px;box-shadow:0 7px #c9d9cc36}button{color:#334c4b;background:#fffef8;border-color:#bfd0c1;border-radius:10px}nav button.active{color:#315f4b;background:#e6f1e8;box-shadow:inset 4px 0 #86aa89}.quiet-pill{color:#496d56;background:#e9f1db;border-radius:7px}.primary{color:#fff;background:#547e6a;border-color:#547e6a}.primary:hover:not(:disabled){background:#3f6856}.scene{isolation:isolate;background:#a9caf7;border:3px solid #fffef7;min-height:382px;padding:0;position:relative;overflow:hidden;box-shadow:0 7px #c2d5cb}.scene-sky{background:linear-gradient(#91b8ef 0%,#b4d1fc 53%,#ecd6ca 100%);padding:0;position:absolute;inset:0 0 74px;overflow:hidden}.scene-sky:before,.scene-sky:after{content:"";position:absolute;inset:0}.scene-sky:before{clip-path:polygon(0 77%,8% 75%,8% 71%,19% 71%,19% 68%,31% 68%,31% 59%,36% 59%,36% 52%,41% 52%,41% 46%,46% 46%,46% 40%,51% 40%,51% 48%,57% 48%,57% 58%,64% 58%,64% 51%,70% 51%,70% 57%,77% 57%,77% 62%,86% 62%,86% 69%,100% 69%,100% 100%,0 100%);opacity:.85;background:#a79acb;top:21%}.scene-sky:after{clip-path:polygon(0 54%,10% 53%,10% 57%,19% 57%,19% 61%,30% 61%,30% 66%,43% 66%,43% 70%,55% 70%,55% 65%,64% 65%,64% 60%,75% 60%,75% 54%,84% 54%,84% 48%,94% 48%,94% 43%,100% 43%,100% 100%,0 100%);background:linear-gradient(#8ba5a5,#6c936e 70%,#9bb278);top:39%}.scene-sky span{z-index:1;color:#0000;clip-path:polygon(0 50%,15% 50%,15% 25%,33% 25%,33% 0,67% 0,67% 25%,85% 25%,85% 50%,100% 50%,100% 75%,0 75%);background:#fff2df;width:60px;height:26px;position:absolute}.scene-sky span:first-child{top:14%;left:13%}.scene-sky span:last-child{width:76px;top:24%;right:18%}.scene-figures{z-index:1;min-height:305px;position:relative}.figure{color:#375d55;background:#f9f2d9;border:3px solid #627f78;border-radius:10px 10px 5px 5px;width:94px;height:130px;box-shadow:5px 5px #576f7280}.figure:nth-child(2){background:#f2dcd0}.figure:nth-child(3){background:#dfe6ef}.figure span{color:#0000;background:#f8c8b5;border-radius:5px;width:38px;height:38px;box-shadow:inset -5px -5px #e6a998}.scene-caption{z-index:2;background:#fff9eb;border-top:2px solid #e8dec9;position:relative}.friend-card{background:#fcfcf5;border-radius:10px}.friend-avatar{background:#d8e7ce;border-radius:5px}input:not([type=checkbox]),select,textarea{background:#fffefa;border-color:#cadacc;border-radius:9px}.notice{color:#345e4a;background:#e8f2e5;border-radius:8px}@media (width<=900px){nav button.active{box-shadow:inset 0 -4px #86aa89}}@media (width<=600px){.scene{padding:0}}.pairing-controls{border-top:1px solid #e3e9df;margin-top:18px;padding-top:18px}.pairing-controls>p:first-child{margin-top:0}.password-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;display:grid}.password-form button{grid-column:1/-1;justify-self:start}@media (width<=700px){.password-form{grid-template-columns:1fr}}.pairing-form{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.pairing-form label{flex:1;min-width:180px}.pairing-form button{white-space:nowrap}.pairing-actions{flex-wrap:wrap;gap:10px;display:flex}.quick-message-group{margin-top:18px}.quick-message-group>.hint{margin-bottom:9px;font-size:.8rem;display:block}.quick-messages{flex-wrap:wrap;gap:8px;display:flex}.quick-messages button{background:#f5f8ef;border-color:#c9dac4;min-height:44px;padding:8px 12px}.quick-messages button[aria-pressed=true]{background:#dcebd8;border-color:#75a786;box-shadow:inset 0 0 0 1px #75a786}.reaction-options{gap:8px;margin:10px 0;display:flex}.reaction-options button{min-width:48px;min-height:44px;padding:7px;font-size:1.3rem}.reaction-options button[aria-pressed=true]{background:#e4f0df;border-color:#76a386;box-shadow:inset 0 0 0 1px #76a386}.sent-reaction{background:#eaf3e6;border-radius:9px;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:1.3rem;display:inline-flex}body{background:linear-gradient(#dcecff 0,#f5eef7 280px,#f9f5ed 690px)}.topbar{border-color:#d9d6e3}.scene{background:#b9cdf1;border-color:#fff8ef;min-height:0}.pixel-canvas{aspect-ratio:4/3;width:100%;image-rendering:pixelated;background:linear-gradient(#a7c6f5,#ecbed3);position:relative;overflow:hidden}.pixel-canvas img{image-rendering:pixelated;-webkit-user-select:none;user-select:none;pointer-events:none;display:block;position:absolute}.scene-caption{background:#fff7ec;border-top:2px solid #e8d9d4}.scene-error{text-align:center;color:#4c4b65;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.brand-mark{color:#76528b;background:#eee1f2;box-shadow:4px 4px #c4bbde}.quiet-pill{color:#596282;background:#e8eaf7}.eyebrow{color:#8b7093}.friend-avatar{color:#765c84;background:#eee0f1}.thought{background:#f6f4ee;max-width:580px;margin-top:22px}.thought p{color:#33483e;margin:10px 0 0;font-family:Georgia,serif;font-size:1.25rem;line-height:1.45}.scene{align-self:start}:root{--ink:#30493e;--edge:#9bb5a5;--paper:#fffaf0;--pixel-shadow:#c5d6c8}body{color:var(--ink);background-color:#faf6ee;background-image:linear-gradient(#dcecff 0,#f6eef4 320px,#faf6ee 760px)}.brand-mark{border:2px solid #9f91bd;border-radius:4px;font-family:ui-monospace,monospace;box-shadow:4px 4px #c6b9d7}.panel{background:var(--paper);box-shadow:4px 4px 0 var(--pixel-shadow);border:2px solid #d8e0d5;border-radius:8px}.scene{border:3px solid #fff8ef;border-radius:8px;box-shadow:5px 5px #9fbba9}.pixel-canvas{border-bottom:2px solid #d7bca8}.scene-caption{background:#fff8ee;border:0}nav button{border-radius:3px}nav button.active{background:#e3efdf;border-left:4px solid #668e70;padding-left:12px;box-shadow:3px 3px #c5d8c6}button{border:2px solid #a9bdb0;border-radius:5px;box-shadow:2px 2px #d5dfd2}button:hover:not(:disabled){background:#e7f0e3}button:active:not(:disabled){transform:translate(2px,2px);box-shadow:0 0 #0000}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #b56288}.primary{color:#fff;background:#376750;border-color:#294f3d;box-shadow:3px 3px #acc5ad}.primary:hover:not(:disabled){color:#fff;background:#2b5944}.segmented{border:2px solid #d3ddcf;border-radius:5px}.segmented button{box-shadow:none;border:0;border-radius:3px}.segmented button.chosen{background:#d7e8d3;box-shadow:inset 0 0 0 2px #b8cdb6}.eyebrow{letter-spacing:.12em;color:#6b6278;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.quiet-pill{color:#4f5978;background:#eaebf6;border:1px solid #c8cadd;border-radius:3px}.friend-card,.item{border-color:#d5dfd5}.friend-card{background:#fffdf6;border-width:2px;border-radius:5px}.friend-avatar{border:2px solid #c7b3cc;border-radius:3px;box-shadow:2px 2px #d9c8df}input:not([type=checkbox]),select,textarea{color:#273e33;background:#fffef9;border:2px solid #bfcfc3;border-radius:5px}.hint,small{color:#56695f}.thought{background:#f1f1e8;border-color:#d5d9c5}@media (width<=600px){.panel{box-shadow:3px 3px 0 var(--pixel-shadow)}.scene{box-shadow:3px 3px #9fbba9}}.choice-flow>.hint,.note-flow>.hint{margin:0 0 23px}.choice-step{border:0;min-width:0;margin:0 0 24px;padding:0}.choice-step legend{color:#355847;width:100%;margin-bottom:11px;padding:0;font-size:.9rem;font-weight:700;display:block}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.friend-choice{text-align:left;background:#fffdf7;border-color:#afc4b3;align-items:center;gap:13px;width:100%;min-width:0;padding:12px 14px;display:flex}.friend-choice>span:last-child{min-width:0}.friend-choice strong,.friend-choice small{overflow-wrap:anywhere;display:block}.friend-choice small{margin-top:4px;font-size:.75rem}.friend-choice.selected,.activity-choice.selected{color:#234635;background:#dcebd8;border-color:#47785a;box-shadow:3px 3px #94b49c}.activity-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.activity-choice{background:#fffdf7;min-height:53px}.existing-visit{background:#eff5e9;border-left:4px solid #6c9771;max-width:58ch;margin:0 0 22px;padding:13px 15px}.go-line{border-top:1px solid #d9e2d8;flex-wrap:wrap;align-items:center;gap:18px;padding-top:20px;display:flex}.go-line p{color:#52695c;margin:0;font-size:.9rem}.go-button{min-width:92px;min-height:52px;font-size:1.05rem;font-weight:700}.note-flow{max-width:760px}@media (width<=600px){.choice-grid{grid-template-columns:1fr}.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.go-line{flex-direction:column;align-items:stretch;gap:9px}.go-button{width:100%}}.brand-mark{background:#eee1f2;width:48px;height:43px;padding:5px}.brand-mark img{width:36px;height:28px;image-rendering:pixelated;display:block}.auth-shell{isolation:isolate;background-color:#f4dfc6;background-image:linear-gradient(#fffbf41a,#47374e2e),url(/images/nerdy-internet-cafe.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;max-width:none;min-height:100dvh}.auth-shell .topbar{border-bottom:0;max-width:1180px;height:90px;margin:0 auto}.auth-shell .brand{background:#fffaf0f2;border:2px solid #927d84;padding:8px 15px 8px 9px;box-shadow:5px 5px #604f5b66}.auth-shell .brand strong{color:#3c3b46}.auth-shell .brand small{color:#695969}.auth-shell .auth-main{justify-content:center;align-items:center;max-width:560px;min-height:calc(100dvh - 90px);margin:0 auto;padding:20px 0 72px;display:flex}.auth-shell .auth-panel{background:#fffaf1f5;border:3px solid #69576a;width:min(100%,460px);padding:34px;box-shadow:9px 9px #5844588c}.auth-shell .auth-panel h1{color:#30483f}.auth-shell .auth-panel p{color:#455d52;margin-top:0}.auth-shell .auth-panel .eyebrow{color:#795982}.auth-shell .auth-panel input{background:#fffdf8;border-color:#8ea899}@media (width<=600px){.auth-shell{background-position:12%;padding:0 14px}.auth-shell .topbar{height:78px}.auth-shell .brand{padding:5px 9px 5px 5px}.auth-shell .auth-main{align-items:flex-start;min-height:calc(100dvh - 78px);padding:clamp(55px,12vh,110px) 0 40px}.auth-shell .auth-panel{padding:25px 21px;box-shadow:6px 6px #5844588c}}