@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@600;700;800&family=Fraunces:opsz,wght@9..144,700;9..144,800&display=swap');
:root{font-family:"DM Sans",system-ui,sans-serif;color:#fff5db;background:#0a0610;--gold:#f0c36f;--gold2:#9e6531;--panel:#2d1239;--ink:#100a18;--line:rgba(255,224,162,.42)}
*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;background:#0a0610}button,a{font:inherit}.proof{position:relative;min-height:100dvh;overflow:hidden;background:#0b0711 url("assets/rescue/conservatory-night.png") center/cover fixed no-repeat}.proof:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(28,11,39,.04),rgba(5,3,9,.68) 80%),linear-gradient(90deg,rgba(6,3,9,.52),transparent 36% 64%,rgba(6,3,9,.52));pointer-events:none}
.topbar{position:relative;z-index:5;height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:8px 18px;background:linear-gradient(180deg,rgba(8,4,13,.92),rgba(8,4,13,.45),transparent)}.wordmark{display:flex;align-items:center;gap:10px}.wordmark img{width:48px;height:48px;border:1px solid #e5b95b;border-radius:15px}.wordmark span{display:grid}.wordmark small,.eyebrow{margin:0;color:var(--gold);font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.wordmark strong{font:800 clamp(1.2rem,2vw,1.75rem)/1 "Fraunces",serif}.icon-button{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,222,153,.55);border-radius:15px;color:#fff4d7;background:linear-gradient(145deg,#63306e,#2f153b);box-shadow:inset 0 1px rgba(255,255,255,.15),0 7px 17px rgba(0,0,0,.35);text-decoration:none;font-weight:900;font-size:1.1rem}.back{justify-self:start}.top-actions{justify-self:end;display:flex;gap:7px}.phone-status{display:none}
.play-layout{position:relative;z-index:2;min-height:calc(100dvh - 68px);display:grid;grid-template-columns:minmax(205px,270px) auto minmax(205px,270px);justify-content:center;align-items:center;gap:clamp(12px,2vw,28px);padding:8px clamp(12px,2.5vw,38px) 18px}.left-rail,.right-rail{display:grid;align-content:center;gap:12px}.panel{position:relative;padding:16px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(64,27,75,.96),rgba(24,12,34,.97));box-shadow:inset 0 1px rgba(255,255,255,.12),0 14px 32px rgba(0,0,0,.34)}.panel:after{content:"";position:absolute;inset:5px;border:1px solid rgba(255,222,154,.11);border-radius:14px;pointer-events:none}.mission-panel h2{margin:5px 0 7px;font:800 1.65rem/.98 "Fraunces",serif}.mission-panel>p:last-of-type{margin:0 0 13px;color:#d8c9da;font-size:.78rem;line-height:1.35}.rescue-list{display:grid;gap:7px}.rescue-list article{display:grid;grid-template-columns:48px 1fr 25px;align-items:center;gap:9px;padding:5px;border:1px solid rgba(255,226,168,.2);border-radius:13px;background:rgba(11,7,16,.4)}.rescue-list img{width:48px;height:44px;object-fit:contain}.rescue-list div{display:grid}.rescue-list small{color:#c9adce;font-size:.52rem;font-weight:800;text-transform:uppercase}.rescue-list strong{font-size:.78rem}.rescue-list b{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;color:#f6ce7b;background:#160b1e;font-size:.7rem}.rescue-list .saved{background:linear-gradient(90deg,rgba(67,92,70,.8),rgba(30,48,38,.72))}.rescue-list .saved b{background:#d7b960;color:#251526}.helper-panel{display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:center}.helper-panel>img{width:54px;height:54px;border:2px solid var(--gold);border-radius:50%}.helper-panel strong{display:block;font-size:.79rem}.helper-panel div>p:last-child{margin:3px 0 0;color:#d7c8d9;font-size:.67rem;line-height:1.3}
.board-column{display:grid;justify-items:center;align-content:center}.board-heading{width:100%;max-width:410px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:7px;padding:6px 13px;border:1px solid rgba(255,222,155,.36);border-radius:15px;background:rgba(25,12,34,.88)}.board-heading span{display:grid}.board-heading small{color:#d7b9da;font-size:.48rem;font-weight:800;text-transform:uppercase}.board-heading strong{font-size:.72rem}.board-heading b{font:800 1rem "Fraunces",serif}.mini-meter{height:7px;border-radius:99px;background:#100916;overflow:hidden}.mini-meter i{display:block;width:75%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b86aa5,#f3c96d)}.board-frame{position:relative;padding:8px;border:2px solid #f2c56e;border-radius:24px;background:linear-gradient(145deg,#4c1b59,#1a0d25);box-shadow:inset 0 0 0 3px #8f5c2d,0 18px 40px rgba(0,0,0,.42),0 0 28px rgba(225,154,86,.13)}.frame-crown{position:absolute;z-index:4;left:50%;top:-22px;width:47px;height:39px;display:grid;place-items:center;transform:translateX(-50%);border:3px solid #e9b65f;border-radius:50% 50% 43% 43%;color:#f4c868;background:#5e266c;box-shadow:0 5px 12px rgba(0,0,0,.35)}.board{position:relative;width:auto;height:min(64dvh,630px);aspect-ratio:2/3;overflow:hidden;border-radius:15px;background:linear-gradient(180deg,rgba(12,15,28,.97),rgba(20,10,29,.98));box-shadow:inset 0 0 28px rgba(0,0,0,.8);--cell:calc(100% / 8)}.board:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(230,205,239,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(230,205,239,.07) 1px,transparent 1px);background-size:calc(100% / 8) calc(100% / 12)}.tile,.landing{position:absolute;left:calc((var(--x) - 1)*100%/8);top:calc((var(--y) - 1)*100%/12);width:calc(100%/8);height:calc(100%/12)}.tile{display:block;padding:2px;border-radius:22%;object-fit:cover;filter:drop-shadow(0 4px 4px rgba(0,0,0,.35));transition:.2s}.tile.falling{z-index:2;filter:drop-shadow(0 0 7px rgba(255,213,121,.52)) drop-shadow(0 4px 4px rgba(0,0,0,.5))}.landing{border:2px solid rgba(255,219,136,.78);border-radius:22%;background:rgba(255,230,165,.06);box-shadow:inset 0 0 9px rgba(250,205,103,.12)}.controls{width:min(100%,430px);display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px}.controls button{height:53px;display:grid;place-items:center;border:1px solid rgba(255,221,149,.42);border-radius:14px;color:#fff3d2;background:linear-gradient(145deg,#5d2969,#2d1538);box-shadow:inset 0 1px rgba(255,255,255,.15),0 5px 12px rgba(0,0,0,.3)}.controls button.drop{background:linear-gradient(145deg,#b5763d,#6f3d25)}.controls span{font-size:1.15rem;font-weight:900;line-height:1}.controls small{font-size:.5rem;font-weight:800;text-transform:uppercase}
.next-panel>div:first-child{display:flex;justify-content:space-between;align-items:end}.next-panel strong{font-size:.72rem}.next-piece{width:150px;height:115px;display:grid;grid-template:repeat(2,47px)/repeat(3,47px);place-content:center;margin:8px auto 0}.next-piece img{width:47px;height:47px;object-fit:cover;border-radius:12px;padding:2px}.next-piece img:nth-child(1){grid-area:1/2}.next-piece img:nth-child(2){grid-area:2/1}.next-piece img:nth-child(3){grid-area:2/2}.next-piece img:nth-child(4){grid-area:2/3}.progress-head{display:flex;align-items:end;justify-content:space-between}.progress-head span{display:grid}.progress-head strong{font:800 1.1rem "Fraunces",serif}.progress-head b{font:800 1.35rem "Fraunces",serif}.progress{height:12px;margin:12px 0 8px;padding:2px;border:1px solid rgba(255,226,166,.35);border-radius:99px;background:#100917}.progress i{display:block;width:75%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b967a6,#f2ca70)}.progress-panel>p{margin:0;color:#d7c8d9;font-size:.68rem}.score-panel{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.score-panel div+div{border-left:1px solid rgba(255,225,162,.16)}.score-panel small{display:block;color:#c8adcd;font-size:.52rem;text-transform:uppercase}.score-panel strong{font:800 1.2rem "Fraunces",serif}.proof-note{margin:0;text-align:center;color:#d9bbd6;font-size:.59rem;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:1080px){.play-layout{grid-template-columns:210px auto 210px;gap:9px;padding-inline:9px}.panel{padding:12px}.mission-panel h2{font-size:1.35rem}.rescue-list article{grid-template-columns:42px 1fr 23px}.rescue-list img{width:42px;height:39px}.helper-panel{grid-template-columns:44px 1fr}.helper-panel>img{width:44px;height:44px}.board{height:min(63dvh,590px)}}
@media(max-width:760px){html,body{min-height:100%;background:#0a0610}.proof{min-height:100dvh;background-position:54% center;background-attachment:scroll}.proof:before{background:linear-gradient(180deg,rgba(5,3,8,.48),rgba(5,3,8,.82))}.topbar{height:51px;grid-template-columns:auto 1fr auto;padding:4px 8px;background:rgba(9,5,14,.94)}.wordmark{justify-self:center}.wordmark img,.wordmark small{display:none}.wordmark strong{font-size:.86rem;white-space:nowrap}.icon-button{width:39px;height:39px;border-radius:12px;font-size:.9rem}.top-actions{gap:4px}.top-actions .icon-button{width:37px}.phone-status{position:relative;z-index:3;height:49px;display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:5px;padding:4px 8px;background:rgba(17,9,24,.92)}.phone-status div{display:grid;place-items:center;padding:3px;border:1px solid rgba(255,220,151,.23);border-radius:10px;background:rgba(64,28,75,.8)}.phone-status small{color:#d6b9d7;font-size:.45rem;font-weight:800;text-transform:uppercase}.phone-status strong{font-size:.67rem}.play-layout{min-height:calc(100dvh - 100px);display:block;padding:4px 0 max(4px,env(safe-area-inset-bottom))}.left-rail,.right-rail,.board-heading{display:none}.board-column{display:flex;min-height:calc(100dvh - 108px);flex-direction:column;justify-content:center;align-items:center}.board-frame{flex:0 1 auto;min-height:0;padding:6px;border-width:2px;border-radius:18px}.frame-crown{top:-17px;width:39px;height:31px;border-width:2px;font-size:.75rem}.board{width:min(90vw,calc((100dvh - 184px)*2/3));height:auto;max-height:calc(100dvh - 184px);aspect-ratio:2/3;border-radius:11px}.tile{padding:1.5px}.landing{border-width:1.5px}.controls{flex:0 0 55px;width:min(96vw,430px);gap:5px;margin-top:6px}.controls button{height:53px;border-radius:13px}.controls span{font-size:1.05rem}.controls small{font-size:.45rem}}
@media(max-height:720px) and (min-width:761px){.topbar{height:57px}.play-layout{min-height:calc(100dvh - 57px)}.board{height:min(61dvh,530px)}.panel{padding:10px}.mission-panel>p:last-of-type{display:none}.rescue-list{gap:4px}.next-piece{height:90px}.controls button{height:47px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:760px){html,body{width:100%;height:100%;min-height:0;overflow:hidden}.proof{height:100dvh;min-height:0}}
.tile{transition:transform .2s,filter .2s,opacity .2s}.tile.clearing{z-index:3;opacity:0;transform:scale(1.32) rotate(8deg);filter:brightness(2) drop-shadow(0 0 15px #ffe48b)}
.next-piece{grid-template:repeat(4,28px)/repeat(4,28px)}.next-piece img{width:28px;height:28px;border-radius:8px;padding:1px}.next-piece img:nth-child(n){grid-area:auto}
.icon-button[aria-pressed="false"]{opacity:.55;filter:saturate(.25)}
.modal{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:16px;background:rgba(7,4,11,.74);backdrop-filter:blur(10px)}.modal.hidden{display:none}.modal-card{width:min(590px,100%);padding:32px;border:1px solid rgba(118,68,93,.35);border-radius:28px;color:#3d2044;text-align:center;background:linear-gradient(145deg,#fff6df,#f1d9b4);box-shadow:0 28px 80px rgba(0,0,0,.55)}.modal-card.compact{width:min(440px,100%)}.modal-card h1,.modal-card h2{margin:7px 0 10px;font:800 clamp(2rem,5vw,3.2rem)/.95 "Fraunces",serif}.modal-card h2{font-size:2.25rem}.modal-card>p:not(.eyebrow){max-width:480px;margin:0 auto;color:#6e566e;font-size:.9rem;line-height:1.45}.intro-cast{height:112px;display:flex;justify-content:center;align-items:end;margin-bottom:8px}.intro-cast img{width:100px;height:100px;object-fit:cover;margin:0 -7px;border:4px solid #fff0cb;border-radius:25px;box-shadow:0 7px 16px rgba(62,30,63,.2)}.intro-cast img:nth-child(2){width:112px;height:112px;z-index:2}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.how span{display:grid;gap:5px;padding:11px 6px;border-radius:14px;color:#503651;background:rgba(255,255,255,.5);font-size:.72rem;font-weight:800}.how b{width:27px;height:27px;display:grid;place-items:center;margin:auto;border-radius:50%;color:#fff;background:#78386f}.primary{width:min(310px,100%);min-height:55px;border:0;border-radius:15px;color:#fff7df;background:linear-gradient(135deg,#873d78,#54245e);box-shadow:0 8px 18px rgba(75,32,76,.28);font-weight:800;cursor:pointer}.result-cats{height:105px;display:flex;justify-content:center;align-items:end}.result-cats img{width:100px;height:100px;object-fit:contain;margin:0 -18px}.result-cats img:nth-child(2){width:115px;height:115px;z-index:2}
@media(max-width:760px){.modal{padding:10px}.modal-card{padding:23px 16px;border-radius:23px}.modal-card h1{font-size:2rem}.modal-card h2{font-size:1.9rem}.modal-card>p:not(.eyebrow){font-size:.8rem}.intro-cast{height:82px}.intro-cast img{width:72px;height:72px;border-radius:18px}.intro-cast img:nth-child(2){width:82px;height:82px}.how{margin:13px 0;gap:5px}.how span{padding:8px 3px;font-size:.63rem}.primary{min-height:52px}}