/* SIGNAL//ULTRA v0.27 — OBJECTS HAVE CONSEQUENCES */

#reveal{overflow:hidden}
.revealShell{min-height:100dvh;height:100dvh;padding:calc(14px + env(safe-area-inset-top)) 20px calc(98px + env(safe-area-inset-bottom));display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}
.revealMain{height:100%;min-height:0;width:min(760px,100%);margin:auto;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px;align-items:center;justify-items:center;overflow:hidden}
.cardStage{height:100%;width:100%;min-height:0;display:grid;place-items:center;align-content:center;position:relative}
.card{width:auto!important;height:min(58dvh,620px);max-width:min(86vw,430px);aspect-ratio:1696/2528}
.face img{object-fit:contain;filter:drop-shadow(0 32px 60px #000d)}
.copy{width:min(620px,100%);text-align:center;display:grid;justify-items:center;gap:3px;padding:0 0 8px}
.copy h3{font-size:clamp(38px,5.1vw,68px);line-height:.84;margin:3px 0 4px}
.copy .lede{display:none!important}.copy .k{font-size:7px}.meta{font-size:7px}.bars{margin:5px 0 0;justify-content:center}
.revealDock{position:fixed;z-index:270;left:50%;transform:translateX(-50%);bottom:calc(12px + env(safe-area-inset-bottom));width:min(720px,calc(100vw - 28px));min-height:72px;padding:8px 8px 8px 12px;display:flex;gap:10px;justify-content:flex-end;align-items:center;border:1px solid #ffffff1d;border-radius:999px;background:linear-gradient(180deg,rgba(13,15,21,.88),rgba(4,5,8,.96));box-shadow:0 24px 80px #000d,inset 0 1px #fff1;backdrop-filter:blur(24px)}
.revealDock .cta{margin:0;min-height:56px}
.utilityAction{min-height:54px;border:0;background:transparent;color:#b6bac4;padding:6px 16px;text-align:left;cursor:pointer;font:800 8px var(--mono);letter-spacing:.14em}
.utilityAction small{display:block;color:#646873;font:700 6px var(--mono);letter-spacing:.16em;margin-top:3px}.utilityAction.done{color:#bfffe0}.utilityAction.done small{color:#76ad91}
.itemFunction{display:grid;grid-template-columns:1fr 1fr;gap:1px;width:min(520px,100%);margin:2px auto 3px;background:#ffffff0c;border:1px solid #ffffff10;border-radius:13px;overflow:hidden}
.itemFunction>div{padding:8px 10px;background:#07080dbb;text-align:left}.itemFunction span{display:block;font:700 6px var(--mono);letter-spacing:.16em;color:#60646f;margin-bottom:3px}.itemFunction b{font:750 8px var(--mono);letter-spacing:.09em;color:#d8dce4}
.card .front img{filter:drop-shadow(0 26px 60px #000f) drop-shadow(0 0 24px color-mix(in srgb,var(--accent) 22%,transparent))}
#reveal{background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--accent,#c8fbff) 8%,transparent),transparent 30%),#010204}
#reveal.mythicMode{background:radial-gradient(circle at 50% 36%,rgba(207,196,255,.18),transparent 22%),radial-gradient(circle at 50% 45%,rgba(113,158,255,.10),transparent 46%),#010204}
.mythicAura{position:absolute;width:min(70dvh,620px);aspect-ratio:1;border-radius:50%;opacity:0;transform:scale(.68);transition:1.2s var(--ease);pointer-events:none;background:radial-gradient(circle,transparent 0 36%,rgba(184,213,255,.12) 37% 38%,transparent 39% 43%,rgba(207,172,255,.18) 44% 45%,transparent 46%),conic-gradient(from 0deg,transparent,rgba(136,191,255,.22),transparent 20%,rgba(255,195,236,.16),transparent 50%,rgba(169,255,232,.17),transparent 75%);box-shadow:0 0 110px rgba(154,179,255,.15),inset 0 0 80px rgba(255,255,255,.04);filter:blur(.2px)}
.mythicMode .mythicAura{opacity:1;transform:scale(1);animation:auraSpin 14s linear infinite}@keyframes auraSpin{to{rotate:360deg}}
.mythicMode .card{z-index:2}.mythicMode .card:before,.mythicMode .card:after{content:"";position:absolute;z-index:-1;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}
.mythicMode .card:before{width:150%;height:110%;background:radial-gradient(circle,#c8fbff16,transparent 62%);filter:blur(20px)}
.mythicMode .card:after{width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 -180px 1px #d9faff,130px -120px 1px #d9c9ff,-150px -80px 1px #ffd5ec,155px 65px 1px #a9ffd8,-100px 150px 1px #d9faff;animation:spark 2.3s ease-in-out infinite}@keyframes spark{50%{opacity:.35;transform:translate(-50%,-50%) scale(1.45)}}
.truth .torn{display:none!important}.dynamicTear{position:absolute;inset:0;z-index:7;pointer-events:none}
.tearCavity{position:absolute;left:8.5%;top:7.2%;width:calc(var(--p) * 83%);height:9.2%;overflow:hidden;opacity:clamp(0,calc(var(--p)*1.6),1);background:radial-gradient(ellipse at 35% 100%,rgba(169,226,255,.2),transparent 48%),linear-gradient(180deg,#010204,#0b0e16 64%,#020306);clip-path:polygon(0 30%,4% 20%,8% 32%,13% 18%,18% 32%,23% 20%,29% 34%,35% 19%,42% 31%,49% 18%,57% 32%,65% 20%,73% 30%,82% 17%,90% 28%,100% 20%,100% 100%,0 100%);box-shadow:inset 0 6px 12px #000,0 0 20px rgba(173,220,255,.12)}
.tearStrip{position:absolute;left:8.5%;top:5.1%;width:calc(var(--p) * 83%);height:7%;transform-origin:left center;transform:translateY(calc(var(--p) * -10px)) rotate(calc(var(--p) * -2.8deg));opacity:clamp(0,calc(var(--p)*1.8),1);background:repeating-linear-gradient(180deg,#2e3139 0 3px,#101116 3px 6px),linear-gradient(90deg,#353842,#0e0f14);clip-path:polygon(0 40%,5% 28%,10% 44%,15% 31%,21% 46%,27% 28%,34% 43%,41% 29%,49% 45%,57% 27%,65% 42%,74% 31%,82% 44%,91% 28%,100% 40%,100% 100%,0 100%);box-shadow:0 8px 12px #0009}
.truth.open .dynamicTear{opacity:0;transition:opacity .28s ease}.ripTrack{left:8.5%;right:8.5%;top:5.3%;height:72px}.tab{left:calc(var(--p)*100%);transform:translate(-12%,-50%)}.prog{background:linear-gradient(90deg,var(--cyan),var(--vio),var(--rose))}.ritualCenter>div{width:min(520px,94vw)}.ritualCenter{overflow:hidden}.ripcopy{margin-top:2px}
.loadout{margin-top:26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #ffffff12;border-radius:18px;overflow:hidden;background:#05060a}.loadout>div{padding:14px;border-right:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d}.loadout span,.memoryFooter span,.memoryStory>span,.memoryObjects>span{display:block;font:700 6px var(--mono);letter-spacing:.18em;color:#646873;margin-bottom:5px}.loadout b{font:750 9px var(--mono);letter-spacing:.09em;color:#d8dce4}
.memory{text-align:left}.memoryArtifact{width:min(980px,100%);margin:auto;padding:clamp(26px,4.5vw,58px);border:1px solid #ffffff18;border-radius:32px;background:radial-gradient(circle at 80% 15%,#c8fbff0a,transparent 22%),radial-gradient(circle at 12% 92%,#c4adff0a,transparent 26%),linear-gradient(145deg,#0b0d13,#050609 60%);box-shadow:0 70px 140px #000d,inset 0 1px #fff1}
.memoryHead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff10;padding-bottom:28px}.memoryHead h2{font:400 clamp(55px,7vw,94px)/.86 var(--serif);letter-spacing:-.055em;margin:12px 0 0}.memoryHead h2 em{color:#c2c0ca}.memoryStamp{font:800 7px var(--mono);letter-spacing:.18em;border:1px solid #ffffff17;border-radius:999px;padding:10px 13px;color:#7b7f89}.memoryStamp.recorded{color:#bfffe0;border-color:#bfffe033;box-shadow:0 0 20px #a9ffd80d}
.memoryGrid{display:grid;grid-template-columns:1fr 1.15fr;gap:38px;padding:32px 0}.memoryStory p{font-size:18px;line-height:1.6;color:#b4b6bf;max-width:480px}.memoryStory blockquote{margin:26px 0 0;font:italic 28px/1.2 var(--serif);color:#ece8e1}.memoryObjects #memoryObjectList{display:grid;gap:8px}.memoryObj{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid #ffffff0e;border-radius:14px;background:#07080d}.memoryObj i{width:7px;height:7px;border-radius:50%;background:var(--c,#c8fbff);box-shadow:0 0 12px var(--c)}.memoryObj b{font:800 8px var(--mono);letter-spacing:.08em;color:#dfe2e9}.memoryObj small{font:700 6px var(--mono);letter-spacing:.13em;color:#676b75;text-align:right}.emptyState{padding:24px;border:1px dashed #ffffff13;border-radius:14px;font:700 7px var(--mono);letter-spacing:.14em;color:#555964;text-align:center}.memoryFooter{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:18px;border-top:1px solid #ffffff10;padding-top:24px}.memoryFooter b{font:800 9px var(--mono);letter-spacing:.08em;color:#d8dce4}.memoryFooter .cta{margin:0}
.conseqCopy{position:absolute;bottom:7%;left:50%;transform:translateX(-50%);text-align:center;font:700 8px var(--mono);letter-spacing:.22em;color:#888d98}.conseqCopy b{display:block;font-size:12px;color:#f0ece5;margin-top:6px}
@media(min-width:761px){.revealShell{padding-bottom:96px}.revealMain{max-height:calc(100dvh - 118px)}.card{height:min(52dvh,560px)}.copy h3{font-size:clamp(36px,4.3vw,58px)}.itemFunction{margin-top:0}}
@media(max-height:820px) and (min-width:761px){.card{height:45dvh}.copy h3{font-size:42px}.itemFunction>div{padding:6px 9px}.revealDock{min-height:64px}.revealDock .cta{min-height:50px}}
@media(max-width:760px){#reveal{overflow:hidden}.revealShell{height:100dvh;padding:calc(12px + env(safe-area-inset-top)) 12px calc(92px + env(safe-area-inset-bottom))}.card{height:min(49dvh,470px);max-width:88vw}.copy h3{font-size:40px}.itemFunction{grid-template-columns:1fr;width:100%}.itemFunction>div{padding:7px 9px}.revealDock{bottom:calc(8px + env(safe-area-inset-bottom));width:calc(100vw - 18px);min-height:66px;padding:7px}.utilityAction{padding:4px 8px;max-width:42%}.revealDock .cta{flex:1;min-width:0;padding-left:15px}.revealDock .cta span:first-child{font-size:8px}.memoryHead{display:grid}.memoryGrid{grid-template-columns:1fr;gap:26px}.memoryFooter{grid-template-columns:1fr 1fr}.memoryFooter .cta{grid-column:1/-1;width:100%;justify-content:space-between}.loadout{grid-template-columns:1fr 1fr}}