/* Cinematic, mobile-first app shell. */
:root{color-scheme:dark;--ink:#f3eade;--paper:#141617;--muted:#aaa6a0;--violet:#dc9864;--peach:#efc3aa;--line:#383b3c;--copper:#e69558;--serif:Georgia,'Times New Roman',serif}html{background:#111314;scroll-padding-bottom:100px}body{background:#111314;color:var(--ink);padding-bottom:calc(100px + env(safe-area-inset-bottom));overscroll-behavior-y:none}button,a{-webkit-tap-highlight-color:transparent}.app-shell{max-width:1040px;min-height:100svh;margin:auto;background:#141617;box-shadow:0 0 110px #0005}.topbar{height:calc(90px + env(safe-area-inset-top));padding:calc(12px + env(safe-area-inset-top)) 28px 10px;position:relative;z-index:5;max-width:none;margin:0}.brand{display:flex;align-items:center;gap:13px;font:17px var(--serif);letter-spacing:2.4px}.brand>svg{width:31px;height:37px;color:var(--copper);flex-shrink:0}.brand>span{font:inherit;letter-spacing:inherit;margin:0;color:#f8f0e5}.brand small{display:block;color:#d5b9a1;font:8px system-ui;letter-spacing:2.7px;margin-top:8px}.topright{gap:12px}.icon-button{background:#17191a70;border:1px solid #78716c50;color:#f0d5b8;width:36px;height:36px;border-radius:12px;display:grid;place-items:center}.icon-button svg{width:20px;height:20px}.avatar{background:#282827b3;color:#edc39d;border:1px solid #b1865a60;width:34px;height:34px;font-size:17px}.topright .quiet{font-size:10px;padding:0;color:#d8b68f}.quiet:hover{color:#fff}main{padding:0 26px;max-width:none}body[data-view=home] .topbar{position:absolute;width:min(100%,1040px);background:linear-gradient(#121415a8,transparent)}body[data-view=home] main{padding:0}.cinema-hero{height:590px;position:relative;isolation:isolate;overflow:hidden}.hero-scene{position:absolute;inset:0;background:url('assets/amelia-room.webp') 50% 60%/cover;animation:scene-arrive 1.3s ease-out}.cinema-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c101269 0%,transparent 95%),linear-gradient(180deg,#11141625 0%,#11141513 46%,#141617 100%);z-index:0}.hero-copy{position:relative;padding:145px 38px 0;z-index:1;max-width:650px;text-shadow:0 2px 22px #0009}.hero-copy .eyebrow{color:#f2c79b;font-size:9px;letter-spacing:2.4px}.hero-copy h1{font:clamp(43px,7vw,72px)/1.04 var(--serif);font-weight:600;letter-spacing:-1.5px;margin:20px 0 18px;color:#fff4e5}.hero-copy p{font-size:14px;line-height:1.6;color:#ead9c6;margin:0}.hero-location{position:absolute;z-index:1;bottom:70px;left:38px;color:#e4c3a1;font-size:9px;letter-spacing:2px}.hero-location span{padding:0 9px;color:#9a8270}.home-deck{position:relative;z-index:2;margin:-47px 24px 0;display:grid;gap:16px}.launch-panel,.feature-row{background:linear-gradient(135deg,#282a29f5,#191c1df5);border:1px solid #57595392;border-radius:21px;box-shadow:0 16px 40px #0002}.launch-panel{padding:23px}.panel-heading{display:flex;gap:16px;align-items:center;margin-bottom:22px}.panel-symbol{display:grid;place-items:center;width:47px;height:52px;flex-shrink:0;border:1px solid #77634e60;background:linear-gradient(135deg,#3b3830,#262727);border-radius:13px;color:var(--copper)}.panel-symbol svg{width:26px;height:26px}.panel-heading h2{font:24px var(--serif);margin:0 0 5px;letter-spacing:.2px}.panel-heading p{color:var(--muted);font-size:13px;margin:0}.launch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.launch-grid a{padding:22px 10px 17px;display:flex;align-items:center;flex-direction:column;text-align:center;border:1px solid #5c5e5780;background:linear-gradient(150deg,#3536357a,#1c1e1e);border-radius:16px;transition:background .2s,transform .2s}.launch-grid a:hover{background:#363630;transform:translateY(-3px)}.launch-grid a>span{color:var(--copper);margin-bottom:13px}.launch-grid svg{width:33px;height:33px}.launch-grid b{font-size:17px;font-weight:450;line-height:1.35}.launch-grid small{font-size:7px;letter-spacing:1.3px;color:#ba9d7c;margin-top:13px}.feature-row{display:flex;align-items:center;padding:14px;gap:17px;min-height:125px}.feature-image{width:108px;height:95px;flex-shrink:0;border-radius:11px;background:url('assets/amelia-room.webp') 96% 60%/430px}.nook-image{background-position:51% 48%}.feature-row .eyebrow{font-size:8px;letter-spacing:1.6px;color:#ddb288}.feature-row h3{font:23px/1.15 var(--serif);margin:7px 0}.feature-row p{font-size:12px;color:var(--muted);margin:0}.row-arrow{margin-left:auto;padding:0 8px;color:#d2b18d;font:30px var(--serif)}.app-nav{position:fixed;z-index:8;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,1040px);display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(180deg,#252928f5,#191d1dfc);border:1px solid #4d55515c;border-bottom:0;border-radius:22px 22px 0 0;padding:12px 12px calc(12px + env(safe-area-inset-bottom));backdrop-filter:blur(20px);box-shadow:0 -9px 35px #0003}.app-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#aaa9a2;font-size:10px;gap:5px;position:relative;min-height:48px}.app-nav a+a{border-left:1px solid #73736c26}.app-nav svg{width:25px;height:25px}.app-nav a[aria-current]{color:var(--copper)}.app-nav a[aria-current]:after{content:'';height:2px;width:25px;position:absolute;bottom:-6px;background:var(--copper);border-radius:2px}.back{display:inline-block;font-size:12px;color:#c19f80;margin:8px 0}.pagehead{margin:15px 0 25px}.pagehead h1{color:#fff0df;font-size:45px}.pagehead p{color:#b9b2a9;font-size:13px}.eyebrow{color:#d5a77a}.panel,.case-hero{background:linear-gradient(140deg,#292c2b,#1c1f20);border:1px solid #4b504c;border-radius:18px}.panel h2,.panel h3{color:#f6e9d8}.panel p{color:#b9b2a9}.field label,.field-label{color:#c2ac96}.room-drawing{border-radius:16px;border:1px solid #59605b}.drawing-caption strong{color:#f5e5cf}button.primary,.primary{background:linear-gradient(135deg,#e6ac79,#c7854f);border:1px solid #e6b583;color:#211c18;border-radius:11px;font-weight:600;padding:12px 18px}.primary:hover{background:#e5b286}.secondary,.choice{border:1px solid #5d6058;border-radius:9px;background:#292d2c;color:#eee0cd}.secondary:hover,.choice:hover{background:#373b36}.choice.selected{background:#e0a16b;border-color:#e0a16b;color:#251f18}.swatch{border-color:#282b2a;outline-color:#82725f}.swatch.selected{outline-color:#e3ad79}input[type=text],select{background:#171b1c;color:#f4e4d2;border:1px solid #5b5d54;border-radius:10px}input[type=checkbox],input[type=range]{accent-color:#dc9a61}.save-list button{background:#323731;border:1px solid #555b4e;color:#f1ddc3;border-radius:9px}.subtle{color:#b5afa5}.tab{border-color:#53594f;color:#c7b9a9}.tab.active{background:#df9e67;color:#241c16;border-color:#df9e67}.nook{border-radius:18px;overflow:hidden}.nook .primary{color:#241d19}.nook-content .eyebrow{color:#efc39a!important}.doodle-wrap{border-radius:14px;background:#fff5e6}.movie{border-color:#454b43}.movie button{color:#d8c7b0}.movie button.star.on{color:#e9ac6b}.movie.done .title{color:#a79c8d}.evidence{background:linear-gradient(145deg,#2b302e,#202625);border-color:#4b574e;border-radius:14px}.evidence p{color:#c4b9aa}.case-hero p{color:#cbbfae}.feedback{color:#ebbe85}.case-choices button:disabled{color:#18231a}.step-dots span{background:#555b51}.step-dots span.done{background:#df9e67}.case-hero h2{color:#f7e7d0}dialog{background:linear-gradient(145deg,#2b302e,#181d1d);border-color:#5b6458;color:#f2e4cf;border-radius:22px}dialog p{color:#c5bcaf}dialog::backdrop{background:#080b0cc9}.close{color:#dfc09a}#toast{bottom:calc(107px + env(safe-area-inset-bottom));background:#e8b785;color:#241d17;box-shadow:0 8px 30px #0005}.install-steps{padding-left:20px;color:#e4d3bc;font-size:14px}.install-steps li{margin:12px 0}.install-note{font-size:12px!important;color:#a89e8f!important}.solved h2{color:#f7e8d2}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #efb77e;outline-offset:4px}@keyframes scene-arrive{from{opacity:.4;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media(min-width:800px){.cinema-hero{height:660px}.hero-copy{padding:160px 48px 0}.hero-copy h1{font-size:76px}.home-deck{margin:-65px 35px 0;grid-template-columns:1.4fr 1fr;gap:18px}.launch-panel{grid-row:span 2;padding:26px}.launch-grid a{min-height:170px}.feature-row{padding:14px;gap:13px}.feature-image{width:83px;height:100px}.feature-row h3{font-size:23px}.feature-row p{font-size:12px}.hero-location{left:48px;bottom:100px}.workspace{gap:20px}.app-nav{width:600px;border-radius:22px 22px 0 0}.app-shell{border-inline:1px solid #43483c30}main{padding-inline:32px}.row-arrow{padding:0}}@media(max-width:760px){.topbar{height:calc(83px + env(safe-area-inset-top));padding-inline:21px}.brand{font-size:15px;gap:10px;letter-spacing:2px}.brand small{font-size:7px;letter-spacing:2px}.brand>svg{width:25px;height:32px}.topright{gap:9px}.topright .quiet{display:none}.cinema-hero{height:560px}.hero-copy{padding:calc(128px + env(safe-area-inset-top)) 25px 0}.hero-copy h1{font-size:49px;margin-top:17px}.hero-copy p{font-size:13px}.hero-location{left:25px;bottom:75px;font-size:8px}.hero-scene{background-position:49% 55%}.home-deck{margin:-45px 14px 0;gap:13px}.launch-panel{padding:19px 16px;border-radius:20px}.panel-heading{gap:13px;margin-bottom:17px}.panel-heading h2{font-size:22px}.panel-heading p{font-size:12px}.panel-symbol{width:40px;height:45px}.launch-grid{gap:9px}.launch-grid a{padding:19px 6px 15px;border-radius:13px}.launch-grid b{font-size:16px}.launch-grid small{font-size:6px;letter-spacing:1px}.feature-row{gap:12px;padding:12px}.feature-image{width:79px;height:88px}.feature-row h3{font-size:21px}.feature-row p{font-size:11px}.feature-row .eyebrow{font-size:7px}.row-arrow{padding:0 4px}.app-nav{padding-top:11px}.app-nav a{font-size:10px}.app-nav svg{width:24px;height:24px}main{padding:0 17px}.pagehead h1{font-size:40px}.pagehead{margin:15px 0 23px}.panel{padding:20px}.drawing-caption{align-items:start}.drawing-caption .primary{font-size:11px;padding:10px}.drawing-caption strong{font-size:22px}.drawing-caption .eyebrow{font-size:8px}.nook-content h2{font-size:33px}.toolbar{gap:7px}.toolbar .primary{font-size:12px;padding:10px 12px}.case-hero h2{font-size:31px}.solved{padding:35px 17px}}@media(max-width:360px){.hero-copy h1{font-size:44px}.brand{font-size:13px}.topbar{padding-inline:16px}.launch-grid b{font-size:14px}.panel-heading h2{font-size:20px}.feature-row h3{font-size:19px}.hero-copy .eyebrow{font-size:8px}.feature-image{width:65px}.launch-grid small{font-size:5.5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.word-image{background:linear-gradient(135deg,#465c40,#242d23);display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:14px}.word-image b{display:grid;place-items:center;background:#718561;color:#fff1d4;font-size:18px;border:1px solid #9aaa86;border-radius:3px}.word-image b:nth-child(3){background:#a78c4f;border-color:#c4ac79}