:root{--green:#1d3a33;--green-2:#203e37;--ink:#22322d;--muted:#5d6c67;--line:#dfe5e2;--cream:#f6f3ec;--gold:#ead9b0}*{box-sizing:border-box}html,body{background:var(--cream);color:var(--ink);-webkit-text-size-adjust:100%;margin:0;font-family:DM Sans,system-ui,sans-serif}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:3px;outline:3px solid #8a713a}.ipad-header{z-index:5;background:var(--green);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;padding:20px clamp(20px,4vw,48px);display:flex;position:sticky;top:0}.ipad-brand{align-items:center;gap:14px;display:flex}.ipad-brand img{object-fit:cover;object-position:0 50%;width:46px;height:62px}.ipad-brand span{letter-spacing:.08em;text-transform:uppercase;opacity:.75;font-size:13px;display:block}.ipad-brand h1{margin:2px 0 0;font:400 30px/1.1 Playfair Display,Georgia,serif}.ipad-tabs{background:#ffffff1a;border-radius:999px;gap:6px;padding:5px;display:flex}.ipad-tabs button{color:#fff;background:0 0;border:0;border-radius:999px;min-height:48px;padding:0 22px;font-size:16px;font-weight:500}.ipad-tabs button[aria-selected=true]{color:var(--green);background:#fff}main{padding:28px clamp(20px,4vw,48px) 48px}.ipad-panel-intro{max-width:760px;margin-bottom:24px}.ipad-panel-intro h2{color:var(--green);margin:0 0 8px;font:400 34px/1.15 Playfair Display,Georgia,serif}.ipad-panel-intro p{color:var(--muted);margin:0;font-size:17px;line-height:1.6}.ipad-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;display:grid}.ipad-tile{flex-direction:column;gap:10px;display:flex}.ipad-play{color:inherit;text-align:left;background:0 0;border:0;flex-direction:column;gap:12px;padding:0;display:flex}.ipad-thumb{aspect-ratio:16/9;background:#d9dfdc;border-radius:18px;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 26px #1d3a3314}.ipad-thumb img{object-fit:cover;width:100%;height:100%;display:block}.ipad-play:active .ipad-thumb{transform:scale(.98)}.ipad-length{color:#fff;background:#0f201bd9;border-radius:999px;padding:4px 10px;font-size:14px;font-weight:600;position:absolute;bottom:12px;right:12px}.ipad-play-icon{width:64px;height:64px;color:var(--green);background:#ffffffeb;border-radius:999px;place-items:center;margin:-32px 0 0 -32px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 6px 20px #0003}.ipad-play-icon svg{margin-left:3px}.ipad-tile-title{color:var(--green);font-size:19px;font-weight:600;line-height:1.3}.ipad-share{min-height:44px;color:var(--green);background:#fff;border:1px solid #b9c7c1;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:500;display:inline-flex}.ipad-lobby-start{background:var(--green-2);color:#fff;border:0;border-radius:999px;align-items:center;gap:12px;min-height:60px;padding:0 30px;font-size:18px;font-weight:600;display:inline-flex}.ipad-lobby-list{counter-reset:n;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:28px 0 0;padding:0;list-style:none;display:grid}.ipad-lobby-list li{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:96px 1fr;align-items:center;column-gap:12px;padding:10px;display:grid}.ipad-lobby-list img{object-fit:cover;border-radius:8px;grid-row:1/3;width:96px;height:54px}.ipad-lobby-list span{color:var(--green);font-weight:600}.ipad-lobby-list small{color:var(--muted)}.ipad-concept{max-width:900px;color:var(--muted);margin:40px 0 0;font-size:14px;line-height:1.6}.ipad-concept a{color:var(--green);font-weight:600}.ipad-player{color:#fff;background:#0b1512;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0}.ipad-player::backdrop{background:#0b1512}.ipad-player[open]{flex-direction:column;display:flex}.ipad-player-bar{padding:calc(14px + env(safe-area-inset-top)) 20px 14px;align-items:center;gap:16px;display:flex}.ipad-player-bar strong{flex:1;font-size:18px;font-weight:600}.ipad-player-bar span{opacity:.7;font-size:15px}.ipad-done{min-height:48px;color:var(--green);background:#fff;border:0;border-radius:999px;padding:0 22px;font-size:16px;font-weight:600}.ipad-player video{object-fit:contain;background:#000;flex:1;width:100%;min-height:0}.ipad-endcard{text-align:center;background:#0b1512f2;place-content:center;gap:28px;padding:32px;display:grid;position:absolute;inset:0}.ipad-endcard p{max-width:640px;margin:0;font:400 clamp(28px,4vw,44px)/1.2 Playfair Display,Georgia,serif}.ipad-endcard div{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.ipad-endcard button{border-radius:999px;min-height:56px;padding:0 28px;font-size:17px;font-weight:600}.ipad-again{color:#fff;background:0 0;border:1px solid #ffffff80}.ipad-back{color:var(--green);background:#fff;border:0}.ipad-player.is-lobby .ipad-player-bar{display:none}.ipad-lobby-exit{right:20px;bottom:calc(20px + env(safe-area-inset-bottom));color:#fff;background:#ffffff26;border:0;border-radius:999px;min-height:44px;padding:0 18px;font-size:14px;position:absolute}.ipad-toast{z-index:20;background:var(--green);color:#fff;opacity:0;pointer-events:none;border-radius:999px;margin:0;padding:12px 20px;font-size:15px;transition:opacity .2s,transform .2s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px)}.ipad-toast.is-visible{opacity:1;transform:translate(-50%)}@media (width<=700px){.ipad-tabs{width:100%;overflow-x:auto}.ipad-tabs button{padding:0 16px;font-size:15px}.ipad-brand h1{font-size:26px}}@media (prefers-reduced-motion:reduce){.ipad-thumb,.ipad-toast{transition:none}}