/* Shared tokens override the older, independently injected screen skins. */
:root{--staron-font:Arial,"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;--staron-card-width:420px;--staron-card-radius:24px}
html body :is(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid #f0cd82!important;outline-offset:4px!important}
html body,html body :is(button,input,select,textarea,h1,h2,h3,h4,p,strong,small,span,blockquote,label,a,summary){font-family:var(--staron-font)!important}
html body :is(button,input,select,textarea){font-size:max(14px,1em)}
html body :is(.discovery-card-stage,.myeyes-flip,.we-card-stage),html body .returned-your-eyes-direct .discovery-card-stage{
 width:min(var(--staron-card-width),calc(72svh * .8),100%)!important;max-width:var(--staron-card-width)!important;margin:24px auto 16px!important;container-type:inline-size;
}
html body :is(.discovery-card-inner,.myeyes-flip-inner,.we-card-inner){height:auto!important;min-height:0!important;aspect-ratio:4/5!important;display:block!important;position:relative!important}
html body :is(.discovery-card-face,.myeyes-face,.we-card-face){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;box-sizing:border-box!important;border-radius:var(--staron-card-radius)!important;overflow:hidden!important}
html body :is(#resultCard,.returned-your-eyes-card,.your-eyes-result-front>.card){width:100%!important;height:100%!important;min-height:0!important;padding:4cqw!important;border-radius:var(--staron-card-radius)!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:1cqw!important}
html body :is(#resultCard,.returned-your-eyes-card,.your-eyes-result-front) .genesis-art-frame{width:100%!important;min-height:0!important;flex:1 1 auto!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:none!important}
html body :is(#resultCard,.returned-your-eyes-card,.your-eyes-result-front) .genesis-art-frame img{width:100%!important;height:100%!important;min-height:0!important;object-fit:contain!important;aspect-ratio:auto!important}
html body :is(#resultCard,.returned-your-eyes-card) :is(.owner,.tagline){position:static!important;margin:1cqw 0!important;font-size:clamp(10px,3cqw,14px)!important;line-height:1.4!important}
html body :is(#resultCard,.returned-your-eyes-card) :is(.card-top,.card-meta){position:static!important;margin:0!important;font-size:clamp(8px,2cqw,11px)!important}
html body :is(.myeyes-front img,.we-card-art){width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:inherit!important}
/* Same bowl, star, background and spacing in ME / MY EYES / YOUR EYES. */
html body .discovery-card-back{padding:6cqw!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:2cqw!important;background:#03080f!important;color:#f4ede2!important;border:1px solid #d8b16a!important}
html body .discovery-card-back .authority-back-raster{display:none!important}
html body .discovery-card-back.authority-rasterized>:not(.authority-back-raster){visibility:visible!important;opacity:1!important}
html body .discovery-card-back .back-polaris{display:block!important;flex:0 0 8cqw!important;width:8cqw!important;height:8cqw!important;margin:1cqw auto 3cqw!important}
html body .discovery-card-back .back-heading{margin:0!important;padding:0!important}
html body .discovery-card-back .back-symbol-line{font-size:clamp(9px,2.7cqw,13px)!important;line-height:1.4!important;margin:0!important}
html body .discovery-card-back .back-question-wrap{flex:1 1 auto!important;min-height:0!important;display:flex!important;align-items:center!important;margin:0!important;padding:0!important}
html body .discovery-card-back :is(blockquote,#backQuestion){font-size:clamp(12px,4cqw,20px)!important;line-height:1.55!important;margin:0!important;padding:0!important;overflow-wrap:anywhere!important;word-break:normal!important}
html body .discovery-card-back .back-note{font-size:clamp(8px,2.5cqw,12px)!important;line-height:1.5!important;margin:0!important}
html body .discovery-card-back .back-rule{margin:0!important;flex:0 0 1px!important}
html body .discovery-card-back :is(.wonhyo-gourd,.returned-back-seal){display:block!important;position:relative!important;width:28cqw!important;height:16cqw!important;min-height:0!important;flex:0 0 16cqw!important;margin:0 auto!important;background:url('./assets/card-back-gourd.jpg') center/contain no-repeat!important;filter:none!important;opacity:1!important}
html body .discovery-card-back :is(.wonhyo-gourd,.returned-back-seal)>*{display:none!important}
html body .discovery-card-back .back-footer{position:static!important;width:100%!important;margin:0!important;padding:0!important;font-size:clamp(6px,1.8cqw,9px)!important;line-height:1.4!important}
html body :is(.result-action-nav,.myeyes-tabbar){border-radius:16px!important}
html body :is(.result-action-nav button,.myeyes-tab){min-height:64px!important;font-size:13px!important;line-height:1.4!important}
html body :is(.flip-card-btn,.myeyes-flip-btn,.we-card-flip){min-height:44px!important;font-size:14px!important;border-radius:999px!important}
@media(prefers-reduced-motion:reduce){html body :is(.discovery-card-inner,.myeyes-flip-inner,.we-card-inner){transition:none!important}}
html body .discovery-card-back :is(.back-polaris,.back-heading,.back-question-wrap,.back-rule,.back-note,.wonhyo-gourd,.returned-back-seal,.back-footer){order:0!important}
html body :is(.card-face-toggle){display:none!important}
html body #result .discovery-card-controls{display:block!important;position:relative!important;text-align:center!important;margin:12px auto 20px!important}
html body #result .result-action-nav{position:relative!important;width:min(760px,100%)!important;max-width:760px!important;margin:16px auto!important}
