@charset "UTF-8";
:root{color-scheme:dark;--bg:#0a0b10;--panel:#15171f;--paper:#f5f2e9;--muted:#96979f;--gold:#ffd345;--mint:#b9e6c9;--line:#292b33;--shell:1200px;font-family:Arial,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--paper);-webkit-font-smoothing:antialiased}button,select{font:inherit}a{color:inherit;text-decoration:none}button,a,select,summary{-webkit-tap-highlight-color:transparent}button,summary,select{cursor:pointer}button{color:inherit}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible,.poster-gallery:focus-visible{outline:3px solid var(--gold);outline-offset:5px}a,button{touch-action:manipulation}[hidden]{display:none!important}.shell{width:min(var(--shell),calc(100% - 96px));margin-inline:auto}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;z-index:100;top:12px;left:12px;background:var(--gold);color:var(--bg);padding:16px;border-radius:8px}.header{position:sticky;top:0;z-index:30;background:#0a0b10ed;border-bottom:1px solid #ffffff0b;backdrop-filter:blur(18px)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.wordmark{display:inline-flex;align-items:center;font-size:31px;font-weight:900;letter-spacing:-1.8px;white-space:nowrap}.brand-icon{color:var(--gold);font-size:35px;letter-spacing:-3px;margin-right:1px}.brand-dot{color:var(--gold)}.nav-links{display:flex;gap:28px;color:#bcbcc3;font-size:13px;font-weight:600}.nav-links a:hover,.footer-links a:hover{color:var(--gold)}.nav-actions{display:flex;align-items:center;gap:20px}.language{display:flex;align-items:center;gap:6px;color:#c8c8cc;font-size:19px}.language select{background:transparent;border:0;color:var(--paper);font-size:12px;max-width:98px;padding:10px 2px;min-height:44px}.language option{background:var(--panel)}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:58px;padding:0 25px;border-radius:7px;font-size:14px;font-weight:800;line-height:1.4;text-align:center;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.button span{font-size:21px;font-weight:400}.button-gold{background:var(--gold);color:#18150c}.button-gold:hover{background:#ffe17d}.button-outline{border:1px solid #55545a;color:var(--paper)}.button-outline:hover{background:#ffffff0a}.button-small{min-height:43px;padding-inline:17px;gap:20px;font-size:12px}.button-mint{background:var(--mint);color:#163522}.hero{padding-top:94px;padding-bottom:78px;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:74px;position:relative}.hero:before{content:"";position:absolute;inset:-40px 0 -60px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 78% 45%,#d2ab3320,transparent 48%)}.eyebrow,.kicker{font-size:10px;font-weight:700;letter-spacing:1.9px;line-height:1.8;color:var(--gold);margin:0 0 24px}.eyebrow{display:flex;gap:11px;align-items:center;letter-spacing:1.25px;white-space:nowrap}.little-star{font-size:24px;line-height:1}h1{font-size:clamp(48px,5.6vw,78px);line-height:1.12;letter-spacing:-4.3px;margin:0 0 27px;font-weight:900;text-wrap:balance}h1 em{display:inline-block;font-family:Georgia,"Noto Serif KR",serif;font-style:italic;font-weight:500;letter-spacing:-3px;color:var(--gold);padding-bottom:7px}.hero-description{font-size:17px;line-height:1.85;color:#aaaab3;max-width:430px;word-break:keep-all;margin:0 0 30px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.small-note{color:var(--muted);font-size:12px;margin:18px 0 0}.small-note span{color:var(--mint);padding-right:5px}.hero-footnote{display:flex;align-items:center;gap:14px;color:#747580;font-size:11px;letter-spacing:.2px;margin-top:48px}.film-line{display:inline-block;width:33px;height:1px;background:#595a64}.demo-scene{position:relative;padding:18px 18px 24px 0}.demo-card{position:relative;z-index:2;min-height:454px;border:1px solid #38362c;border-radius:17px;background:linear-gradient(140deg,#1e202a,#12141c);padding:26px;box-shadow:0 30px 70px #0006;transform:rotate(2deg)}.demo-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.demo-label{font-size:10px;letter-spacing:1px;font-weight:700;color:var(--gold);border:1px solid #6a5928;border-radius:3px;padding:5px 8px}.demo-number{font-size:9px;color:#8e8e97;letter-spacing:1.5px;font-family:monospace}.demo-card h2{font-size:23px;font-weight:700;letter-spacing:-.8px;text-align:center;margin:27px 0 0}.emoji-stage{display:flex;align-items:center;justify-content:center;gap:12px;min-height:132px;font-size:62px;letter-spacing:5px;text-shadow:0 7px 20px #0005;white-space:nowrap}.demo-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.demo-choice{display:flex;align-items:center;gap:9px;min-height:57px;padding:10px 12px;border:1px solid #3b3c47;border-radius:6px;background:#191c25;font-size:12px;text-align:start;line-height:1.45;transition:background .18s,border-color .18s}.demo-choice .choice-letter{font-family:monospace;color:#898b98;font-size:11px;flex:none}.demo-choice:hover{background:#2a2b34;border-color:#a69454}.demo-choice.wrong{border-color:#cf746e;background:#392125}.demo-feedback{min-height:18px;text-align:center;font-size:11px;line-height:1.6;color:#8f909b;margin:17px 0 16px}.demo-feedback.is-wrong{color:#efa29b}.demo-feedback.is-correct{color:var(--mint)}.demo-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #ffffff0c;padding-top:14px;font-size:8px;letter-spacing:1px;color:#777985}.demo-bottom>span:first-child{color:#b4a05b;letter-spacing:3px}.scene-spark{position:absolute;z-index:3;color:var(--gold)}.spark-one{font-size:56px;right:-19px;top:-13px;transform:rotate(12deg)}.spark-two{font-size:28px;left:-31px;bottom:76px}.scene-ticket{position:absolute;bottom:-9px;left:-23px;z-index:4;background:var(--gold);color:#453719;transform:rotate(-13deg);padding:15px 20px;border-radius:3px;box-shadow:4px 7px 25px #0005;border-left:3px dashed #af8d2e;display:grid;gap:7px;width:148px}.scene-ticket span{font-family:monospace;font-size:6px;letter-spacing:1px;line-height:1.5}.scene-ticket strong{font-size:17px;line-height:1.1;font-weight:900;letter-spacing:-.6px}.demo-result .button{width:100%;min-height:45px;font-size:12px}.demo-answer{display:flex;align-items:center;gap:18px;margin-top:4px;margin-bottom:14px}.answer-poster{width:83px;height:119px;flex:none;border-radius:5px;background:#262a35;display:grid;place-items:center;overflow:hidden;font-size:42px}.answer-poster img{width:100%;height:100%;object-fit:contain}.correct-label{color:var(--mint);font-size:11px}.demo-answer h3{font-size:19px;line-height:1.4;margin:8px 0 5px}.demo-answer p{color:#b6b7bf;font-size:11px;margin:4px 0;line-height:1.6}.demo-answer .poster-promise{font-size:10px;max-width:190px;color:#91929d}.answer-credit{font-size:10px;color:#a8a9b1;line-height:1.6;margin:0 0 12px}.answer-credit summary{min-height:26px}.answer-credit p{overflow-wrap:anywhere}.answer-credit a{text-decoration:underline}.reset-button{display:block;min-height:38px;border:0;background:none;color:#a0a2ad;font-size:11px;padding:8px;margin:4px auto}.demo-card.answered .emoji-stage{font-size:33px;min-height:67px}.demo-card.answered h2{font-size:17px;margin-top:16px}.demo-card.answered .demo-feedback{margin:2px 0 12px}.numbers{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:29px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.numbers>div{display:flex;align-items:baseline;gap:13px}.numbers strong{font-size:31px;letter-spacing:-1px}.numbers div>span{font-size:11px;color:var(--muted);line-height:1.5}.number-divider{font-size:30px;font-weight:300;color:#3b3c44}.cinema-section{padding-top:88px;padding-bottom:34px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.section-heading h2,.how-section h2,.modes-section h2,.friends-section h2,.faq-section h2{font-size:37px;line-height:1.3;letter-spacing:-1.7px;text-wrap:balance;margin:0;font-weight:800;word-break:keep-all}.section-heading .kicker{margin-bottom:11px;letter-spacing:1.5px;font-size:9px}.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted);max-width:290px;margin:0;word-break:keep-all}.poster-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px}.poster-card{margin:0;min-width:0}.poster-art{height:258px;position:relative;background:linear-gradient(145deg,#272a36,#15171f);border-radius:7px;overflow:hidden;border:1px solid #ffffff10}.poster-art>img{position:relative;width:100%;height:100%;object-fit:cover;display:block;z-index:1;opacity:0;transition:opacity .3s}.poster-art>img.ready{opacity:1}.poster-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:47px;opacity:.5}.poster-card figcaption{font-size:11px;line-height:1.7;margin-top:11px;color:#d3d2d7}.poster-card figcaption span{display:block;color:#696c77;font-family:monospace;font-size:10px}.artwork-credit{font-size:10px;color:#6f727c;line-height:1.7;margin-top:20px}.artwork-credit summary{display:inline-flex;align-items:center;min-height:34px;gap:8px}.artwork-credit summary:before{content:"+"}.artwork-credit[open] summary:before{content:"−"}.artwork-credit ul{padding-left:18px;display:grid;gap:7px}.artwork-credit a{text-decoration:underline;color:#a3a5b1}.how-section{padding-block:69px 82px;border-bottom:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;list-style:none;margin:47px 0 0;padding:0}.steps li{position:relative;padding-top:5px}.step-number{font-size:10px;color:#7d7f8c;letter-spacing:2px;font-family:monospace}.step-visual{display:block;font-size:37px;margin-top:27px;margin-bottom:20px;line-height:1}.steps h3{font-size:18px;line-height:1.5;letter-spacing:-.6px;margin:0 0 10px}.steps p{font-size:13px;color:var(--muted);line-height:1.9;margin:0;max-width:280px;word-break:keep-all}.modes-section{padding-top:88px;padding-bottom:82px}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mode{display:flex;flex-direction:column;min-width:0;padding:25px;border-radius:10px;border:1px solid #ffffff10;transition:transform .2s}.mode:hover{transform:translateY(-5px)}.mode-daily{background:#242119;color:#ffda65}.mode-speed{background:#192024;color:#a8d6ea}.mode-survival{background:#241c25;color:#e2aed5}.mode-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;font-weight:600;gap:8px}.mode-top>span:last-child{font-size:18px}.mode-art{height:176px;display:flex;align-items:center;justify-content:center;position:relative}.daily-art{gap:0;font-family:Georgia,serif;font-size:120px;font-weight:700;line-height:1}.daily-art>span:first-child{transform:rotate(-7deg)}.daily-art>span:nth-child(2){transform:rotate(5deg)}.daily-marks{position:absolute;bottom:8px;letter-spacing:8px;font-size:12px;left:50%;transform:translateX(-50%);white-space:nowrap}.timer-art>div{border:3px solid #a8d6ea;border-radius:50%;width:119px;height:119px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(8deg)}.timer-art strong{font-size:65px;font-weight:800;letter-spacing:-4px;line-height:1}.timer-art span{font-size:7px;letter-spacing:3px;margin-top:3px}.hearts-art{font-size:58px;letter-spacing:-3px;transform:rotate(-6deg)}.hearts-art>span{color:#ad73a2;margin-top:25px}.mode h3{font-size:22px;margin:20px 0 10px;line-height:1.4;letter-spacing:-.8px}.mode p{font-size:12px;color:#aaa7a8;line-height:1.9;margin:0 0 20px;flex:1;word-break:keep-all}.mode-link{font-size:11px;font-weight:700;margin-top:7px}.more-modes{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:11px;margin-top:27px}.more-modes>span{font-size:11px;color:var(--muted);margin-right:6px}.more-modes>a{font-size:11px;min-height:35px;display:flex;align-items:center;border:1px solid #30323c;border-radius:999px;padding:6px 15px;color:#b8b9c2}.more-modes>a:hover{color:var(--gold);border-color:var(--gold)}.friends-section{display:grid;grid-template-columns:1fr 1fr;gap:84px;align-items:center;background:#121c19;border:1px solid #26392f;border-radius:13px;padding:58px 65px;margin-bottom:84px}.friend-illustration{position:relative;padding:20px 0 21px}.share-ticket{background:#f1ecd9;color:#25362d;transform:rotate(-7deg);padding:25px 28px;border-radius:6px;max-width:310px;margin:auto;box-shadow:8px 12px 0 #526e521a}.share-ticket .wordmark{font-size:24px}.share-ticket .brand-dot{color:#4c7c50}.share-marks{font-size:28px;letter-spacing:2px;white-space:nowrap;margin:32px 0 24px}.share-ticket p{font-size:14px;font-weight:700;line-height:1.7;max-width:200px;margin:0 0 21px;word-break:keep-all}.ticket-divider{border-top:1px dashed #9ca594;margin-inline:-28px}.ticket-stamp{display:block;margin-top:15px;font-size:7px;font-family:monospace;letter-spacing:2px}.sample-caption{font-size:9px;letter-spacing:2px;color:#6c8b78;text-transform:uppercase;position:absolute;top:-7px;left:20px}.friend-spark{position:absolute;font-size:66px;font-family:Georgia,serif;color:var(--mint);right:-10px;bottom:-15px;transform:rotate(12deg)}.friends-copy .kicker{font-size:8px;letter-spacing:1.4px;color:var(--mint);margin-bottom:15px}.friends-copy h2{font-size:36px;max-width:360px}.friends-copy>p:not(.kicker){font-size:13px;color:#a4b2a9;line-height:1.9;max-width:360px;margin:20px 0;word-break:keep-all}.friends-copy ul{list-style:none;padding:0;margin:0 0 27px;display:grid;gap:11px;color:#c0cfc4;font-size:11px;line-height:1.65}.friends-copy li:before{content:"↗";color:var(--mint);margin-right:10px}.friends-copy .button{min-height:52px;font-size:13px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-bottom:86px}.faq-section .kicker{font-size:8px;letter-spacing:1.2px;margin-bottom:14px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{position:relative;list-style:none;padding:21px 25px 21px 0;font-size:13px;line-height:1.7;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:1px;top:21px;color:#858893;font-size:16px}.faq-list details[open] summary:after{content:"−"}.faq-list details p{color:var(--muted);font-size:12px;line-height:1.9;max-width:520px;margin:0 0 23px;word-break:keep-all}.closing{position:relative;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:65px 20px 56px;overflow:hidden;background:radial-gradient(ellipse at 50% 120%,#8a742219,transparent 65%)}.closing .kicker{font-size:8px;letter-spacing:1.7px;margin-bottom:17px}.closing h2{font-size:42px;line-height:1.25;letter-spacing:-1.8px;margin:0 auto 15px;max-width:750px;text-wrap:balance;word-break:keep-all}.closing>p:not(.kicker){color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:25px}.closing .button{min-height:52px}.closing-emoji{display:block;margin-top:32px;font-size:21px;letter-spacing:8px;opacity:.7}.footer{padding:44px 0 36px;display:flex;justify-content:space-between;align-items:center;gap:35px}.footer .wordmark{font-size:24px}.footer p{color:#71737e;font-size:10px;line-height:1.8;margin:7px 0 0}.footer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:23px;font-size:10px;color:#91939d;line-height:1.8}.footer-links>span{color:#5e616d}.noscript-note{font-size:13px;text-align:center;line-height:1.8;padding:20px}.noscript-note a{text-decoration:underline}
@media(min-width:1500px){.hero{padding-top:110px;padding-bottom:100px}.hero h1{font-size:84px}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.hero{gap:45px;padding-top:75px}.hero h1{font-size:61px}.hero-actions .button{gap:19px;padding-inline:18px}.demo-card{padding:22px}.emoji-stage{font-size:52px}.demo-choice{padding:9px;font-size:11px}.nav-links{gap:18px}.poster-art{height:220px}.friends-section{padding:48px 42px;gap:50px}.section-heading h2,.friends-copy h2{font-size:32px}.mode{padding:21px}.numbers>div{gap:9px}.numbers strong{font-size:27px}.faq-section{gap:45px}}
@media(max-width:860px){.nav{height:76px;gap:16px}.nav-links{display:none}.hero{grid-template-columns:1fr;max-width:650px;gap:40px;padding-top:60px;padding-bottom:60px}.hero h1{font-size:74px;letter-spacing:-3.7px}.hero-description{max-width:480px}.hero-footnote{margin-top:30px}.demo-scene{max-width:460px;width:100%;margin-inline:auto;padding-left:12px;margin-top:20px}.demo-card{padding:27px;min-height:455px}.emoji-stage{font-size:65px}.demo-choice{padding:12px;font-size:12px}.scene-ticket{left:-8px;bottom:-12px}.numbers{padding:27px 5px;gap:10px}.numbers>div{display:grid;gap:5px}.numbers strong{font-size:30px}.number-divider{font-size:24px}.numbers div>span{font-size:10px}.cinema-section{padding-top:65px}.section-heading{gap:22px}.section-heading h2{font-size:30px}.section-heading>p{font-size:12px;max-width:235px}.poster-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:15px;gap:14px}.poster-card{flex:0 0 150px;scroll-snap-align:start}.poster-art{height:222px}.artwork-credit{margin-top:10px}.steps{gap:28px}.steps h3{font-size:17px}.steps p{font-size:12px}.mode-grid{gap:12px}.mode{padding:20px 17px}.mode-top{font-size:6px;letter-spacing:1px}.mode h3{font-size:19px}.mode-art{height:145px}.daily-art{font-size:99px}.timer-art>div{width:102px;height:102px}.timer-art strong{font-size:56px}.hearts-art{font-size:45px}.friends-section{padding:45px 30px;gap:36px}.share-ticket{padding:24px 18px}.share-marks{font-size:22px;letter-spacing:0}.ticket-divider{margin-inline:-18px}.friend-spark{right:-12px;font-size:48px}.friends-copy h2{font-size:29px}.friends-copy .kicker{font-size:6px;letter-spacing:1px}.friends-copy>p:not(.kicker){font-size:12px}.faq-section{grid-template-columns:1fr;gap:30px}.faq-section h2{font-size:32px}.footer{align-items:start}.footer-links{gap:15px;max-width:240px}.closing h2{font-size:36px}}
@media(max-width:600px){html{scroll-padding-top:88px}.shell{width:calc(100% - 40px)}.nav{height:71px;gap:10px}.wordmark{font-size:27px}.brand-icon{font-size:31px}.nav-actions{gap:9px}.language{gap:2px;font-size:17px}.language select{max-width:88px;font-size:10px}.button-small{min-height:39px;padding-inline:12px;gap:12px;font-size:11px}.hero{padding-top:47px;padding-bottom:54px;gap:30px}.eyebrow{font-size:8px;letter-spacing:.9px;margin-bottom:25px;gap:8px;white-space:normal}.little-star{font-size:21px;flex:none}.hero h1{font-size:clamp(43px,11.4vw,64px);letter-spacing:-2.7px;line-height:1.15;margin-bottom:21px}.hero h1 em{letter-spacing:-2.5px}.hero-description{font-size:14px;line-height:1.9;margin-bottom:25px;max-width:370px}.hero-actions{gap:9px}.hero-actions .button{font-size:12px;min-height:51px;padding-inline:17px;gap:19px}.small-note{font-size:10px;margin-top:16px}.hero-footnote{margin-top:26px;font-size:9px}.demo-scene{width:calc(100% - 14px);margin-top:14px;padding:13px 4px 27px}.demo-card{padding:21px;min-height:425px;transform:rotate(1.4deg);border-radius:13px}.demo-card h2{font-size:21px;margin-top:25px}.emoji-stage{font-size:58px;min-height:125px;gap:5px;letter-spacing:2px}.demo-choice{font-size:11px;padding:10px;gap:7px;min-height:54px}.demo-label{font-size:8px}.demo-number{font-size:8px}.demo-feedback{font-size:10px;margin-top:15px}.demo-bottom{font-size:7px;letter-spacing:.7px}.scene-ticket{left:-3px;bottom:0;width:126px;padding:12px 16px}.scene-ticket strong{font-size:14px}.scene-ticket span{font-size:5px}.spark-one{right:-8px;top:-15px;font-size:41px}.spark-two{left:-13px;bottom:75px;font-size:21px}.numbers{padding:22px 0;gap:9px}.numbers strong{font-size:24px}.numbers div>span{font-size:8px;line-height:1.6}.numbers>div{gap:5px}.number-divider{font-size:20px}.cinema-section{padding-top:54px;padding-bottom:22px}.section-heading{display:block;margin-bottom:26px}.section-heading .kicker{font-size:7px;letter-spacing:1.1px;margin-bottom:12px}.section-heading h2{font-size:27px;letter-spacing:-1.1px;line-height:1.4}.section-heading>p{max-width:340px;font-size:12px;line-height:1.9;margin-top:15px}.poster-gallery{gap:12px}.poster-card{flex-basis:137px}.poster-art{height:200px}.poster-card figcaption{font-size:10px}.poster-card figcaption span{font-size:9px}.artwork-credit{font-size:9px}.how-section{padding-top:40px;padding-bottom:49px}.steps{grid-template-columns:1fr;gap:26px;margin-top:29px}.steps li{display:grid;grid-template-columns:45px 1fr;column-gap:17px;padding-top:0}.step-number{grid-column:1;grid-row:1;font-size:8px}.step-visual{grid-column:1;grid-row:2/4;margin:9px 0 0;font-size:30px}.steps h3{grid-column:2;grid-row:1/3;font-size:17px;margin:0 0 8px}.steps p{grid-column:2;grid-row:3;font-size:12px;max-width:none}.modes-section{padding-top:53px;padding-bottom:48px}.mode-grid{grid-template-columns:1fr;gap:15px}.mode{position:relative;padding:22px;min-height:237px;overflow:hidden}.mode-top{font-size:7px;letter-spacing:1px}.mode h3{font-size:24px;margin-top:26px;max-width:57%;z-index:1;position:relative}.mode p{font-size:12px;max-width:58%;z-index:1;position:relative;flex:none;margin-bottom:19px}.mode-art{position:absolute;right:12px;top:48px;width:37%;height:145px;opacity:.8}.daily-art{font-size:95px}.daily-marks{font-size:8px;bottom:17px;letter-spacing:6px}.timer-art>div{width:105px;height:105px}.timer-art strong{font-size:60px}.hearts-art{font-size:44px;right:5px;letter-spacing:-7px}.mode-link{font-size:11px;margin-top:0;z-index:1;position:relative}.more-modes{justify-content:start;gap:8px;margin-top:20px}.more-modes>span{display:block;width:100%;margin-bottom:5px;font-size:10px}.more-modes>a{font-size:10px;padding:6px 13px}.friends-section{grid-template-columns:1fr;gap:26px;padding:31px 25px 34px;margin-bottom:53px}.friend-illustration{padding:20px 15px 15px}.share-ticket{padding:21px 25px;max-width:240px}.share-ticket .wordmark{font-size:22px}.share-marks{font-size:26px;margin:25px 0 20px}.share-ticket p{font-size:12px;margin-bottom:17px}.ticket-divider{margin-inline:-25px}.ticket-stamp{font-size:6px}.sample-caption{font-size:8px;top:-2px;left:21px}.friend-spark{right:1px;bottom:-3px;font-size:43px}.friends-copy h2{font-size:30px;line-height:1.35;letter-spacing:-1.2px;max-width:340px}.friends-copy .kicker{font-size:6px;letter-spacing:1px;margin-bottom:12px}.friends-copy>p:not(.kicker){font-size:12px;line-height:1.9;margin:16px 0}.friends-copy ul{font-size:10px;gap:10px;margin-bottom:24px}.friends-copy .button{width:100%;min-height:50px;font-size:12px}.faq-section{gap:22px;padding-bottom:51px}.faq-section h2{font-size:28px;letter-spacing:-1px}.faq-section .kicker{font-size:7px;margin-bottom:11px}.faq-list summary{font-size:12px;padding-block:19px}.faq-list summary:after{top:19px}.faq-list details p{font-size:11px;line-height:1.9}.closing{padding:42px 10px 36px}.closing .kicker{font-size:6px;letter-spacing:1.2px;margin-bottom:15px}.closing h2{font-size:29px;letter-spacing:-1.1px;max-width:330px;line-height:1.4}.closing>p:not(.kicker){font-size:11px;line-height:1.9;max-width:290px;margin-inline:auto}.closing .button{min-height:49px;font-size:12px}.closing-emoji{font-size:19px;margin-top:27px;letter-spacing:5px}.footer{padding-top:31px;padding-bottom:29px;display:block}.footer .wordmark{font-size:23px}.footer p{font-size:9px}.footer-links{justify-content:start;max-width:none;margin-top:24px;gap:20px;font-size:9px}.footer-links>span{margin-left:auto}.answer-credit{font-size:9px}.demo-answer h3{font-size:18px}}
@media(max-width:380px){.language>span:not(.sr-only){display:none}.language select{max-width:77px;font-size:9px}.nav-actions{gap:7px}.button-small{padding-inline:10px;gap:8px}.hero-actions .button{padding-inline:13px;gap:12px}.scene-ticket{left:1px}.share-marks{font-size:23px}.numbers strong{font-size:21px}.numbers div>span{font-size:7px}}
.artwork-credit{overflow-wrap:anywhere;color:#92959f}.hero-footnote,.poster-card figcaption span,.footer p{color:#92959f}.footer-links>span{color:#858995}
/* WCAG: 4.5:1 on both demo-card gradient stops; 2.5.8 target size (24px, 44px on phones) for nav/footer links */
.demo-bottom{color:#9395a1}.nav-links a,.footer-links a{display:inline-flex;align-items:center;justify-content:center;min-height:24px;min-width:24px}@media(max-width:600px){.footer-links a{min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover,.mode:hover{transform:none}}
.emoji-poster{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:46px;line-height:1}.emoji-poster span:nth-child(2){transform:rotate(-6deg)}.emoji-poster span:nth-child(3){transform:rotate(5deg)}.emoji-poster.tone-0{background:linear-gradient(160deg,#2c2718,#14151c)}.emoji-poster.tone-1{background:linear-gradient(160deg,#18252b,#14151c)}.emoji-poster.tone-2{background:linear-gradient(160deg,#2a1c29,#14151c)}@media(max-width:600px){.emoji-poster{font-size:38px;gap:8px}}
.footer .footer-operator{max-width:520px;word-break:keep-all;overflow-wrap:anywhere}

/* Locale-safe sizing: let Japanese headings and long translated captions wrap within their grid track. */
.steps li,.steps li>*{min-width:0}.steps h3,.mode-top>span:first-child{overflow-wrap:anywhere}.steps h3:lang(ja){line-break:strict;word-break:normal}.eyebrow{white-space:normal}.scene-ticket span{overflow-wrap:anywhere}
html:lang(ja) :is(h1,h2,h3,p){word-break:normal;line-break:strict;overflow-wrap:anywhere}
@media(max-width:680px){.steps li{grid-template-columns:45px minmax(0,1fr)}}
/* Shared decorative cinema buddies: reserve the ratio, lazy-load below the fold. */
.friend-art{display:block;width:100%;height:auto;aspect-ratio:512/341;object-fit:contain;margin:18px auto 10px}.friend-art+.share-marks{margin-top:0;margin-bottom:18px}
@media(max-width:600px){.friend-art{margin-top:15px;margin-bottom:10px}.friend-art+.share-marks{margin-top:0;margin-bottom:16px}}

/* Mobile reading and touch: retain the cinema layout without miniature body copy. */
@media(max-width:600px){
  .nav .wordmark{flex-shrink:0}.nav-actions{min-width:0;flex:1;justify-content:flex-end;gap:8px}.language{min-width:0;flex-shrink:1}.language select{width:96px;max-width:100%;min-width:0;font-size:16px;min-height:44px}.button-small{flex-shrink:0;min-height:44px;font-size:13px;padding-inline:10px;gap:8px}
  .hero{padding-top:32px}.hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hero-actions .button{min-width:0;min-height:54px;padding:12px 10px;font-size:14px;gap:8px;word-break:keep-all;overflow-wrap:normal}.button span{flex-shrink:0}
  .eyebrow{font-size:11px;letter-spacing:.4px}.small-note,.hero-footnote{font-size:12px;line-height:1.7}.demo-choice{font-size:14px;line-height:1.5;min-height:54px}.demo-choice .choice-letter{font-size:12px}.demo-feedback{font-size:13px}.demo-bottom{font-size:10px;letter-spacing:.3px}.demo-label,.demo-number{font-size:11px}.demo-result .button{font-size:14px;min-height:48px}.reset-button{font-size:13px;min-height:44px}
  .numbers div>span{font-size:11px}.section-heading>p,.steps p,.mode p,.friends-copy>p:not(.kicker),.faq-list details p,.closing>p:not(.kicker){font-size:14px;line-height:1.75}.section-heading .kicker,.friends-copy .kicker,.faq-section .kicker,.closing .kicker{font-size:10px;letter-spacing:.6px}.mode-top,.mode-link,.more-modes>span{font-size:12px}.more-modes>a{font-size:13px;min-height:44px}.friends-copy ul{font-size:13px;line-height:1.75}.friends-copy .button,.closing .button{font-size:14px;min-height:52px}.faq-list summary{font-size:15px;line-height:1.65}
  .poster-card figcaption{font-size:12px}.poster-card figcaption span,.artwork-credit,.footer p,.footer-links{font-size:12px;line-height:1.75}.sample-caption{font-size:10px;letter-spacing:1px}.ticket-stamp{font-size:9px;letter-spacing:1px}
  .mode{display:grid;grid-template-columns:minmax(0,1fr)100px;column-gap:12px;row-gap:10px;min-height:0}.mode-top{grid-column:1/-1}.mode-art{position:relative;inset:auto;grid-column:2;grid-row:2;width:100%;height:116px}.mode h3{grid-column:1;grid-row:2;max-width:none;min-width:0;margin:0;align-self:center;overflow-wrap:anywhere}.mode p{grid-column:1/-1;max-width:none;margin:2px 0 0}.mode-link{grid-column:1/-1;margin-top:0}
}

/* Selected reversed-E/3 wordmark; fixed dimensions prevent header layout shift. */
.brand-wordmark{display:block;width:140px;height:auto;border-radius:8px}.nav .brand-wordmark{width:124px}.share-ticket .brand-wordmark{width:140px}
@media(max-width:400px){.nav .brand-wordmark{width:94px}}
/* Keep long localized CTA text from widening the single-column hero. */
@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr)}.hero-copy,.hero-actions{min-width:0}.hero-actions .button{flex-wrap:wrap;overflow-wrap:anywhere}.hero-actions .button span[aria-hidden]{flex-shrink:0}}