:root{--marina-paper:var(--play-paper,#faf6ef);--marina-panel:var(--play-surface,#fffdf8);--marina-ink:var(--play-ink,#3d3442);--marina-muted:var(--play-muted,#817580);--marina-line:var(--play-border,#e8dfd6);--marina-accent:var(--play-plum,#725572);--marina-soft:#efe5eb;--marina-shadow:0 12px 36px #5333400d}[data-theme=night],.night{--marina-paper:#211d29;--marina-panel:#2d2635;--marina-ink:#fff5e9;--marina-muted:#cbb9c5;--marina-line:#584557;--marina-accent:#ecc1d5;--marina-soft:#473345}.marina-portrait{background:var(--marina-soft);border-radius:24px;display:block;overflow:hidden}.marina-portrait img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.marina-moment{background:var(--marina-panel);color:var(--marina-ink);box-shadow:var(--marina-shadow);border-radius:28px;align-items:center;gap:24px;padding:20px;display:flex}.marina-moment>.marina-portrait{flex-shrink:0;width:124px;height:148px}.marina-moment-title{text-wrap:balance;margin:0;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:750;line-height:1.2}.marina-moment p:not(.marina-moment-title){color:var(--marina-muted);margin-top:8px;line-height:1.6}.marina-moment-compact{gap:16px;padding:12px 16px}.marina-moment-compact>.marina-portrait{border-radius:16px;width:68px;height:80px}.marina-moment-compact .marina-moment-title{font-size:1rem}.marina-premium{color:var(--marina-ink);background:var(--marina-paper)!important;border-color:var(--marina-line)!important;box-shadow:var(--marina-shadow)!important}.marina-premium :is(h1,h2,h3){color:var(--marina-ink);letter-spacing:-.035em;text-wrap:balance;font-family:Fredoka Variable,sans-serif}.marina-premium :is(button,a,input,textarea,summary):focus-visible,.marina-icon-nav a:focus-visible{outline:3px solid var(--marina-accent);outline-offset:4px}.marina-premium button{min-height:44px;transition:transform .16s,box-shadow .2s,background .2s}.marina-premium button:active:not(:disabled){transform:scale(.975)}.marina-premium button:disabled{cursor:not-allowed}.marina-icon-nav{padding:8px max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));background:var(--marina-panel);color:var(--marina-muted);justify-content:space-evenly;align-items:center;gap:4px;display:flex}.marina-icon-nav a{min-width:48px;min-height:48px;color:inherit;place-items:center;transition:color .2s,transform .2s;display:grid;position:relative}.marina-icon-nav a[aria-current=page]{color:var(--marina-accent)}.marina-icon-nav a[aria-current=page]:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px}.marina-icon-nav a:active{transform:scale(.9)}.marina-opening-backdrop{z-index:199;background:#f5e7dc;position:fixed;inset:0}.marina-opening{z-index:200;outline:none;position:fixed;inset:0;overflow:hidden}.marina-opening-button{width:100%;height:100%;padding:max(24px, env(safe-area-inset-top)) 24px max(30px, env(safe-area-inset-bottom));color:#fff8ed;cursor:pointer;background:#e7b8a8;border:0;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:relative}.marina-opening .marina-portrait{background:#e7b8a8;border-radius:0;position:absolute;inset:0}.marina-opening .marina-portrait img{animation:1.2s ease-out both marina-cover-reveal;-o-object-position:50% 22%!important;object-position:50% 22%!important}.marina-opening-button:after{content:"";pointer-events:none;background:linear-gradient(#0000 35%,#302031e8);position:absolute;inset:0}.marina-opening-wordmark{z-index:1;letter-spacing:-.065em;text-shadow:0 4px 30px #311a3040;margin-bottom:24px;font-family:Georgia,serif;font-size:clamp(64px,12vw,112px);font-weight:500;line-height:.95;position:relative}.marina-opening-wordmark small{letter-spacing:.05em;margin-bottom:8px;font-size:.32em;font-style:italic;display:block}.marina-opening-caption{z-index:1;letter-spacing:.03em;font-size:14px}.marina-opening-timer{z-index:1;background:#fff6;width:80px;height:2px;margin-top:20px;overflow:hidden}.marina-opening-timer:after{content:"";transform-origin:0;background:#fff8ed;height:100%;animation:5s linear both marina-cover-timer;display:block}@keyframes marina-cover-reveal{0%{filter:grayscale()brightness(.65)blur(4px);transform:scale(1.025)}to{filter:none;transform:scale(1)}}@keyframes marina-cover-timer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.marina-tutor{border-radius:32px;grid-template-columns:minmax(230px,.75fr) minmax(0,1.4fr);gap:24px;padding:clamp(16px,3vw,32px);display:grid}.marina-tutor-intro{min-width:0}.marina-tutor-intro>.marina-portrait{width:100%;height:260px;margin-bottom:24px}.marina-tutor h1{margin:8px 0 12px;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:750;line-height:1.1}.marina-tutor p{line-height:1.6}.marina-eyebrow{color:var(--marina-accent);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:700}.marina-tutor-chat{flex-direction:column;gap:16px;min-width:0;display:flex}.marina-tutor-chat header{justify-content:space-between;align-items:start;gap:12px;display:flex}.marina-tutor-chat h2{font-size:1.25rem;font-weight:700}.marina-tutor-chat header p{color:var(--marina-muted);font-size:.8rem}.marina-safe-badge{color:var(--marina-accent);background:var(--marina-soft);border-radius:12px;padding:6px 8px;font-size:.7rem}.marina-tutor-log{overscroll-behavior:contain;background:var(--marina-panel);border-radius:24px;flex-direction:column;gap:16px;min-height:220px;max-height:440px;padding:16px;display:flex;overflow:auto}.marina-tutor-message{overflow-wrap:anywhere;white-space:pre-wrap;max-width:90%;font-size:.95rem;line-height:1.75}.marina-tutor-message[data-author=child]{background:var(--marina-soft);border-radius:20px 20px 4px;margin-left:auto;padding:12px 16px}.marina-tutor-message small{color:var(--marina-muted);margin-top:6px;font-size:.65rem;display:block}.marina-tutor-prompts{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.marina-tutor-prompts button{border:1px solid var(--marina-line);text-align:left;background:var(--marina-panel);border-radius:16px;padding:8px 12px;font-size:.8rem}.marina-tutor-form{align-items:center;gap:8px;display:flex}.marina-tutor-form input{border:1px solid var(--marina-line);background:var(--marina-panel);min-width:0;min-height:48px;color:var(--marina-ink);border-radius:18px;flex:1;padding:12px 16px;font-size:16px}.marina-tutor-form button{background:var(--play-plum,#725572);color:#fff;border-radius:18px;min-height:48px;padding:10px 18px;font-weight:700}.marina-tutor details{color:var(--marina-muted);margin:16px 0;font-size:.8rem}.marina-tutor summary{cursor:pointer;min-height:44px;padding:10px 0}.marina-tutor details li{margin:6px 0}.marina-tutor-next{color:var(--marina-muted);border-top:1px solid var(--marina-line);padding:14px 0;font-size:.85rem}.marina-tutor-next strong{color:var(--marina-ink);margin-bottom:4px;display:block}.marina-tool-preview{-o-object-fit:cover;object-fit:cover;border-radius:18px;width:100%;height:120px;margin-bottom:16px}.marina-moment-success{animation:.4s ease-out both marina-success-reveal}@keyframes marina-success-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.marina-tutor{border-radius:24px;grid-template-columns:1fr;gap:20px}.marina-tutor-intro>.marina-portrait{float:right;width:108px;height:136px;margin:0 0 12px 16px}.marina-tutor-intro{display:flow-root}.marina-tutor-intro>details,.marina-tutor-intro>.marina-tutor-prompts{clear:both}.marina-tutor-log{min-height:180px;max-height:340px}.marina-moment{gap:16px;padding:16px}.marina-moment>.marina-portrait{width:88px;height:112px}}@media (min-aspect-ratio:4/3){.marina-opening-button{justify-content:center;align-items:flex-start;padding:8vh 8vw}.marina-opening .marina-portrait{left:35%}.marina-opening .marina-portrait img{-o-object-position:50% 24%!important;object-position:50% 24%!important}.marina-opening-button:after{background:linear-gradient(90deg,#54314f 0%,#54314fee 25%,#0000 70%)}}@media (prefers-reduced-motion:reduce){.marina-opening *,.marina-moment-success{animation:none!important}.marina-premium *,.marina-icon-nav *{scroll-behavior:auto!important;transition:none!important}}.marina-reward-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.marina-reward-heading .marina-moment{box-shadow:none;background:0 0;padding:0}.marina-points{text-align:center;background:var(--marina-soft);border-radius:24px;min-width:90px;padding:16px}.marina-points span{color:var(--marina-muted);font-size:.7rem;display:block}.marina-points strong{color:var(--marina-ink);font-size:2rem;animation:.35s ease-out marina-success-reveal}.marina-rewards>div{border-color:var(--marina-line);background:var(--marina-panel)}.marina-studio-guide{float:right;width:92px;height:120px;margin:0 12px 16px 16px}.marina-media-guide{width:120px;height:148px;margin-bottom:20px}.prof-page.marina-premium{background:var(--marina-paper);min-height:100dvh;padding-bottom:100px}.prof-page.marina-premium .prof-avatar-art{width:112px;height:132px;box-shadow:var(--marina-shadow)}.prof-page.marina-premium :is(.prof-title,.prof-section-title,.prof-stat-value,.prof-game-id){color:var(--marina-ink)}.prof-page.marina-premium :is(.prof-kicker,.prof-stat-label,.prof-stat-unit){color:var(--marina-muted)}.prof-page.marina-premium :is(.prof-stat-card,.prof-game-row){background:var(--marina-panel);border-color:var(--marina-line);box-shadow:var(--marina-shadow)}.prof-page.marina-premium .prof-cta{background:var(--play-plum,#725572);color:#fff}.game-result-card.marina-premium{background:var(--marina-panel);border-color:var(--marina-line);color:var(--marina-ink);box-shadow:var(--marina-shadow)}.game-result-card.marina-premium :is(h2,p){color:var(--marina-ink)}.game-result-card.marina-premium .marina-game-result{width:100px;height:120px;margin:auto}.game-result-card.marina-premium :is(.game-result-primary,.game-result-secondary){border:1px solid var(--marina-line);color:var(--marina-ink);background:var(--marina-soft)}.game-result-card.marina-premium .game-result-primary{background:var(--play-plum,#725572);color:#fff}.game-result-card.marina-premium .result-star-empty{color:var(--marina-line)}nav.marina-icon-nav.marina-sidebar{box-shadow:none;background:var(--marina-panel);border:0;border-radius:0;gap:2px}nav.marina-icon-nav.marina-sidebar a{box-shadow:none;min-width:48px;color:var(--marina-muted);background:0 0;border-radius:0;padding:10px}nav.marina-icon-nav.marina-sidebar a[aria-current=page]{color:var(--marina-accent)}@media (max-width:600px){.marina-reward-heading{flex-direction:column;align-items:stretch}.marina-points{justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}}@media (prefers-reduced-motion:reduce){.game-result-card *,.marina-points *{opacity:1!important;transition:none!important;animation:none!important}}.marina-overview-module{background:var(--marina-panel);border:1px solid var(--marina-line);min-height:140px;box-shadow:var(--marina-shadow);border-radius:24px;flex-direction:column;align-items:center;gap:8px;padding:10px;font-size:.9rem;font-weight:650;display:flex;overflow:hidden}.marina-overview-module img{height:110px;margin:0}.marina-more>section:not(:first-child){vertical-align:top;background:var(--marina-panel);border-color:var(--marina-line);width:calc(50% - 12px);box-shadow:var(--marina-shadow);border-radius:24px;flex-direction:column;margin:6px;padding:16px;display:inline-flex}@media (max-width:380px){.marina-more>section:not(:first-child){width:auto;margin:12px 0;display:flex}}.marina-creativity :is(header,article,aside),.marina-media :is(aside,main){background:var(--marina-panel);border-color:var(--marina-line);box-shadow:var(--marina-shadow)}.marina-creativity :is(h1,h2,h3,p,label,textarea),.marina-media :is(h1,h2,h3,p),.marina-creativity article button{color:var(--marina-ink)}.marina-creativity button[data-variant=primary]{background:var(--play-plum,#725572);color:#fff}.marina-creativity button[data-variant=primary]:disabled{background:var(--marina-soft);color:var(--marina-muted)}.marina-premium{font-family:Nunito Variable,system-ui,sans-serif}.marina-portrait:not(.marina-opening .marina-portrait) img{transform-origin:50% 20%;transform:scale(1.3)}@media (max-width:700px){.marina-tutor .marina-tutor-prompts{scroll-snap-type:x proximity;scrollbar-width:thin;flex-wrap:nowrap;padding:4px;overflow-x:auto}.marina-tutor .marina-tutor-prompts button{scroll-snap-align:start;flex:none;max-width:190px}}.marina-artwork{width:100%;display:block;position:relative}.marina-artwork .marina-artwork-badge{pointer-events:none;border:2px solid #fffdf7;border-radius:12px;width:40px;height:48px;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 10px #352a3830}
