:root{--ink:#080b12;--night:#101526;--wine:#421d32;--sea:#1c4257;--cream:#f2eadc;--muted:#b7b0aa;--gold:#d3a760;--line:rgba(255,255,255,.18);--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:#04050a;color:var(--cream);font-family:"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}.phone{width:min(100%,390px);min-height:100dvh;margin:auto;position:relative;overflow:hidden;background:var(--ink)}.home-screen{display:flex;flex-direction:column;padding:calc(24px + env(safe-area-inset-top)) 25px calc(24px + env(safe-area-inset-bottom));isolation:isolate;background:radial-gradient(100% 80% at 87% 8%,#432438 0%,transparent 56%),radial-gradient(76% 60% at 10% 78%,#142c40 0%,transparent 68%),#080b12}.film-grain{position:absolute;inset:0;opacity:.12;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.home-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.5;z-index:-1}.orb-one{width:340px;height:340px;right:-180px;top:130px;border:1px solid rgba(211,167,96,.2);box-shadow:0 0 85px rgba(139,53,86,.35)}.orb-two{width:170px;height:170px;left:-100px;bottom:95px;border:1px solid rgba(103,174,203,.25)}.home-top,.eyebrow{font-size:10px;letter-spacing:.18em;color:#d5c5b6;text-transform:uppercase}.home-top{opacity:.75}.title-block{margin-top:auto;margin-bottom:auto}.title-block h1{font-family:Georgia,"Songti SC",serif;font-size:42px;line-height:1.13;font-weight:400;letter-spacing:.025em;margin:14px 0 20px}.title-block h1 em{font-style:normal;color:var(--gold);text-shadow:0 0 28px rgba(211,167,96,.22)}.home-subtitle{font-size:14px;color:var(--muted);letter-spacing:.08em}.home-foot p,.role-note{font-size:11px;color:#8f8e95;letter-spacing:.05em;margin:0 0 16px}.primary-button{height:54px;width:100%;border:1px solid rgba(211,167,96,.72);background:linear-gradient(105deg,#a87b3b,#dfbd78);color:#18120b;font-weight:600;letter-spacing:.08em;display:flex;align-items:center;justify-content:space-between;padding:0 19px;transition:transform .2s var(--ease),filter .2s var(--ease)}.primary-button:hover,.primary-button:focus-visible{filter:brightness(1.12);transform:translateY(-2px)}.primary-button:active{transform:scale(.985)}.roles-screen{padding:calc(20px + env(safe-area-inset-top)) 20px 22px;background:linear-gradient(145deg,#11121d,#080b12 47%,#101927)}.back-button,.exit-button{border:0;background:transparent;color:var(--cream);min-height:44px;padding:0;font-size:14px;text-align:left;opacity:.82}.back-button span{margin-left:6px;font-size:12px}.roles-heading{margin:32px 4px 25px}.roles-heading h1{font-family:Georgia,"Songti SC",serif;font-weight:400;font-size:34px;margin:8px 0}.roles-heading p:last-child{color:var(--muted);font-size:14px}.role-list{display:grid;gap:14px}.role-card{height:206px;border:1px solid var(--line);text-align:left;padding:18px;overflow:hidden;position:relative;isolation:isolate;transition:transform .22s var(--ease),border-color .22s;background:#1b1925}.role-card:hover,.role-card:focus-visible{transform:translateY(-3px);border-color:rgba(211,167,96,.8)}.female-card{background:radial-gradient(circle at 77% 42%,#8c4460,transparent 28%),linear-gradient(125deg,#321724,#15131e)}.male-card{background:radial-gradient(circle at 76% 42%,#316379,transparent 28%),linear-gradient(125deg,#10202a,#12141c)}.role-index{color:var(--gold);font:12px Georgia,serif}.role-text{display:flex;flex-direction:column;position:absolute;bottom:21px;z-index:2}.role-text small{font-size:12px;color:#d5c5b6}.role-text strong{font:44px Georgia,"Songti SC",serif;font-weight:400;margin:3px 0}.role-text em{font-size:12px;font-style:normal;letter-spacing:.08em;color:var(--muted)}.role-arrow{position:absolute;right:17px;top:16px;color:var(--gold);font-size:19px}.silhouette{position:absolute;right:33px;bottom:-17px;width:115px;height:176px;background:linear-gradient(90deg,rgba(255,242,223,.26),rgba(255,242,223,.04));filter:blur(.2px);clip-path:polygon(44% 0,58% 0,66% 13%,65% 23%,79% 35%,87% 69%,100% 100%,3% 100%,18% 68%,26% 35%,39% 23%,36% 13%)}.male-silhouette{height:172px;width:112px;clip-path:polygon(39% 0,62% 0,68% 12%,67% 25%,81% 35%,91% 100%,7% 100%,18% 35%,34% 25%,32% 12%)}.role-note{text-align:center;margin-top:18px}.story-screen{background:#0b0e17}.scene{position:absolute;inset:0;background:radial-gradient(100% 70% at 75% 8%,rgba(236,168,120,.34),transparent 52%),linear-gradient(155deg,#17243d 0%,#0b0e17 74%)}.stage-female{background:radial-gradient(110% 80% at 76% 13%,rgba(154,61,89,.42),transparent 50%),linear-gradient(155deg,#412030,#0c0e17 75%)}.scene-veil{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(4,5,10,.1) 28%,rgba(4,5,10,.05) 47%,rgba(4,5,10,.88) 77%,#080a10 100%)}.scene-arches{position:absolute;width:128%;height:53%;left:-14%;bottom:28%;border:1px solid rgba(242,234,220,.12);border-radius:50% 50% 0 0;box-shadow:0 0 0 58px rgba(255,255,255,.025),0 0 0 117px rgba(255,255,255,.018)}.scene-light{position:absolute;width:34%;height:52%;right:8%;top:14%;background:linear-gradient(125deg,rgba(255,228,174,.28),transparent 65%);filter:blur(18px);transform:skewX(-12deg)}.cg-slot{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;color:rgba(242,234,220,.54);letter-spacing:.11em;white-space:nowrap}.cg-slot span{font:25px Georgia,serif;border:1px solid rgba(242,234,220,.35);border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.cg-slot small{font-size:9px}.scene-location{position:absolute;left:20px;bottom:50%;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.6)}.scene-location span{font:12px Georgia,serif;letter-spacing:.12em}.scene-location i{width:26px;height:1px;background:var(--gold)}.scene-location small{font-size:9px;letter-spacing:.08em}.story-head{position:absolute;left:0;right:0;top:0;z-index:2;display:flex;align-items:center;gap:13px;padding:calc(14px + env(safe-area-inset-top)) 18px 0}.story-head>div{display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.25);padding-left:10px;gap:3px}.story-head span{font-size:9px;color:#b6afb1;letter-spacing:.14em}.story-head strong{font-size:12px;font-weight:500;letter-spacing:.05em}.chapter-count{margin-left:auto;font:18px Georgia,serif;color:var(--gold)}.dialogue{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:22px 20px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(11,13,20,.25),rgba(9,11,18,.96) 18%);min-height:34%;animation:enter .28s var(--ease)}.dialogue-line{width:35px;height:2px;background:var(--gold);margin-bottom:12px}.speaker{margin:0 0 9px;color:var(--gold);font-size:11px;letter-spacing:.13em}.narrative{font-size:16px;line-height:1.75;letter-spacing:.035em;margin:0;max-width:335px;min-height:84px}.continue{border:0;background:transparent;padding:14px 0 0;margin-top:2px;color:#beb7ae;font-size:11px;letter-spacing:.08em}.continue span{display:inline-block;margin-left:8px;color:var(--gold);animation:hint 1.6s infinite}.choice-prompt{font-size:10px;color:#9c9690;letter-spacing:.15em;margin:17px 0 8px}.choices{display:grid;gap:8px;animation:enter .28s var(--ease)}.choice{min-height:49px;width:100%;border:1px solid rgba(255,255,255,.23);background:rgba(26,24,34,.8);display:flex;align-items:center;gap:12px;text-align:left;padding:10px 12px;transition:border-color .18s,background .18s,transform .18s}.choice:hover,.choice:focus-visible{background:rgba(72,36,55,.9);border-color:rgba(211,167,96,.8);transform:translateX(2px)}.choice:active{transform:scale(.99)}.choice b{font:12px Georgia,serif;color:var(--gold)}.choice span{font-size:13px;line-height:1.35;flex:1}.choice i{font-style:normal;color:#b6a28b}.claude-screen{padding:calc(18px + env(safe-area-inset-top)) 20px 20px;background:#080a0e;isolation:isolate}.terminal-bg{position:absolute;inset:0;z-index:-1;opacity:.3;background:radial-gradient(circle at 80% 18%,#123d42,transparent 25%),repeating-linear-gradient(0deg,transparent 0 21px,rgba(255,255,255,.025) 22px)}.claude-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:43px}.claude-head>span{font-size:9px;letter-spacing:.18em;color:#a6b8b1}.terminal{border:1px solid rgba(133,217,192,.3);background:rgba(8,15,16,.88);box-shadow:0 22px 55px rgba(0,0,0,.46);font-family:"SFMono-Regular",Consolas,monospace}.terminal-bar{height:42px;padding:0 12px;display:flex;align-items:center;gap:5px;border-bottom:1px solid rgba(133,217,192,.22);color:#d4eee4}.terminal-bar i{width:7px;height:7px;border-radius:50%;background:#49756c}.terminal-bar strong{font-size:11px;margin-left:6px}.terminal-bar small{margin-left:auto;font-size:9px;color:#8caaa1}.terminal-body{padding:21px 15px 18px}.system-message{margin:0 0 16px;color:#a8c5bb;font-size:12px}.calculation{border:1px solid rgba(133,217,192,.22);padding:14px;margin-bottom:21px;display:grid;gap:7px}.calculation span,.terminal-question span,.terminal-answer span{font-size:10px;color:#73cdb2}.calculation strong{font-size:20px;color:#f1d99d;font-weight:500}.calculation em{font-size:11px;font-style:normal;color:#aec2bc;line-height:1.6}.terminal-question,.terminal-answer{margin:14px 0}.terminal-question p,.terminal-answer p{font-family:"PingFang SC","Noto Sans SC",sans-serif;margin:5px 0 0;font-size:13px;line-height:1.65}.terminal-answer{padding-left:11px;border-left:2px solid #4fa48d}.terminal-answer.first p{font-size:16px;color:#e4f1eb}.claude-prompts{display:grid;gap:8px;margin-top:21px}.claude-prompts button,.claude-decisions button{border:1px solid rgba(133,217,192,.24);background:rgba(19,44,42,.6);padding:12px;text-align:left;font-size:12px;line-height:1.4;transition:background .2s,border-color .2s}.claude-prompts button:hover,.claude-prompts button:focus-visible,.claude-decisions button:hover,.claude-decisions button:focus-visible{border-color:#72c9af;background:rgba(34,76,68,.75)}.claude-prompts button:disabled{opacity:.42}.claude-decisions{display:grid;gap:9px;margin-top:21px}.claude-decisions p{font-family:"PingFang SC","Noto Sans SC",sans-serif;color:#a8c5bb;font-size:11px;margin:0 0 4px}.terminal-caption{position:absolute;bottom:calc(28px + env(safe-area-inset-bottom));left:20px;right:20px;text-align:center;color:#7c8b87;font-size:11px;letter-spacing:.04em}.ending-screen{overflow:auto;background:#0a0c14}.ending-scene{height:34dvh;min-height:252px;position:relative;background:radial-gradient(circle at 70% 22%,rgba(220,164,94,.36),transparent 26%),linear-gradient(152deg,#2f1d2c,#0a1420)}.ending-scene:after{content:"";position:absolute;inset:auto 0 0;height:60%;background:linear-gradient(transparent,#0a0c14)}.ending-scene .cg-slot{z-index:1}.ending-scene>p{position:absolute;z-index:2;left:20px;bottom:28px;font-size:10px;letter-spacing:.16em;color:#cbc1b7}.ending-copy{padding:0 20px calc(28px + env(safe-area-inset-bottom));margin-top:-2px;position:relative;z-index:3}.ending-copy h1{font:32px Georgia,"Songti SC",serif;font-weight:400;margin:9px 0 15px;letter-spacing:.02em}.ending-description{font-size:14px;line-height:1.8;color:#ccc6bf;margin:0 0 23px}.result-meters{display:grid;gap:13px;padding:16px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.result-meter div{display:flex;justify-content:space-between;font-size:11px;color:#d7d0c8}.result-meter b{font-weight:500;color:var(--gold);font-family:Consolas,monospace}.result-meter i{display:block;height:3px;background:rgba(255,255,255,.12);margin-top:6px}.result-meter em{display:block;height:100%;background:linear-gradient(90deg,#9c6c3f,var(--gold))}.achievement-section{padding:19px 0}.achievement-section>p{font-size:11px;letter-spacing:.1em;margin:0 0 10px;color:#bcb5ad}.achievement-section>p span{color:var(--gold)}.achievement-list{display:flex;flex-wrap:wrap;gap:7px}.achievement{border:1px solid rgba(211,167,96,.4);background:rgba(110,77,37,.16);padding:7px 9px;color:#ead8b6;font-size:11px}.no-achievement{font-size:12px;color:#87817d}.text-button{border:0;background:transparent;color:#b8afb0;width:100%;padding:18px 0 5px;font-size:12px}.toast{position:fixed;z-index:20;top:18px;left:50%;transform:translate(-50%,-18px);width:max-content;max-width:calc(100vw - 36px);opacity:0;pointer-events:none;padding:11px 15px;background:#e9dcc5;color:#251b13;border:1px solid #caa86e;font-size:12px;letter-spacing:.06em;box-shadow:0 10px 25px rgba(0,0,0,.3);transition:opacity .25s var(--ease),transform .25s var(--ease)}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes hint{50%{transform:translateY(3px);opacity:.55}}@media (min-width:550px){body{background:radial-gradient(circle at 50% 0,#1b1a2a,#04050a 60%)}.phone{box-shadow:0 0 0 1px rgba(255,255,255,.07),0 35px 80px rgba(0,0,0,.48)}}@media (max-height:690px){.title-block h1{font-size:36px}.role-card{height:174px}.roles-heading{margin:17px 4px}.dialogue{padding-top:16px}.narrative{min-height:64px}.choices{gap:5px}.choice{min-height:44px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}