.friend-alert{position:fixed;z-index:12000;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(360px,calc(100% - 24px));display:flex;gap:12px;padding:14px 16px;background:#fffdf3;color:#254f40;border:2px solid #91ac87;border-radius:18px;box-shadow:0 7px 25px #17352b30;font:15px/1.35 system-ui;animation:friend-arrive .25s ease-out}.friend-alert>span{font-size:34px}.friend-alert>div{flex:1}.friend-alert strong{font-weight:800}.friend-alert p{margin:3px 0 10px;font:inherit}.friend-alert button,.friend-alert a{display:inline-flex;justify-content:center;align-items:center;padding:8px 12px;min-height:42px;border:0;border-radius:9px;background:#315f4e;color:#fffdf5;font:700 14px system-ui;text-decoration:none;cursor:pointer}.friend-alert div>div{display:flex;gap:8px}.friend-alert button:last-child{background:#e9edde;color:#315343}.friend-alert button:disabled{opacity:.6}.friend-alert button:focus-visible,.friend-alert a:focus-visible{outline:3px solid #b18731;outline-offset:3px}@keyframes friend-arrive{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.friend-alert{animation:none}}.release-notice{box-sizing:border-box;width:min(540px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;padding:26px;border:1px solid #9cb29a;border-radius:22px;background:#fffbed;color:#234d40;font:16px/1.55 system-ui;box-shadow:0 18px 80px #102e3950}.release-notice::backdrop{background:#14372a85}.release-notice h2{font:30px/1.15 Georgia;margin:10px 0 18px}.release-notice p{color:inherit}.release-notice ul{padding-left:22px}.release-notice li{margin:9px 0}.release-notice .release-notice-eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em}.release-notice button{display:block;width:100%;min-height:48px;background:#315f4e;color:#fffbed;border:0;border-radius:12px;padding:13px;font:700 17px system-ui;cursor:pointer}.release-notice button:focus-visible{outline:3px solid #be882e;outline-offset:3px}@media(max-width:480px){.release-notice{padding:20px;font-size:15px}.release-notice h2{font-size:26px}}*{box-sizing:border-box}body{margin:0;background:#f7f5eb;color:#27463b;font-family:system-ui,-apple-system,sans-serif}button,input,a{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #bb8a24;outline-offset:3px}.friends-page{max-width:1000px;padding:20px 22px 50px;margin:auto}.friends-page header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.friends-page header a{padding:12px 15px;text-decoration:none}.friends-home,.friend-primary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border:0;border-radius:12px;background:#305e4d!important;color:#fffdf4!important;font-weight:750;text-decoration:none}.friends-page h1{font:44px/1.2 Georgia,serif;margin:4px 0 8px}.friends-eyebrow{margin:30px 0 8px;font-size:11px;font-weight:800;letter-spacing:1.5px}.friends-intro{margin:0 0 22px;color:#526c5c}.friends-page h2{font-size:20px;margin:0 0 10px}.friends-page h3{font-size:20px;margin:4px 0;overflow-wrap:anywhere}.friends-page button{min-height:44px;border:1px solid #bdcbb7;border-radius:10px;padding:8px 12px;color:#315642;background:#fffdf4;font-weight:650}.friends-page label{display:block;font-size:14px;font-weight:650}.friends-page input{width:100%;min-height:48px;margin:7px 0 12px;padding:10px;border:1px solid #8caa98;border-radius:10px;background:#fff;color:#27463b}.friends-page small{display:block;font-size:12px;line-height:1.5}.friend-welcome{padding:28px;background:#fffdf3;border:1px solid #c2d0bb;border-radius:22px;max-width:610px}.friend-welcome form{max-width:360px}.friends-big-emote{display:block;font-size:34px;margin-bottom:14px}.friend-privacy{font-size:12px;line-height:1.6;color:#526355;margin:22px 0}.friend-connect{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:24px;border:1px solid #c6d4bf;border-radius:22px;background:#eef3e6;margin-bottom:25px}.friend-connect p{font-size:13px;margin:6px 0 12px}.friend-code{display:block;font-size:30px;letter-spacing:2px;margin:8px 0 14px;color:#264e3d;user-select:all}.friend-actions{display:flex;gap:8px;flex-wrap:wrap}.friend-connect small{margin-top:8px}.friend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.friend-card{max-width:420px;background:#fffdf4;border:1px solid #c1ceb7;border-radius:20px;text-align:center;padding:14px 14px 10px}.friend-portrait{height:155px;background:radial-gradient(ellipse,#e9eedb,transparent 70%);overflow:hidden}.friend-portrait svg{height:170px;width:170px;margin-top:-9px}.friend-presence{font-size:12px;margin:6px 0 14px;color:#6c756a}.friend-presence.online{color:#247140;font-weight:750}.friend-emotes{display:flex;justify-content:center;gap:7px;margin-bottom:14px}.friend-emotes button{font-size:26px;min-width:44px;padding:5px;background:#f5f2df;border-color:#d9d0ae}.friend-card .friend-primary{width:100%}.friend-game-link{display:block;padding:10px;font-size:14px;font-weight:700}.friend-card details{font-size:12px;margin-top:8px}.friends-page summary{cursor:pointer;padding:13px 0;min-height:44px}.friend-card details button{margin:5px}.friend-request,.friend-note,.friend-pending{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fffdf4;padding:12px;border:1px solid #cad6c2;border-radius:14px;margin:10px 0}.friend-request>svg{width:55px;height:55px}.friend-request>strong,.friend-note>div,.friend-pending>span{flex:1;overflow-wrap:anywhere}.friend-inbox,.friend-requests{margin:24px 0}.friend-note-art{font-size:42px;line-height:1.3;min-width:55px;text-align:center}.friend-note p{font-size:13px;margin:4px 0}.friend-list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0 12px}.friend-empty{padding:20px;border:1px dashed #b9c7ad;border-radius:14px;font-size:14px}.friend-feedback:empty{display:none}.friend-feedback p{padding:12px;border-radius:12px;background:#fff0db;color:#6f381d;font-weight:650}.friend-feedback .friend-success,.friend-invite-banner{background:#e6efda;color:#295438;padding:12px;border-radius:12px}.friend-settings{margin-top:28px;border-top:1px solid #c6d2be}.friend-settings form{max-width:400px;margin-bottom:15px}.friend-settings p{font-size:13px}@media(max-width:600px){.friends-page{padding:14px 16px 30px}.friends-page header{gap:3px}.friends-page header a{font-size:13px}.friends-page h1{font-size:36px}.friend-connect{grid-template-columns:1fr;gap:24px;padding:20px}.friend-connect form{border-top:1px solid #c6d4bf;padding-top:20px}.friend-grid{grid-template-columns:1fr}.friend-card{max-width:none}.friend-request strong{min-width:100px}.friend-request button{flex:1}.friend-note .friend-primary{font-size:13px;padding:8px 12px}.friend-code{font-size:28px}}.friend-return{position:sticky;top:8px;z-index:5;margin:16px 0;background:#fffdf3;padding:12px;border:1px solid #b8cbb2;border-radius:14px;box-shadow:0 4px 15px #244d3715}.friend-return .friend-primary{width:100%}.friend-return p{font-size:12px;text-align:center;margin:8px 0 0}