/* Play Area: real group projects on a sunlit craft table. Normal document scrolling. */
.connected-root[data-room="play"]{--live-bg:#e8f0fb;--live-paper:#fff;--live-soft:#e6effb;--live-line:#cadbf0;--live-input-line:#8caecc;--live-ink:#182d4c;--live-muted:#526785;--live-title:#112640;--live-accent:#337db9;--tactile-ink:#182d4c;--tactile-page:#e8f0fb;background:#e8f0fb}
.connected-root[data-room="play"] .workspace{background:radial-gradient(ellipse at 10% 10%,#f8fbff 0,transparent 45%),linear-gradient(140deg,#e6effb,#dce7f6)}
.connected-root[data-room="play"] .connected-strip{background:#deebfc;color:#476994}
.connected-root[data-room="play"] .topbar{background:#ffffffed;border:0;box-shadow:0 3px 14px #536d8c15}
.connected-root[data-room="play"] .getaway-top-brand strong{color:#172c49}
.connected-root[data-room="play"] .getaway-top-brand small{color:#526785}
.connected-root[data-room="play"] .live-top-actions button[data-live-action="members"]{padding:10px 15px;border:1px solid #c7d9f0;border-radius:16px;background:#e3edfc;color:#385b86;font-weight:750}
.connected-root[data-room="play"] #live-main{max-width:1000px;padding-top:16px;padding-bottom:32px;overflow:visible}
.connected-root[data-room="play"] .play-hero{position:relative;isolation:isolate;aspect-ratio:1.75;width:100%;margin:0 0 24px;border:1px solid #bfcfe1;border-radius:23px;overflow:hidden;background:#f1ede5 url('play-craft-table.webp') center/cover no-repeat;box-shadow:0 8px 20px #49648123}
.connected-root[data-room="play"] .play-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#ffffffe6 0%,#ffffff45 26%,transparent 46%);pointer-events:none}
.connected-root[data-room="play"] .play-hero h1{margin:0;position:absolute;top:5%;left:4%;max-width:74%;font:750 clamp(34px,6.4vw,64px)/1.12 Georgia,serif;letter-spacing:-1.7px;color:#112640;text-shadow:0 1px 8px #fff9;transform:none}
.connected-root[data-room="play"] .play-add-project{position:absolute;right:4%;top:7%;display:grid;place-items:center;width:clamp(46px,10vw,76px);height:clamp(46px,10vw,76px);padding:0;border:1px solid #296ca5;border-radius:23%;background:linear-gradient(155deg,#4f9bdd,#2d70ad);color:white;box-shadow:inset 0 2px 1px #c1e5ff60,inset 0 -3px 0 #235b934d,0 5px 10px #234c7038;font:500 clamp(30px,6vw,48px)/1 system-ui,sans-serif}
.connected-root[data-room="play"] .play-add-project:focus-visible{outline:3px solid #112640;outline-offset:4px}
.connected-root[data-room="play"] .play-projects>h2{margin:0 0 15px;font:750 clamp(22px,3.5vw,30px)/1.2 var(--getaway-ui,system-ui,sans-serif);letter-spacing:-.8px;color:#182d4c}
.connected-root[data-room="play"] .play-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.connected-root[data-room="play"] .play-project-card{min-width:0;margin:0;padding:0;border:2px solid #fff;border-radius:20px;overflow:hidden;background:linear-gradient(155deg,#fff,#f5f8fe);box-shadow:0 5px 12px #5678a329;transform:none}
.connected-root[data-room="play"] .play-project-card::before,.connected-root[data-room="play"] .play-project-card::after{display:none}
.connected-root[data-room="play"] .play-project-open{display:block;width:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:left;color:inherit}
.connected-root[data-room="play"] .play-project-open:focus-visible{outline:3px solid #276aa4;outline-offset:-4px}
.connected-root[data-room="play"] .play-project-photo{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1.7;overflow:hidden;background:linear-gradient(135deg,#edf3f9,#dde8f3);color:#4b6380;font-size:13px}
.connected-root[data-room="play"] .play-project-photo .live-private-image{display:block;width:100%;height:100%;min-height:0;max-height:none;border-radius:0;object-fit:contain;object-position:center}
.connected-root[data-room="play"] .play-project-text{background:linear-gradient(135deg,#f2ead9,#edf3fa);padding:16px;justify-content:flex-start;align-items:flex-start}
.connected-root[data-room="play"] .play-text-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;font:400 clamp(14px,2.4vw,18px)/1.5 Georgia,serif;overflow-wrap:anywhere;white-space:pre-wrap}
.connected-root[data-room="play"] .play-project-title{display:block;padding:12px 12px 5px;font:750 clamp(15px,2.5vw,21px)/1.25 var(--getaway-ui,system-ui,sans-serif);overflow-wrap:anywhere;color:#182d4c}
.connected-root[data-room="play"] .play-project-card .post-meta{display:flex;flex-wrap:wrap;gap:4px 9px;margin:0;padding:2px 12px 10px;font-size:12px;line-height:1.45;color:#526785}
.connected-root[data-room="play"] .play-project-card .post-meta time{display:block;width:100%}
.connected-root[data-room="play"] .play-project-card .post-actions{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0 9px 9px;border:0}
.connected-root[data-room="play"] .play-project-card .post-actions button{min-height:36px;max-width:100%;font-size:12px}
.connected-root[data-room="play"] .play-room-details{margin:24px 0 0;color:#526785;font-size:13px}
.connected-root[data-room="play"] .play-room-details summary{min-height:44px;display:list-item;padding:12px 0;cursor:pointer}
.connected-root[data-room="play"]>.mobile-nav{background:linear-gradient(135deg,#fff,#f3f7ff);border-top:1px solid #c8d8ee;box-shadow:0 -4px 14px #52709b12}
.connected-root[data-room="play"] .room-picker-bar .room-home{display:grid;place-items:center;flex:none;width:46px;height:46px;border:1px solid #cadaf1;border-radius:15px;background:#e5efff}
.connected-root[data-room="play"] .mobile-nav .room-picker-bar .room-home>.room-current-symbol{width:34px;height:34px}
.connected-root[data-room="play"] .room-picker-bar b{color:#38557e;font:800 15px/1.2 var(--getaway-ui,system-ui,sans-serif)}
@media(max-width:600px){.connected-root[data-room="play"] #live-main{padding-inline:12px;padding-top:14px}.connected-root[data-room="play"] .play-hero{margin-bottom:22px;border-radius:19px}.connected-root[data-room="play"] .play-project-grid{gap:11px}.connected-root[data-room="play"] .play-project-card{border-radius:16px}.connected-root[data-room="play"] .play-project-title{padding:10px 9px 5px}.connected-root[data-room="play"] .play-project-card .post-meta{padding-inline:9px}.connected-root[data-room="play"] .play-project-card .post-actions{padding-inline:6px}}
@media(max-width:350px){.connected-root[data-room="play"] .play-hero h1{font-size:30px;letter-spacing:-1px}.connected-root[data-room="play"] .play-project-grid{gap:8px}.connected-root[data-room="play"] .play-project-title{font-size:14px}}
@media(forced-colors:active){.connected-root[data-room="play"] :is(.play-project-card,.play-add-project){border:2px solid ButtonText;background:Canvas;color:CanvasText;box-shadow:none}.connected-root[data-room="play"] .play-hero h1{background:Canvas;color:CanvasText;text-shadow:none}}