@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#172b27;background:#f7f9f8;font-synthesis:none;text-rendering:optimizeLegibility;font-smooth:always;font-weight:400;--green:#087c62;--green-dark:#075f4d;--muted:#7a8b86;--line:#e7ece9;--soft:#eef7f3}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #91d8c1;outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(420px,1fr) 306px;background:#fff}.sidebar{border-right:1px solid var(--line);padding:25px 16px 16px;display:flex;flex-direction:column;min-height:100vh;background:#fbfcfb}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 28px}.brand-mark{height:38px;width:38px;border-radius:13px;background:var(--green);color:#fff;display:grid;place-items:center;position:relative;box-shadow:0 5px 12px #087c6226}.brand-dot{position:absolute;width:8px;height:8px;background:#b8f06c;border:2px solid var(--green);border-radius:50%;right:0;top:0}.brand strong{font:800 18px Manrope,sans-serif;letter-spacing:-.6px;display:block}.brand small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.workspace{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);background:#fff;border-radius:12px;text-align:left;margin-bottom:29px}.workspace-icon{width:34px;height:34px;border-radius:10px;background:#e4f4ed;color:var(--green);display:grid;place-items:center;font-weight:800}.workspace div:nth-child(2){flex:1}.workspace b,.workspace small{display:block}.workspace b{font-size:12px}.workspace small{font-size:10px;color:var(--muted);margin-top:3px}.workspace>svg{color:#82918b}.side-label{display:flex;align-items:center;justify-content:space-between;color:#91a09a;font-size:10px;font-weight:700;letter-spacing:1.1px;padding:0 9px 9px}.side-label button{border:0;background:transparent;color:#6d8179;padding:3px;display:grid;place-items:center}.room-list{display:grid;gap:4px}.room-item{display:flex;align-items:center;gap:9px;width:100%;border:0;border-radius:9px;padding:11px 10px;text-align:left;background:transparent;color:#53645d;font-size:12px}.room-item.selected{background:#eaf5f0;color:#08664f;font-weight:700}.room-hash{display:grid;place-items:center;color:#7d9288}.room-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.active-dot{width:6px;height:6px;border-radius:50%;background:#0d9b73}.join-room{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px dashed #c9d8d1;color:#55746a;border-radius:10px;padding:10px 8px;margin-top:13px;font-size:11px}.sidebar-bottom{margin-top:auto}.secure-note{display:flex;gap:9px;align-items:flex-start;padding:13px 10px;border-radius:10px;background:#f0f7f3;color:var(--green);margin-bottom:16px}.secure-note b,.secure-note span{display:block}.secure-note b{font-size:10px;color:#315f4f}.secure-note span{font-size:9px;color:#7c9288;margin-top:4px}.profile{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:16px 4px 0}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:11px;font-weight:700}.avatar-green{background:#d5eee4;color:#087458}.avatar-lilac{background:#ece4fa;color:#7857a6}.profile-copy{flex:1;min-width:0}.profile-copy b,.profile-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-copy b{font-size:11px}.profile-copy small{font-size:10px;color:#91a09a;margin-top:3px}.icon-btn{width:32px;height:32px;display:grid;place-items:center;background:transparent;border:0;color:#71857c;border-radius:8px}.icon-btn:hover{background:#f0f4f1}.main-panel{min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{height:65px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 29px;gap:15px}.crumb{display:flex;gap:10px;align-items:center;font-size:12px;color:#9aa6a1}.crumb b{color:#3b5148;font-weight:600}.crumb-slash{color:#d0d8d4}.top-actions{display:flex;align-items:center;gap:14px}.connection{display:flex;align-items:center;gap:6px;border:1px solid #e2e9e5;border-radius:20px;padding:6px 9px;font-size:9px;color:#63786e;white-space:nowrap}.connection i,.online-label i{width:6px;height:6px;border-radius:50%;background:#17a875}.connection.demo i{background:#e7a64b}.help-btn{border:0;background:transparent;display:flex;align-items:center;gap:6px;color:#7d8e86;font-size:11px}.room-header{display:flex;align-items:center;gap:15px;padding:28px 30px 24px;border-bottom:1px solid var(--line)}.room-hero-icon{width:48px;height:48px;border-radius:15px;background:#e8f5ef;color:#08795d;display:grid;place-items:center;flex-shrink:0}.room-heading{min-width:0;flex:1}.room-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.room-heading h1{font:800 21px Manrope,sans-serif;letter-spacing:-.7px;margin:0;color:#18372d}.private-pill{display:flex;align-items:center;gap:4px;border:1px solid #e0eee7;color:#648376;background:#f8fcf9;border-radius:6px;padding:4px 6px;font-size:9px}.room-heading p{margin:6px 0 9px;color:#83918a;font-size:11px}.room-meta{display:flex;align-items:center;gap:7px;font-size:10px;color:#85958d}.room-meta span{display:flex;align-items:center;gap:4px}.room-meta b{color:#49675a}.meta-sep{color:#c8d1cc}.outline-btn{background:#fff;border:1px solid #dce6e0;border-radius:8px;color:#47675a;padding:9px 12px;font-size:10px;font-weight:600;white-space:nowrap}.outline-btn:hover{border-color:#a8cdbd;background:#f9fcfa}.share-btn{align-self:flex-start;margin-top:2px}.tabs{height:49px;border-bottom:1px solid var(--line);display:flex;gap:24px;padding:0 30px}.tabs button{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#87968f;font-size:11px;position:relative;padding:0 2px}.tabs button.active{color:#087458;font-weight:700}.tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#0b906d;border-radius:3px}.tabs button span{font-size:9px;background:#f0f4f1;border-radius:10px;padding:2px 6px;color:#7c8f85}.chat-area{padding:20px 30px 16px;flex:1;min-height:280px;overflow:auto}.day-divider{display:flex;align-items:center;gap:13px;color:#a3afa9;font-size:9px;font-weight:700;letter-spacing:1px;margin:5px 0 25px}.day-divider:before,.day-divider:after{content:"";height:1px;background:#edf0ee;flex:1}.message-row{display:flex;gap:10px;align-items:flex-start;margin-bottom:21px;max-width:88%}.message-row.mine{margin-left:auto;flex-direction:row-reverse}.message-content{min-width:0}.message-meta{display:flex;align-items:center;gap:8px;margin:2px 0 7px}.message-meta b{font-size:10px;color:#385248}.message-meta span{font-size:9px;color:#a1ada6}.mine .message-meta{justify-content:flex-end}.bubble{background:#f3f6f4;border:1px solid #edf0ee;padding:11px 13px;border-radius:3px 12px 12px;color:#40564b;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.mine .bubble{background:#e7f5ee;border-color:#e1f0e8;border-radius:12px 3px 12px 12px;color:#245846}.bubble audio{display:block;max-width:100%;margin-top:8px}.empty-state{margin:50px auto;text-align:center;max-width:300px}.empty-icon{width:52px;height:52px;border-radius:17px;background:#eaf6f0;color:#148366;display:grid;place-items:center;margin:0 auto 15px}.empty-state h3,.empty-card h3{font:700 15px Manrope,sans-serif;margin:0 0 7px;color:#29483b}.empty-state p,.empty-card p{font-size:11px;color:#87968f;line-height:1.6;margin:0 0 13px}.text-btn{background:transparent;border:0;color:#08795d;font-size:11px;font-weight:700}.composer-wrap{padding:12px 30px 18px;border-top:1px solid #edf0ee;background:#fff}.composer{border:1px solid #dfe8e3;border-radius:12px;min-height:51px;display:flex;align-items:center;gap:8px;padding:6px 8px 6px 12px;box-shadow:0 3px 12px #0d4c3010}.composer:focus-within{border-color:#9dcfba}.composer input{flex:1;min-width:0;border:0;outline:0;font-size:12px;color:#314e40;background:transparent}.composer input::placeholder{color:#a2afa8}.composer-icon{width:32px;height:32px;border:0;background:transparent;color:#91a198;display:grid;place-items:center;border-radius:8px;flex-shrink:0}.composer-icon:hover{background:#f0f6f2;color:#08795d}.composer-icon.recording{color:#d54f4f;background:#fff0f0;animation:pulse 1s infinite}.send-btn{width:35px;height:35px;border:0;border-radius:9px;background:#087c62;color:#fff;display:grid;place-items:center;flex-shrink:0}.send-btn:disabled{opacity:.45;cursor:default}.composer-hint{display:flex;justify-content:space-between;color:#a1ada6;font-size:9px;margin:9px 4px 0}.composer-hint span{display:flex;align-items:center;gap:4px}.composer-hint kbd{font:9px DM Sans;padding:2px 4px;border:1px solid #e1e7e3;border-radius:4px;background:#f8faf9}.right-panel{border-left:1px solid var(--line);padding:23px 19px;background:#fcfdfc}.right-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.right-heading h3,.side-section-title h3{font:700 12px Manrope,sans-serif;margin:0;color:#29473b}.overview-card{padding:16px;border:1px solid #e6ede8;background:#fff;border-radius:13px;box-shadow:0 3px 10px #183c2a05}.overview-top{display:flex;justify-content:space-between;align-items:center}.overview-icon{width:38px;height:38px;border-radius:11px;background:#eaf6ef;color:#08795d;display:grid;place-items:center}.online-label{display:flex;align-items:center;gap:5px;font-size:9px;color:#6c9a82}.overview-card h3{font:700 14px Manrope,sans-serif;margin:13px 0 5px;color:#2a493c}.overview-card>p{font-size:10px;color:#88968f;margin:0 0 15px}.code-box{border:1px dashed #cfe1d6;background:#f7fbf8;border-radius:9px;padding:10px;display:grid;grid-template-columns:1fr auto;gap:5px 8px}.code-box>span{font-size:8px;letter-spacing:1px;color:#8aa196;grid-column:1}.code-box strong{font:800 20px Manrope,sans-serif;letter-spacing:3px;color:#176b51;grid-column:1;grid-row:2}.code-box button{grid-column:2;grid-row:1/3;align-self:center;border:0;background:#e3f2e9;color:#247257;border-radius:6px;font-size:9px;font-weight:700;padding:7px}.overview-foot{display:flex;align-items:flex-start;gap:6px;margin-top:12px;font-size:9px;line-height:1.5;color:#8b9c93}.overview-foot svg{flex-shrink:0;color:#5c9b7b}.side-section-title{display:flex;align-items:center;justify-content:space-between;margin:24px 0 11px}.side-section-title button{border:0;background:transparent;color:#07815f;font-size:10px;font-weight:700}.mini-empty{border:1px dashed #dfe8e2;border-radius:10px;text-align:center;padding:17px;color:#9baaa2}.mini-empty p{font-size:10px;margin:7px 0}.mini-empty button{border:0;background:transparent;color:#08795d;font-size:10px;font-weight:700}.mini-event{display:flex;gap:10px;align-items:flex-start;width:100%;border:1px solid #edf0ee;border-radius:10px;background:#fff;padding:10px;margin-bottom:8px;text-align:left}.mini-date{width:36px;min-width:36px;height:42px;border-radius:8px;background:#eef7f1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#157457}.mini-date b{font:800 15px Manrope}.mini-date span{font-size:8px;letter-spacing:.4px}.mini-event>div:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:4px}.mini-event>div:nth-child(2)>b{font-size:10px;color:#3c584b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-event>div:nth-child(2)>span{font-size:9px;color:#8b9a92}.mini-event small{display:flex;align-items:center;gap:4px;font-size:8px;color:#9c8a63}.reminder-card{margin-top:23px;border-radius:12px;background:#eaf6ef;padding:14px;display:flex;gap:11px;align-items:flex-start}.reminder-art{width:34px;height:34px;border-radius:10px;background:#d6eee1;color:#168363;display:grid;place-items:center;position:relative;flex-shrink:0}.reminder-art span{position:absolute;width:7px;height:7px;right:5px;top:5px;background:#f0b44c;border:1px solid #d6eee1;border-radius:50%}.reminder-card b{font-size:10px;color:#285b46}.reminder-card p{font-size:9px;color:#6d8b7b;line-height:1.55;margin:5px 0 8px}.reminder-card button{border:0;background:transparent;padding:0;color:#08795d;font-size:9px;font-weight:700}.reminder-card button span{margin-left:4px}.account-card{margin-top:22px;border-top:1px solid var(--line);padding-top:18px;display:grid;gap:7px}.account-card label,.modal label{font-size:10px;font-weight:700;color:#4e695c}.account-card input,.modal input,.modal textarea{width:100%;border:1px solid #dfe8e2;border-radius:8px;padding:10px 11px;font-size:11px;color:#385449;background:#fff;outline:0;margin-bottom:7px}.account-card input:focus,.modal input:focus,.modal textarea:focus{border-color:#8cc8ae}.account-card input::placeholder,.modal input::placeholder,.modal textarea::placeholder{color:#a5b1aa}.full-btn{width:100%;margin:3px 0}.account-card small{font-size:9px;color:#96a49c;line-height:1.5}.content-page{padding:28px 30px;flex:1}.page-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.eyebrow{font-size:9px;letter-spacing:1.3px;font-weight:700;color:#0b8b68}.page-title h2,.modal h2{font:800 21px Manrope,sans-serif;letter-spacing:-.6px;color:#1c3b2f;margin:6px 0}.page-title p,.modal-head p{font-size:11px;color:#87958e;margin:0}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:8px;background:#087c62;color:#fff;padding:10px 13px;font-size:10px;font-weight:700;box-shadow:0 3px 7px #087c6218;white-space:nowrap}.primary-btn:hover{background:#06664f}.event-list{display:grid;gap:12px}.event-card{display:flex;gap:15px;padding:16px;border:1px solid #e7ede9;border-radius:12px;background:#fff}.event-date{height:57px;width:54px;border-radius:10px;background:#e9f6ee;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#117654;flex-shrink:0}.event-date b{font:800 21px Manrope}.event-date span{font-size:9px;font-weight:700;letter-spacing:.7px}.event-info{min-width:0;flex:1}.event-info h3{font:700 14px Manrope;margin:2px 0 6px;color:#2a493b}.event-info>p{font-size:10px;color:#83948a;line-height:1.5;margin:0 0 10px}.event-details{display:flex;flex-wrap:wrap;gap:12px}.event-details span{display:flex;align-items:center;gap:5px;color:#74877d;font-size:10px}.event-details svg{color:#158262}.reminder-line{display:flex;align-items:center;gap:5px;font-size:9px;color:#9a875e;margin-top:12px}.empty-card{margin-top:10px;padding:45px 20px;border:1px dashed #dfe9e2;border-radius:13px;text-align:center}.empty-card .primary-btn{margin-top:3px}.announcement-tip{display:flex;gap:12px;padding:15px;border:1px solid #dfeee5;background:#f2faf5;border-radius:11px;color:#178361;margin-bottom:17px}.announcement-tip>svg{flex-shrink:0}.announcement-tip b{font-size:11px;color:#315f4c}.announcement-tip p{font-size:10px;color:#7e9689;line-height:1.5;margin:5px 0 0}.announcement-card{display:flex;gap:12px;padding:15px;border:1px solid #e7ede9;border-radius:11px;margin-bottom:10px}.announcement-symbol{width:35px;height:35px;border-radius:10px;background:#eaf6ef;color:#158263;display:grid;place-items:center;flex-shrink:0}.announcement-card p{font-size:12px;line-height:1.6;color:#4b6356;margin:8px 0 0}.audio-draft{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#f2f8f4;border:1px solid #dcebe1;padding:10px;border-radius:10px;margin:0 0 12px}.audio-draft>div{display:flex;align-items:center;gap:6px;color:#3d6b55;font-size:10px}.audio-draft audio{height:30px;max-width:190px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:20;max-width:min(560px,calc(100vw - 30px));display:flex;align-items:center;gap:9px;background:#173e31;color:#fff;border-radius:10px;padding:12px 14px;box-shadow:0 12px 35px #123c2b30;font-size:11px;line-height:1.5}.toast>svg{color:#9ce0b8;flex-shrink:0}.toast span{flex:1}.toast button{border:0;background:transparent;color:#d7e8dd;display:grid;place-items:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#132b2270;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30;display:grid;place-items:center;padding:20px}.modal{width:min(100%,420px);max-height:90vh;overflow:auto;background:#fff;border-radius:17px;padding:25px;box-shadow:0 24px 70px #102d2038}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:23px}.modal-head h2{font-size:22px}.modal form{display:grid;gap:7px}.modal form label{margin-top:3px}.modal input,.modal textarea{margin:0;font-size:12px}.modal textarea{resize:vertical}.modal-submit{width:100%;margin-top:10px;padding:12px}.modal-submit span{margin-left:auto}.modal-note{display:flex;align-items:flex-start;gap:8px;border-radius:9px;background:#eff8f2;padding:11px;color:#5e8973;font-size:10px;line-height:1.5;margin-top:6px}.modal-note svg{flex-shrink:0;color:#12805f}.switch-mode{border:0;background:transparent;color:#08795d;font-size:10px;font-weight:700;padding:8px}.optional{font-weight:400;color:#9ba9a1}.mobile-menu,.mobile-close{display:none}@keyframes pulse{50%{opacity:.5}}@media(max-width:1150px){.app-shell{grid-template-columns:225px minmax(400px,1fr)}.right-panel{display:none}.sidebar{padding-left:13px;padding-right:13px}}@media(max-width:720px){.app-shell{display:block}.sidebar{position:fixed;z-index:25;top:0;bottom:0;left:0;width:270px;transform:translate(-102%);transition:transform .2s;box-shadow:none}.sidebar.mobile-open{transform:translate(0);box-shadow:12px 0 40px #0d2c1e20}.mobile-close{display:grid;margin-left:auto}.main-panel{min-height:100dvh}.topbar{height:58px;padding:0 15px}.mobile-menu{display:grid}.crumb{flex:1;min-width:0;gap:7px}.crumb b{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions{gap:6px}.connection{font-size:8px;padding:5px 7px}.help-btn span{display:none}.room-header{padding:20px 16px;gap:11px;flex-wrap:wrap}.room-hero-icon{width:41px;height:41px}.room-heading h1{font-size:17px}.room-heading p{font-size:10px}.room-meta{flex-wrap:wrap}.share-btn{margin-left:52px;margin-top:-8px}.tabs{padding:0 16px;gap:17px;overflow:auto}.tabs button{white-space:nowrap;font-size:10px}.chat-area{padding:18px 15px}.message-row{max-width:95%}.composer-wrap{padding:10px 13px 14px}.composer-hint{font-size:8px}.content-page{padding:22px 15px}.page-title{align-items:flex-start}.page-title h2{font-size:19px}.page-title p{max-width:230px;line-height:1.5}.page-title .primary-btn{font-size:9px;padding:9px}.event-card{padding:12px;gap:11px}.event-details{gap:8px}.event-details span{font-size:9px}.modal{padding:20px}.toast{bottom:12px}.room-title-row{gap:6px}}@media(max-width:390px){.connection{display:none}.room-meta{font-size:9px}.private-pill{font-size:8px}.page-title{flex-direction:column}.page-title .primary-btn{align-self:flex-start}.event-details{flex-direction:column;gap:6px}}.offline-pill{display:inline-flex;align-items:center;gap:6px;background:#fff4df;border:1px solid #f2dfb5;color:#986a16;border-radius:20px;padding:7px 10px;font-size:9px;font-weight:700;white-space:nowrap}.game-launch-card{display:flex;align-items:center;gap:17px;border:1px solid #e4ece7;background:#fff;border-radius:14px;padding:20px;max-width:600px}.game-2048-icon{width:76px;height:76px;flex-shrink:0;border-radius:15px;background:#eee4d6;display:grid;place-items:center;font:800 23px Manrope,sans-serif;color:#776e65}.game-launch-card h3{font:700 14px Manrope,sans-serif;margin:0 0 7px;color:#29483b}.game-launch-card p{font-size:11px;line-height:1.6;color:#87968f;margin:0 0 13px}.offline-shell{min-height:100dvh;background:#faf8f2;padding:clamp(12px,4vw,40px);display:grid;place-items:center}.offline-game{width:min(100%,470px);position:relative}.game-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:25px}.game-title{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:17px}.game-title h2{font:800 42px Manrope,sans-serif;letter-spacing:-2px;color:#776e65;margin:3px 0}.game-title p{font-size:11px;color:#8f887d;line-height:1.5;max-width:245px;margin:0}.scores{display:flex;gap:6px}.scores>div{min-width:62px;background:#bbada0;border-radius:6px;text-align:center;padding:7px 8px;color:#fff}.scores span,.scores b{display:block}.scores span{font-size:8px;letter-spacing:.7px;color:#eee4da}.scores b{font:700 17px Manrope,sans-serif;margin-top:3px}.board-2048{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:9px;background:#bbada0;border-radius:9px;aspect-ratio:1;touch-action:pan-y}.tile{border-radius:6px;background:#d8cec2;display:grid;place-items:center;font:800 clamp(20px,6vw,32px) Manrope,sans-serif;color:#776e65;min-width:0}.tile-2{background:#eee4da}.tile-4{background:#ede0c8}.tile-8{background:#f2b179;color:#fffaf3}.tile-16{background:#f59563;color:#fffaf3}.tile-32{background:#f67c5f;color:#fffaf3}.tile-64{background:#f65e3b;color:#fffaf3}.tile-128,.tile-256,.tile-512{background:#edcf72;color:#fffaf3;font-size:clamp(17px,5vw,26px)}.tile-1024,.tile-2048{background:#edc53f;color:#fffaf3;font-size:clamp(14px,4vw,22px)}.game-controls{display:none;margin:14px auto 0;gap:6px;flex-direction:column;align-items:center}.game-controls>div{display:flex;gap:8px}.game-controls button{width:48px;height:42px;border:0;border-radius:8px;background:#8f8376;color:#fff;font-size:21px}.game-help{font-size:10px;line-height:1.6;color:#938a7e;margin:15px 0 10px}.game-over{position:absolute;left:10%;right:10%;top:40%;padding:20px;background:#ffffffed;border:1px solid #e7e0d5;border-radius:12px;text-align:center;box-shadow:0 10px 35px #4a3c2a20}.game-over h3{margin:0 0 7px;font:800 22px Manrope;color:#776e65}.game-over p{font-size:12px;color:#8b8276}.alarm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#17382de8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px;animation:alarm-pulse 1.5s infinite alternate}.alarm-card{width:min(100%,410px);background:#fff;border-radius:19px;padding:27px;box-shadow:0 25px 90px #0004;text-align:center}.alarm-bell{width:62px;height:62px;border-radius:20px;background:#fff0dc;color:#bc791b;display:grid;place-items:center;margin:0 auto 17px;animation:bell-bounce .5s infinite alternate}.alarm-card h2{font:800 23px Manrope;color:#183b2e;letter-spacing:-.7px;margin:8px 0 20px}.alarm-detail{display:flex;justify-content:space-between;gap:16px;text-align:left;border-bottom:1px solid #edf1ed;padding:12px 0;font-size:12px}.alarm-detail span{color:#829188}.alarm-detail b{color:#2f4d40;text-align:right}.alarm-card>p{font-size:10px;line-height:1.65;color:#87958d;margin:16px 0}.alarm-ack,.alarm-later{width:100%;padding:13px;margin-top:7px;font-size:11px}.alarm-later{justify-content:center}@keyframes alarm-pulse{0%{background:#17382de8}to{background:#2e5949ef}}@keyframes bell-bounce{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}@media(max-width:720px){.game-controls{display:flex}.game-title h2{font-size:36px}.board-2048{gap:7px;padding:7px}.alarm-card{padding:22px}.alarm-card h2{font-size:21px}.game-launch-card{padding:15px;align-items:flex-start}.game-2048-icon{width:58px;height:58px;font-size:18px}.game-launch-card p{font-size:10px}}