@charset "UTF-8";
*{box-sizing:border-box} :root{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:#242728;background:#f5f3ed;font-synthesis:none}body{margin:0;--bg:#f5f3ed;--ink:#242728;--accent:#d84735;--machine:#d84b3c;--deep:#a52720;--light:#faf9f5;--spot:#ede8da;--ring:#e2ddcc;--line:#d7d4cb;background:var(--bg);color:var(--ink)}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:wait}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #1385c6;outline-offset:5px}button{touch-action:manipulation}button:hover{filter:brightness(.97)}[hidden]{display:none!important}h1,h2,h3,h4,p{margin:0}.concept-bar{min-height:52px;background:#242728;color:white;display:flex;justify-content:space-between;align-items:center;padding:8px 30px;gap:20px;font-size:11px;letter-spacing:.05em}.lab-label{font-size:10px;color:#aaa}.lab-label b{color:white;margin-left:15px}.concept-bar nav{display:flex;gap:6px}.concept-bar a{border:1px solid #555;border-radius:4px;padding:8px 17px;color:#bbb}.concept-bar a[aria-current]{background:white;color:#242728;border-color:white}.mock-label{font-size:10px;color:#c0c0c0}header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 40px;gap:20px}.brand{font-weight:900;font-size:24px;letter-spacing:-.08em;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.brand-icon{color:var(--accent);font-size:40px;line-height:1;transform:rotate(-30deg)}.brand-en{font-family:"Arial Narrow",Impact,sans-serif;letter-spacing:.08em;font-size:9px;margin-left:5px}header nav{display:flex;align-items:center;gap:24px;font-size:12px}header nav button{background:none;padding:10px 0;font-weight:600}#count{background:var(--ink);color:var(--bg);display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;margin-left:6px}main{max-width:1280px;margin:auto}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:640px;padding:5px 70px 50px;gap:25px}.intro{padding-bottom:38px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em}.intro .eyebrow{margin-bottom:28px}h1{font-size:clamp(34px,4.15vw,57px);font-weight:900;line-height:1.55;letter-spacing:-.075em}h1 span{color:var(--accent);position:relative;white-space:nowrap}.lead{font-size:13px;line-height:2.2;margin:26px 0 22px}.intro-note{display:flex;align-items:center;gap:8px;font-size:10px}.tiny-capsule{width:17px;height:17px;flex:none;display:inline-block;border-radius:50%;background:linear-gradient(150deg,white 47%,var(--accent) 49%);border:1px solid var(--accent)}.featured{display:flex;align-items:center;gap:14px;margin-top:58px;font-size:10px}.featured small{display:block;font-size:9px;color:#777;margin-top:7px}.avatar-stack{display:flex;padding-left:0}.avatar-stack i{display:block;width:39px;height:39px;border-radius:50%;border:3px solid var(--bg);margin-left:-8px}.avatar-stack i:first-child{margin-left:0}.portrait{background-image:url('assets/founders.png');background-size:300% auto;background-position:var(--person) center;background-repeat:no-repeat;background-color:#dedede;aspect-ratio:1}.play-area{position:relative;max-width:540px;width:100%;justify-self:center}.stage{height:410px;position:relative;display:flex;align-items:center;justify-content:center}.stage-ring{position:absolute;width:374px;height:374px;background:var(--spot);border-radius:50%;bottom:8px}.stage-ring:after{content:'';position:absolute;inset:15px;border:1px solid var(--ring);border-radius:inherit}.floating-label{position:absolute;right:0;top:42px;transform:rotate(9deg);font-size:11px;border:1px solid var(--ink);padding:10px 15px;border-radius:50%;background:var(--bg);z-index:3}.machine{width:242px;position:relative;z-index:1;transform-origin:50% 90%;filter:drop-shadow(9px 15px 10px #33251015)}.machine-top{position:relative;width:210px;margin:auto;background:linear-gradient(100deg,#ec6a56,var(--machine) 50%,var(--deep));border-radius:42px 42px 9px 9px;height:52px;color:#fff7df;text-align:center;box-shadow:inset 0 4px 1px #ffffff46,0 4px 0 #982d2460;z-index:2;padding-top:7px;line-height:1}.machine-top span{display:block;letter-spacing:.25em;font-size:8px;font-family:Arial,sans-serif}.machine-top b{font-size:23px;letter-spacing:.05em;font-family:"Arial Black",Arial,sans-serif}.globe{width:210px;height:150px;margin:auto;position:relative;overflow:hidden;border:3px solid #eee9db;border-top:0;border-radius:5px 5px 27px 27px;background:linear-gradient(115deg,#ffffffae,#d9e5e330 40%,#fafdfb8c 60%,#b9c7c659);box-shadow:inset 5px 0 6px #ffffffba,inset -6px 0 9px #69757533;z-index:1}.globe-shine{position:absolute;left:14px;top:13px;bottom:15px;width:11px;background:#fff9;z-index:3;border-radius:30px}.globe-label{position:absolute;top:16px;left:57px;width:93px;text-align:center;font-size:10px;font-weight:800;line-height:1.65;background:#fff6ddf0;border:1px solid #24272844;transform:rotate(-6deg);padding:6px;z-index:2}.mini-balls{position:absolute;inset:0}.mini-balls i{--ball:#e4a340;position:absolute;width:52px;height:52px;border-radius:50%;background:linear-gradient(165deg,#f5f1e7 0 48%,#aaa9 49% 51%,var(--ball) 52%);box-shadow:inset -5px -7px 9px #0002,3px 3px 4px #0002;bottom:6px;left:3px;transform:rotate(26deg)}.mini-balls i:after{content:'';position:absolute;inset:8px 30px 30px 8px;border-radius:50%;background:white}.mini-balls i:nth-child(2){left:52px;bottom:3px;--ball:#779caf;transform:rotate(-20deg)}.mini-balls i:nth-child(3){left:104px;--ball:#d84b3c;transform:rotate(35deg)}.mini-balls i:nth-child(4){left:151px;bottom:10px;--ball:#ad9aca;transform:rotate(-56deg)}.mini-balls i:nth-child(5){left:30px;bottom:47px;--ball:#829775;transform:rotate(70deg)}.mini-balls i:nth-child(6){left:124px;bottom:51px;--ball:#ebae4e}.mini-balls i:nth-child(7){left:78px;bottom:39px;--ball:#d75f64;transform:rotate(-38deg)}.mini-balls i:nth-child(8){left:145px;bottom:89px;--ball:#a1c6c7;transform:rotate(68deg)}.machine-base{height:142px;background:linear-gradient(100deg,#ed6953,var(--machine) 50%,var(--deep));border-radius:20px 20px 20px 20px;position:relative;margin-top:-5px;box-shadow:inset 0 5px 1px #fff4,inset 0 -7px 0 #0002}.machine-sticker{position:absolute;top:20px;left:20px;border-radius:5px;padding:8px 7px;background:#fff5d7;color:#282727;font-size:7px;line-height:1.7;transform:rotate(-5deg)}.machine-sticker b{font-size:8px}.dial{position:absolute;top:14px;left:96px;width:62px;height:62px;border-radius:50%;background:linear-gradient(130deg,#f8f6ee,#a9a8a0);box-shadow:0 3px 4px #0004,inset 0 0 0 4px #eee9df}.dial span{position:absolute;left:7px;top:22px;width:48px;height:18px;background:linear-gradient(#fff,#bab9b0);border-radius:5px;box-shadow:0 3px 2px #0003;transform:rotate(-30deg)}.coin-slot{position:absolute;top:32px;right:24px;border-radius:15px;background:#dfd6c4;border:3px solid #a3a092;width:14px;height:37px}.coin-slot:after{content:'';position:absolute;width:2px;height:22px;background:#45443f;top:4px;left:3px}.outlet{position:absolute;top:88px;left:77px;width:93px;height:37px;border-radius:24px 24px 7px 7px;background:#44251f;box-shadow:inset 0 5px 8px #000b,0 2px 1px #f78d7e}.outlet-shine{width:64px;height:7px;background:#9a534230;position:absolute;bottom:3px;left:15px;border-radius:50%}.machine-base>small{position:absolute;bottom:5px;left:0;width:100%;font-family:Arial,sans-serif;font-size:5px;letter-spacing:.16em;color:#f9dfc7;text-align:center}.machine-foot{height:12px;margin:-3px auto 0;width:215px;background:#5e4139;border-radius:0 0 8px 8px}.floor-shadow{position:absolute;bottom:11px;width:235px;height:18px;background:#30272120;filter:blur(6px);border-radius:50%}.controls{max-width:320px;margin:16px auto 0;text-align:center}.primary{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;padding:18px 22px;background:var(--accent);color:white;font-size:14px;line-height:1.3;font-weight:800;border-radius:8px;box-shadow:0 4px 0 var(--deep);transition:transform .15s}.primary:hover{transform:translateY(-2px)}.primary:active{transform:translateY(2px);box-shadow:0 1px 0 var(--deep)}.primary:disabled{opacity:.75}.draw-icon{font-size:25px;font-family:Arial}.arrow{margin-left:auto}.draw{gap:22px;min-height:63px}.controls>p{margin-top:14px;font-size:9px;color:#666}.motion-option{margin-top:13px;display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#666}.motion-option input{accent-color:var(--accent);width:12px;height:12px}.flow{border-block:1px solid var(--line);margin:0 40px;display:flex;justify-content:center;gap:50px;align-items:center;padding:23px 10px;font-size:11px}.flow b{font-family:Arial,sans-serif;color:var(--accent);margin-right:9px;font-size:11px}.flow i{font-style:normal;opacity:.35}.lineup{padding:58px 40px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-title p{font-family:Arial,sans-serif;font-weight:700;font-size:9px;letter-spacing:.14em;margin-bottom:10px;color:var(--accent)}.section-title h2{font-size:23px;font-weight:800;letter-spacing:-.035em}.section-title>span{font-size:9px;color:#777}.lineup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.preview{padding:0;display:flex;align-items:stretch;background:var(--light);text-align:left;border-radius:7px;overflow:hidden;border:1px solid var(--line);transition:transform .2s}.preview:hover{transform:translateY(-4px)}.preview>.portrait{width:112px;flex:none}.preview-copy{display:flex;flex-direction:column;justify-content:center;gap:9px;padding:14px;flex:1}.preview-copy small{font-size:8px;color:#777}.preview-copy strong{font-size:11px;line-height:1.7}.preview-copy>span{font-size:9px}.preview-copy i{float:right;font-style:normal}footer{max-width:1200px;padding:25px 0 32px;margin:0 auto;display:flex;gap:25px;justify-content:space-between;align-items:center;font-size:8px;color:#777;border-top:1px solid var(--line)}footer b{font-size:16px;color:var(--ink)}
/* 02 / vivid, compact, graphic capsules */
body[data-theme=pop]{--bg:#f0f3ff;--ink:#203db9;--accent:#264ddd;--machine:#cfef62;--deep:#173595;--light:#fff;--spot:#dce5ff;--ring:#bdccef;--line:#ccd5f0}.pop-unused{display:none}body[data-theme=pop] .hero{grid-template-columns:1fr;gap:0;padding-top:0;padding-bottom:40px;min-height:unset}body[data-theme=pop] .intro{text-align:center;padding:5px 0 0}body[data-theme=pop] .intro .eyebrow{margin-bottom:12px}body[data-theme=pop] h1{font-size:57px;line-height:1.45}body[data-theme=pop] h1 br{display:none}body[data-theme=pop] h1 span{background:linear-gradient(transparent 65%,#d1ef71 65%)}body[data-theme=pop] .lead{font-size:11px;margin:14px 0}body[data-theme=pop] .lead br{display:none}body[data-theme=pop] .intro-note,body[data-theme=pop] .featured{display:none}body[data-theme=pop] .play-area{display:grid;grid-template-columns:1fr 270px;gap:35px;max-width:770px;align-items:center}body[data-theme=pop] .stage{height:365px}body[data-theme=pop] .controls{text-align:left}body[data-theme=pop] .primary{background:#cfed66;color:#203db9;border:2px solid #203db9;border-radius:50px;box-shadow:4px 5px 0 #203db9}body[data-theme=pop] .stage-ring{width:330px;height:300px;transform:rotate(-13deg);border-radius:45%;background:#dce4ff}body[data-theme=pop] .floating-label{top:20px;right:-35px;border:2px solid #203db9;background:#fff;font-family:Impact,sans-serif;border-radius:5px;font-size:13px}body[data-theme=pop] .machine{width:232px;transform:rotate(-5deg)}body[data-theme=pop] .machine-top{background:#284dce;border-radius:50% 50% 5px 5px;color:#d6f373;border:2px solid #203b9a;height:45px;width:213px}body[data-theme=pop] .globe{border-radius:0 0 35% 35%;height:138px;border:3px solid #7994d0;background:linear-gradient(135deg,#fff8,#ffffff29)}body[data-theme=pop] .machine-base{background:linear-gradient(110deg,#e2fb8d,#c7e75b);border:2px solid #a0bb45;height:138px}body[data-theme=pop] .machine-foot{background:#2545a6}body[data-theme=pop] .machine-base>small{color:#38531e}body[data-theme=pop] .outlet{background:#223d81;box-shadow:inset 0 5px 7px #0009}body[data-theme=pop] .globe-label{color:#2444aa;background:#fff}body[data-theme=pop] .machine-sticker{background:#fff;color:#203db9}body[data-theme=pop] .floor-shadow{bottom:15px}body[data-theme=pop] .flow{background:#264ddd;color:#fff;border:0;border-radius:50px;padding:19px}body[data-theme=pop] .flow b{color:#d6f373}body[data-theme=pop] .preview{border:1px solid #bac7ed;border-radius:16px}body[data-theme=pop] .brand-icon{color:#264ddd}
/* 03 / calm, frosted sphere, open space */
body[data-theme=soft]{--bg:#fbfafc;--ink:#313342;--accent:#776494;--machine:#ddd6e7;--deep:#65527e;--light:#fff;--spot:#f0ebf5;--ring:#e7e0ed;--line:#e5e1e9}body[data-theme=soft] .hero{grid-template-columns:1fr 1fr;padding-inline:80px;gap:80px}body[data-theme=soft] .intro{grid-column:2;grid-row:1}body[data-theme=soft] .play-area{grid-column:1;grid-row:1}body[data-theme=soft] h1{font-size:45px;font-weight:600;line-height:1.65;letter-spacing:.015em}body[data-theme=soft] .eyebrow{font-weight:500}body[data-theme=soft] .lead{font-size:12px;color:#6c6975}body[data-theme=soft] .featured{margin-top:35px}body[data-theme=soft] .intro-note{display:none}body[data-theme=soft] .stage-ring{width:310px;height:310px;bottom:38px;background:radial-gradient(circle,#ede6f5,transparent 72%)}body[data-theme=soft] .stage-ring:after{display:none}body[data-theme=soft] .machine{width:225px}body[data-theme=soft] .machine-top{width:95px;height:26px;background:linear-gradient(#eee9f2,#c4b7d4);border-radius:50% 50% 3px 3px;color:#75608c;box-shadow:inset 0 3px 2px white}body[data-theme=soft] .machine-top span{display:none}body[data-theme=soft] .machine-top b{font-size:10px;line-height:15px;letter-spacing:.15em}body[data-theme=soft] .globe{width:225px;height:215px;border-radius:47% 47% 42% 42%;margin-top:-3px;border:2px solid #ddd6e5;box-shadow:inset 6px 4px 12px #fff,inset -7px -2px 9px #7d709a25;background:linear-gradient(120deg,#fff8,#e8def366 55%,#fffa)}body[data-theme=soft] .globe-label{top:40px;left:59px;transform:none;background:#fff7;border:0;font-size:10px;color:#817292;letter-spacing:.05em}body[data-theme=soft] .mini-balls{bottom:8px}body[data-theme=soft] .machine-base{width:190px;margin:-15px auto 0;border-radius:9px 9px 32px 32px;height:103px;background:linear-gradient(105deg,#f4eff9,#d8cce5 60%,#c0b1d0);box-shadow:inset 0 4px 3px #fff7,inset 0 -7px 3px #b9aacb55}body[data-theme=soft] .dial{top:13px;left:71px;width:46px;height:46px;box-shadow:0 2px 3px #79648935;background:linear-gradient(#f9f6fc,#b7acc6)}body[data-theme=soft] .dial span{width:35px;left:6px;top:17px;height:13px}body[data-theme=soft] .coin-slot,body[data-theme=soft] .machine-sticker{display:none}body[data-theme=soft] .outlet{top:66px;left:52px;width:85px;height:27px;border-radius:18px 18px 8px 8px;background:#7c7189;box-shadow:inset 0 4px 7px #403948}body[data-theme=soft] .machine-base>small{display:none}body[data-theme=soft] .machine-foot{width:148px;background:#b6a9c3;height:7px}body[data-theme=soft] .floating-label{top:39px;right:-10px;border:0;transform:none;font-size:10px;color:#877c92}body[data-theme=soft] .floor-shadow{bottom:22px;width:190px;opacity:.5}body[data-theme=soft] .primary{border-radius:40px;box-shadow:none;font-size:13px;background:#776494}body[data-theme=soft] .controls{max-width:270px;margin-top:0}body[data-theme=soft] .flow{font-size:10px}body[data-theme=soft] .preview{border-radius:12px;border-color:#ebe7ee}body[data-theme=soft] .brand{font-weight:700}
/* The physical reveal */
dialog{border:0;color:var(--ink);padding:0;border-radius:20px;max-height:92dvh;max-width:calc(100% - 28px);box-shadow:0 30px 100px #0003;background:var(--bg)}dialog::backdrop{background:#23232c92;backdrop-filter:blur(8px)}.close{position:absolute;right:16px;top:14px;border-radius:50%;background:#ffffffb8;z-index:5;width:38px;height:38px;font-size:27px;font-weight:300;line-height:1}.close:hover{background:white}#experience{width:610px;overflow-y:auto}.experience-content{text-align:center;padding:38px 28px 28px;overflow:hidden}.experience-content>.eyebrow{font-size:9px;color:var(--accent);margin-bottom:10px}.experience-content>h2{font-size:23px;letter-spacing:-.03em}.reveal-space{position:relative;height:345px;display:grid;place-items:center;isolation:isolate}.capsule{position:relative;width:198px;height:198px;background:none;border-radius:50%;z-index:2;filter:drop-shadow(0 26px 13px #0002);transform:rotate(-15deg);animation:drop-in .7s cubic-bezier(.21,.68,.31,1.18) both;transition:scale .2s}.capsule:hover{scale:1.04;filter:drop-shadow(0 26px 13px #0002)}.capsule-top,.capsule-bottom{position:absolute;inset:0 0 50%;border-radius:100px 100px 0 0;background:radial-gradient(ellipse at 25% 20%,#fff9,transparent 40%),linear-gradient(120deg,#fbfdffe8,#d9e2ebaa 70%,#a4aabbaa);border:2px solid #fff9;box-shadow:inset -8px 0 12px #80778c26,inset 7px 0 5px #fff6;transform-origin:50% 100%}.capsule-bottom{inset:50% 0 0;border-radius:0 0 100px 100px;background:radial-gradient(ellipse at 22% 0%,#ffffff8a,transparent 50%),linear-gradient(110deg,var(--accent),var(--deep));border:1px solid #ffffff44;border-top:5px solid #dedee566;box-shadow:inset -9px -6px 18px #0003}.capsule-top i{position:absolute;inset:20px 23px 18px 110px;transform:rotate(15deg);background:#eee7d8;box-shadow:1px 2px 3px #0002;opacity:.6;border-radius:4px}.capsule-stamp{position:absolute;top:45px;left:72px;width:52px;height:52px;display:grid;place-items:center;background:#fff9;border-radius:50%;font-size:28px;font-family:Arial,sans-serif;color:var(--accent);border:1px solid #fff8}.opening .capsule{animation:anticipate .38s ease both}.opening .capsule-top{animation:split-top .75s .35s ease forwards}.opening .capsule-bottom{animation:split-bottom .75s .35s ease forwards}.opening .capsule-stamp{animation:fade-away .3s .4s forwards}.burst{position:absolute;width:270px;height:270px;background:radial-gradient(circle,#ffecc5dd 0,transparent 70%);border-radius:50%;opacity:0;z-index:-1}.opening .burst{animation:glow 1.3s .4s ease both}.confetti{position:absolute;width:300px;height:300px;opacity:0;z-index:-1;background:radial-gradient(ellipse at center,transparent 20%,#ffffff99);border-radius:50%}.confetti:before,.confetti:after{content:'✦';position:absolute;top:20px;left:10px;color:var(--accent);font-size:35px}.confetti:after{top:auto;bottom:25px;left:auto;right:15px;font-size:24px}.revealed .confetti{animation:spark .9s ease forwards}.result-card{display:block;width:218px;padding:9px;text-align:left;background:var(--card-color);border-radius:11px;border:2px solid #fff9;box-shadow:0 12px 23px #0002;animation:card-arrive .65s cubic-bezier(.18,.83,.26,1.1) both;transform:rotate(-3deg);position:relative}.result-card:hover{transform:rotate(0) translateY(-3px)}.card-top{display:flex;justify-content:space-between;font-size:7px;font-weight:800;margin:0 2px 7px;color:#333}.result-card .portrait{width:100%;aspect-ratio:1.48;border-radius:3px;border:2px solid #fff6}.card-copy{padding:9px 7px 0;color:#252525}.card-industry{font-size:6px;border:1px solid #3338;border-radius:20px;padding:2px 5px}.card-copy h3{font-size:21px;margin:6px 0 2px;letter-spacing:.1em}.card-copy h3 small{font-size:5px;letter-spacing:.1em;display:block;margin-top:2px;font-family:Arial}.card-copy>p{font-size:7px;margin:4px 0 8px}.card-skill{display:flex;gap:7px;border-block:1px solid #4444;padding:7px 0;align-items:center}.card-skill>span{font-size:6px;background:#fff8;padding:3px}.card-skill b{font-size:9px}.card-quote{font-size:7px;line-height:1.8;margin-top:7px;background:#fffb;padding:5px;border-radius:3px}.card-bottom{font-family:Arial;font-size:5px;margin-top:7px;display:flex;justify-content:space-between;color:#333}#reveal-hint{font-size:11px;color:#747079;margin-top:5px}.result-actions{max-width:320px;margin:20px auto 0}.result-actions .primary{font-size:12px;padding:16px;box-shadow:none}.text-button{background:none;padding:17px 20px 0;font-size:11px;text-decoration:underline;text-underline-offset:5px}.drawing .dial span{animation:turn 1s ease-in-out forwards}.drawing .machine{animation:machine-rattle .55s .65s both}.drawing .mini-balls i{animation:tumble .35s ease-in-out 3 alternate}.drawing .mini-balls i:nth-child(even){animation-direction:alternate-reverse}.drawing .outlet:after{content:'';position:absolute;width:28px;height:28px;border-radius:50%;left:32px;background:linear-gradient(#ecedf3 50%,#eab54e 50%);animation:dispense .55s .75s both;box-shadow:inset -4px -5px 5px #0002}
#info{width:780px}.profile-hero{background:var(--card-color);display:grid;grid-template-columns:220px 1fr;gap:35px;align-items:center;padding:35px;color:#2c2c30}.profile-hero>.portrait{border-radius:12px}.profile-hero h2{font-size:36px;letter-spacing:.08em;margin:12px 0}.profile-hero p{font-size:11px;line-height:1.8}.profile-hero .eyebrow{font-size:9px;margin:0 0 20px}.pill{font-size:9px;border:1px solid #3336;border-radius:25px;padding:4px 10px}.profile-body{padding:30px 40px 40px}.sample-note{font-size:9px!important;color:#777;line-height:1.8}.profile-body>h3{margin:22px 0 17px;font-size:23px;line-height:1.65}.profile-body>p{font-size:12px;line-height:2.1}.interview-label{margin-top:34px;font-size:12px;font-weight:700;border-bottom:1px solid var(--line);padding-bottom:15px}.qa{padding:22px 0;border-bottom:1px solid var(--line)}.qa h4{font-size:13px;margin-bottom:10px}.qa h4 span{color:var(--accent);font-family:Arial}.qa p{font-size:12px;line-height:2;color:#625f66}.profile-body>.primary{margin:28px auto 0;max-width:350px;font-size:12px;box-shadow:none}.generic-info{padding:45px 35px}.generic-info>.eyebrow{color:var(--accent);font-size:10px;margin-bottom:15px}.generic-info>h2{font-size:28px;margin-bottom:16px}.generic-info>h2 span{font-size:14px;color:#888}.generic-info>p{font-size:12px;line-height:2}.generic-info>small{font-size:9px;color:#777;display:block;line-height:1.8}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:27px 0}.collection-card{background:var(--card-color);padding:8px;border-radius:9px;text-align:left;color:#333}.collection-card .portrait{border-radius:4px}.collection-card strong{display:block;padding:12px 4px 4px;font-size:15px}.collection-card>span{font-size:9px;padding:0 4px 7px;display:block}.locked{background:#8881;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:235px;border:1px dashed #8885;border-radius:9px;gap:20px}.locked b{font-size:50px;font-family:Arial;color:#8886}.locked span{font-size:8px;color:#888}.how-list{padding:0 0 0 22px;margin-top:32px}.how-list li{margin-bottom:28px;padding-left:8px}.how-list b{font-size:16px}.how-list p{font-size:12px;line-height:2;margin-top:7px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@keyframes turn{from{transform:rotate(-30deg)}to{transform:rotate(330deg)}}@keyframes machine-rattle{0%,100%{translate:0 0;rotate:0deg}25%{translate:-3px 0;rotate:-2deg}60%{translate:3px 0;rotate:2deg}}@keyframes tumble{to{translate:6px -10px;rotate:35deg}}@keyframes dispense{0%{opacity:0;transform:translateY(-8px)}40%{opacity:1}100%{opacity:1;transform:translateY(10px) rotate(50deg)}}@keyframes drop-in{0%{opacity:0;transform:translateY(-80px) rotate(-60deg)}65%{opacity:1;transform:translateY(12px) rotate(-5deg)}100%{transform:translateY(0) rotate(-15deg)}}@keyframes anticipate{25%{transform:rotate(-22deg)}50%{transform:rotate(-8deg) scale(1.04)}100%{transform:rotate(-15deg)}}@keyframes split-top{to{transform:translate(-26px,-100px) rotate(-28deg);opacity:0}}@keyframes split-bottom{to{transform:translate(30px,110px) rotate(23deg);opacity:0}}@keyframes fade-away{to{opacity:0}}@keyframes glow{25%{opacity:1;scale:1.3}100%{opacity:0;scale:1.8}}@keyframes card-arrive{from{opacity:0;transform:translateY(45px) rotateY(75deg) scale(.72)}to{opacity:1;transform:rotate(-3deg)}}@keyframes spark{0%{opacity:0;transform:scale(.6) rotate(-20deg)}50%{opacity:1}100%{opacity:1;transform:scale(1.05)}}
@media(min-width:1440px){.hero{min-height:690px}.stage{height:440px}.machine{scale:1.08}.stage-ring{width:395px;height:395px}.floor-shadow{bottom:20px}}
@media(max-width:1000px){.brand-en{display:none}.hero{padding-inline:35px;gap:10px}.floating-label{right:-5px;font-size:9px}.lineup-grid{gap:10px}.preview>.portrait{width:85px}.preview-copy{padding:9px}.preview-copy strong{font-size:10px}.flow{gap:25px}.stage-ring{width:330px;height:330px}body[data-theme=soft] .hero{padding-inline:35px;gap:30px}body[data-theme=soft] h1{font-size:35px}footer{margin:0 40px}}
@media(max-width:700px){.concept-bar{padding:9px 10px;justify-content:center;gap:0;position:relative}.lab-label,.mock-label{display:none}.concept-bar nav{width:100%;justify-content:center;gap:7px}.concept-bar a{font-size:10px;padding:8px 13px;flex:1;text-align:center;max-width:155px}header{padding:20px 22px}.brand{font-size:20px;gap:5px}.brand-icon{font-size:30px}header nav{gap:15px;font-size:10px}header nav button{padding:6px 0}.hero{grid-template-columns:1fr;padding:12px 23px 30px;gap:0;min-height:unset}.intro{text-align:center;padding:0}.intro .eyebrow{font-size:9px;margin-bottom:11px}h1{font-size:35px;line-height:1.45}.lead{font-size:10px;line-height:1.9;margin:13px 0 0}.intro-note,.featured{display:none}.stage{height:337px}.machine{scale:.85}.stage-ring{width:280px;height:280px;bottom:18px}.floating-label{right:4px;top:25px;font-size:8px;padding:9px}.floor-shadow{bottom:28px;width:175px}.controls{max-width:300px;margin:0 auto}.draw{min-height:55px;padding:12px 20px;font-size:13px}.controls>p{font-size:8px;margin-top:13px}.motion-option{margin-top:10px}.flow{margin:0 22px;gap:10px;padding:19px 0;font-size:8px;justify-content:space-between}.flow b{font-size:9px;margin-right:4px}.flow i{font-size:9px}.lineup{padding:35px 22px}.section-title{margin-bottom:17px}.section-title h2{font-size:18px}.section-title p{font-size:8px}.section-title>span{display:none}.lineup-grid{grid-template-columns:1fr;gap:10px}.preview>.portrait{width:90px}.preview-copy{padding:10px 15px;gap:7px}.preview-copy strong{font-size:12px}.preview-copy small{font-size:8px}.preview-copy>span{font-size:10px}.preview-copy i{font-size:14px}footer{margin:0 22px;flex-wrap:wrap;gap:12px;padding:23px 0}footer>span:last-child{display:none}footer b{font-size:12px}footer span{font-size:7px}body[data-theme=pop] .hero{padding:10px 22px 27px}body[data-theme=pop] h1{font-size:37px;line-height:1.5}body[data-theme=pop] h1 br{display:block}body[data-theme=pop] .intro{padding-top:0}body[data-theme=pop] .lead{font-size:10px;margin-bottom:0}body[data-theme=pop] .lead br{display:block}body[data-theme=pop] .play-area{grid-template-columns:1fr;gap:0}body[data-theme=pop] .stage{height:322px}body[data-theme=pop] .stage-ring{height:265px;width:275px;bottom:20px}body[data-theme=pop] .controls{text-align:center;width:100%;max-width:300px}body[data-theme=pop] .floating-label{right:3px;top:15px;font-size:10px}body[data-theme=pop] .flow{border-radius:12px;padding:16px 10px;gap:5px}body[data-theme=soft] .hero{grid-template-columns:1fr;gap:0;padding:10px 23px 30px}body[data-theme=soft] .intro{grid-column:1;grid-row:1}body[data-theme=soft] .play-area{grid-column:1;grid-row:2}body[data-theme=soft] h1{font-size:32px}body[data-theme=soft] .lead{font-size:10px}body[data-theme=soft] .featured{display:none}body[data-theme=soft] .stage{height:325px}body[data-theme=soft] .stage-ring{height:265px;width:265px;bottom:20px}body[data-theme=soft] .floating-label{right:4px;top:25px;font-size:8px}body[data-theme=soft] .floor-shadow{bottom:28px}body[data-theme=soft] .flow{font-size:8px}.experience-content{padding:38px 18px 20px}.experience-content>h2{font-size:19px}.reveal-space{height:325px}.result-actions{margin-top:15px}#reveal-hint{font-size:10px}.profile-hero{grid-template-columns:110px 1fr;gap:17px;padding:52px 22px 24px}.profile-hero h2{font-size:25px;margin:9px 0}.profile-hero p{font-size:9px}.profile-hero .eyebrow{font-size:7px;margin-bottom:14px}.profile-body{padding:25px 23px 30px}.profile-body>h3{font-size:19px}.generic-info{padding:45px 23px 28px}.generic-info>h2{font-size:23px}.collection-grid{gap:8px}.collection-card{padding:5px}.collection-card strong{font-size:11px;padding:8px 2px 4px}.collection-card>span{font-size:7px;padding:0 2px 5px}.locked{min-height:150px;gap:10px}.locked span{font-size:7px;line-height:1.8;text-align:center;padding:0 6px}.locked b{font-size:35px}}
@media(max-height:730px){#experience{max-height:95dvh}.experience-content{padding-top:30px}.experience-content>.eyebrow{margin-bottom:7px}.reveal-space{height:306px}.result-actions{margin-top:12px}.text-button{padding-top:14px}.experience-content>h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.opening .capsule{opacity:.5}.revealed .confetti{opacity:1}}

.globe-label{font-size:9px;width:105px;left:51px}
/* Keep the tilted card clear of the result copy on compact screens. */
.reveal-space{min-height:380px}
.result-card .portrait{background-position:var(--person) 12%}
@media(max-width:360px){body[data-theme=pop] h1{font-size:32px}.flow{gap:5px}.flow b{margin-right:2px}}
@media(max-width:360px){body[data-theme=pop] .stage-ring{width:240px;height:240px}}

.lineup{scroll-margin-top:25px}header nav a{font-weight:600;white-space:nowrap}
@media(max-width:700px){header nav{gap:11px}header nav a{font-size:9px}header nav button[data-action="how"]{display:none}.brand{font-size:18px}}