:root{color-scheme:dark;--bg:#101329;--panel:#202449;--panel-deep:#171b38;--line:#45466c;--white:#fff9f0;--muted:#bec3de;--gold:#ffe27a;--aqua:#57e4d7;--pink:#ff82ad;--violet:#a696ff;--mint:#6af4b4;--red:#ff8c9a;--blue:#8eb1ff}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{min-width:280px;min-height:100vh;margin:0;color:var(--white);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(ellipse 60% 30% at 12% 0%,#3a2864 0%,transparent 85%),radial-gradient(ellipse 45% 30% at 100% 80%,#22265b 0%,transparent 80%),#101329}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.65;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.screen{animation:enter .25s ease-out}.panel{background:linear-gradient(140deg,#22274c,#171b38);border:1.5px solid #53577e;border-radius:23px;box-shadow:0 18px 65px #07091f45;overflow:hidden}.page,.topbar,.footer{width:min(1120px,100%);margin:0 auto}.page{padding:10px clamp(15px,3vw,28px) 30px}.topbar{padding:19px clamp(15px,3vw,28px) 14px;display:flex;justify-content:space-between;align-items:center;gap:10px}.identity{display:flex;align-items:center;gap:9px;white-space:nowrap}.brand-diamond{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:var(--gold);color:#2f2c4c;font-weight:1000;transform:rotate(-10deg);box-shadow:4px 4px 0 #ad67a9}.identity-text{font-weight:1000;letter-spacing:-1.8px;font-size:23px}.identity-text span{color:var(--gold)}.brand-sub{border-left:1px solid #646484;padding-left:12px;margin-left:4px;font-size:10px;font-weight:900;letter-spacing:1.8px;color:#bfc2de}.language-btn{border:1px solid #8d8eb4;border-radius:9px;background:#272c53;color:var(--white);font-size:12px;font-weight:800;padding:10px 13px;min-height:40px}.language-btn:hover{background:#43446f}.footer{padding:0 clamp(15px,3vw,28px) 23px;display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:space-between;color:#979ebe;font-size:11px;line-height:1.5}.tag{display:inline-flex;align-items:center;gap:8px;border:1px solid #d5bb6e;border-radius:8px;background:#f6cf7344;color:var(--gold);font-size:11px;line-height:1.3;padding:7px 11px;font-weight:950;letter-spacing:1.5px}.tag-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #f8d76e33}.tag-purple{background:#5c51884d;border-color:#827cb7;color:#d9cdff}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 20px;border-radius:12px;font-weight:1000;font-size:13px;min-height:52px;letter-spacing:.4px;border:1px solid transparent;transition:transform .14s,filter .14s}.button-primary{background:linear-gradient(110deg,#ffe47c,#ffbc75);box-shadow:0 4px 0 #b77862;color:#352746}.button-primary:hover{filter:brightness(1.09)}.button-ghost{background:#363655;border-color:#8682ad;color:var(--white)}.button-ghost:hover{background:#49476b}.message{font-size:13px;line-height:1.5;margin:8px 0}.message.error{color:#ffadb9;font-weight:750}.helper,.foot-caveat{color:#b7bcda;font-size:11px;line-height:1.6}
/* INTRO */
.intro-frame{position:relative;display:grid;grid-template-columns:1.12fr .88fr;min-height:545px;background:radial-gradient(ellipse 58% 85% at 100% 40%,#5f3e80 0%,transparent 75%),radial-gradient(ellipse 50% 70% at 13% 0%,#303869,transparent 75%),#1b1e40}.intro-copy{position:relative;z-index:2;padding:clamp(26px,4vw,52px);display:flex;flex-direction:column;align-items:flex-start}.huge-title{font-size:clamp(39px,5.3vw,72px);font-weight:1000;line-height:.99;letter-spacing:-3.3px;text-shadow:3px 4px #28203c;margin:19px 0 14px;max-width:650px}.huge-title span{color:var(--gold);display:block;text-shadow:3px 4px #974d6c}.intro-story{font-size:clamp(14px,1.55vw,18px);line-height:1.65;font-weight:580;max-width:550px;margin:0 0 17px;color:#e5e2f6}.reincarnation-box{max-width:560px;display:flex;align-items:center;gap:13px;border:1px solid #a9938d;background:#eaddd4;border-radius:13px;padding:12px;color:#332642;box-shadow:4px 5px 0 #36284a}.reincarnation-face{width:48px;height:48px;border-radius:13px;background:#f7b0a0;display:grid;place-items:center;font-size:30px;flex:none}.reincarnation-box small{font-size:10px;color:#94415c;font-weight:1000;letter-spacing:1px}.reincarnation-box p{font-weight:830;font-size:13px;line-height:1.4;margin:3px 0}.join-form{margin-top:24px;width:100%}.join-form label{display:block;font-size:11px;letter-spacing:1.4px;font-weight:1000;color:var(--gold);margin-bottom:8px}.join-row{display:flex;gap:8px;flex-wrap:wrap}.join-row input{flex:1 1 180px;min-width:0;border:1.5px solid #aea7c4;background:#121934;padding:0 15px;color:white;border-radius:12px;min-height:53px;font-size:16px;font-weight:700}.join-row input::placeholder{color:#9096b5}.join-row .button{flex:0 1 auto}.intro-copy .helper{margin:12px 0 0}.intro-bottom{display:flex;justify-content:space-between;gap:12px;color:#929ac0;font-size:10px;font-weight:800;letter-spacing:1.1px;padding:12px 2px}
.hero-poster{position:relative;min-height:480px;overflow:hidden;align-self:stretch}.poster-sun{position:absolute;width:335px;height:335px;border-radius:50%;top:22px;right:8%;background:radial-gradient(circle at 42% 42%,#ffeec0,#ffa58f 58%,#eb629f 85%);box-shadow:0 0 90px #ed83b077;filter:saturate(.95)}.poster-building{position:absolute;bottom:-20px;border:6px solid #181d3d;box-shadow:13px 0 #0d132c55}.poster-building.back{width:240px;height:240px;right:40%;transform:skewY(-10deg);background:repeating-linear-gradient(0deg,#262f62 0 18px,#6476ad 20px 26px);opacity:.8}.poster-building.front{width:270px;height:390px;right:5%;background:linear-gradient(145deg,#3c4d82,#151d3f);transform:skewY(-4deg)}.building-sign{background:#f3d274;color:#322c46;font-size:20px;font-weight:1000;letter-spacing:.5px;text-align:center;margin:20px 13px;padding:10px 2px;border:4px solid #251f39}.building-sign span{font-size:10px;vertical-align:super}.window-grid{height:82%;margin:10px 16px;background:repeating-linear-gradient(90deg,transparent 0 24px,#aad6eb88 24px 37px,transparent 37px 49px),repeating-linear-gradient(0deg,transparent 0 35px,#9ecafaaa 35px 54px,transparent 54px 70px);opacity:.65}.poster-person{position:absolute;bottom:-8px;left:9%;width:230px;height:310px;filter:drop-shadow(10px 8px 0 #0e142d)}.person-head{position:absolute;top:12px;left:77px;width:84px;height:99px;border:5px solid #261b40;border-radius:38% 39% 47% 46%;background:#ffcea7;z-index:2}.person-hair{position:absolute;top:-6px;left:72px;width:95px;height:55px;border-radius:44% 49% 20% 20%;background:#2a213e;z-index:3;transform:rotate(6deg)}.person-torso{position:absolute;bottom:0;width:220px;height:205px;border:6px solid #211b3d;border-radius:90px 90px 0 0;background:linear-gradient(110deg,#373565 0 43%,#faf4e5 43% 58%,#2f305d 58%);z-index:1}.person-tie{position:absolute;top:121px;left:108px;width:20px;height:92px;background:#f26f83;clip-path:polygon(50% 0,100% 18%,76% 100%,0 76%,0 18%);z-index:3}.poster-bubble{position:absolute;top:25%;left:7%;transform:rotate(-9deg);padding:6px 26px;background:#fff3ca;border:5px solid #252044;border-radius:25px;box-shadow:7px 7px 0 #9d568c;color:#e0497e;font-weight:1000;font-size:45px;animation:wobble 3s ease-in-out infinite}.poster-coins{position:absolute;top:8%;left:10%;font-weight:1000;font-size:27px;color:var(--gold);transform:rotate(-7deg);text-shadow:3px 3px #81526a}.poster-sticker{position:absolute;right:11%;bottom:8%;display:flex;flex-direction:column;align-items:center;background:#f9c977;color:#39304b;transform:rotate(10deg);padding:11px 21px;border:5px solid #2b2346;box-shadow:6px 6px 0 #ca6990}.poster-sticker b{font-size:13px}.poster-sticker span{font-size:30px;font-weight:1000;line-height:1.1}
/* PLAY */
.day-head{display:flex;align-items:center;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;margin:1px 0 10px}.day-head-left,.day-head-right{display:flex;gap:9px 12px;align-items:center;flex-wrap:wrap}.time-big{font-size:31px;font-weight:1000;letter-spacing:-1px;color:var(--white);font-variant-numeric:tabular-nums}.place{font-size:11px;font-weight:900;color:#c6c9df;letter-spacing:1px}.day-head-right{font-size:12px;font-weight:900;color:#b9bfde}.day-valuation{border:1px solid #625c8e;border-radius:9px;padding:9px 13px;background:#26294d;white-space:nowrap}.day-valuation strong{font-size:18px;color:var(--gold);margin-left:6px}.timeline{padding:8px 0 14px}.timeline-track{width:100%;height:9px;border-radius:9px;border:1px solid #51557e;background:#303657;position:relative;overflow:visible}.timeline-fill{height:100%;width:3%;background:linear-gradient(90deg,#6adad8,var(--gold));border-radius:9px;transition:width .3s}.timeline-pin{position:absolute;left:3%;top:50%;width:17px;height:17px;border-radius:50%;background:var(--gold);border:4px solid #11162e;box-shadow:0 0 0 2px #ffe589;transform:translate(-50%,-50%);transition:left .3s}.timeline-labels{display:flex;justify-content:space-between;color:#b1b9d9;margin-top:8px;font-weight:900;font-size:10px;letter-spacing:.5px}.timeline-labels small{display:block;font-size:8px;color:#8f96b9;font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:15px}.stat{border:1px solid #444b7a;border-radius:12px;background:#1d2345;padding:11px 12px;min-width:0}.stat-caption{display:flex;justify-content:space-between;gap:4px;font-weight:900;font-size:11px;color:#c8d0e9}.stat-caption b{color:white;font-size:17px;line-height:1}.stat-rail{background:#0e1530;height:7px;border-radius:12px;margin-top:9px;overflow:hidden}.stat-fill{height:100%;display:block;border-radius:10px;transition:width .25s}.stat-fill.perf{background:#ffcd79}.stat-fill.trust{background:#6bdcb6}.stat-fill.focus{background:#a7abff}.stat-fill.energy{background:#fa8eaf}.story-frame{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(0,1.15fr);min-height:467px}.stage-visual{position:relative;min-height:435px;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;background:radial-gradient(ellipse 100% 100% at 50% 0%,#6b4f91 0%,#303663 55%,#242449 100%);border-right:1px solid #5d5882;overflow:hidden}.stage-visual.stage-midday{background:radial-gradient(ellipse 100% 100% at 70% 0%,#8c5675 0%,#584b73 42%,#303456 100%)}.stage-visual.stage-afternoon{background:radial-gradient(ellipse 100% 90% at 55% 0%,#453d80,#283459 70%,#1a294c)}.stage-visual.stage-evening{background:radial-gradient(ellipse 100% 90% at 50% 0%,#7f486f,#32254b 65%,#1a1b3c)}.stage-grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 30px,#ffffff08 31px 32px),repeating-linear-gradient(90deg,transparent 0 30px,#ffffff08 31px 32px)}.stage-window{position:absolute;top:45px;left:50%;transform:translateX(-50%);width:76%;height:225px;border:10px solid #111a37;background:linear-gradient(180deg,#ad9fd5,#e9b1ae 64%,#6576a1);box-shadow:8px 9px 0 #15193680}.stage-evening .stage-window{background:linear-gradient(180deg,#24234b,#ad5576 72%,#d08b7f)}.stage-afternoon .stage-window{background:linear-gradient(180deg,#666ca9,#a6a8bd 65%,#566a95)}.stage-city{position:absolute;bottom:0;background:#2a365f}.city-one{left:6%;width:23%;height:40%}.city-two{left:37%;width:25%;height:64%}.city-three{right:7%;width:19%;height:49%}.stage-icon{position:absolute;top:95px;left:50%;transform:translateX(-50%) rotate(-7deg);width:150px;height:150px;border-radius:30px;display:grid;place-items:center;font-size:80px;background:#f3e0b9;border:8px solid #29213e;box-shadow:11px 11px 0 #1d173c;animation:sceneFloat 3s ease-in-out infinite}.stage-label{position:absolute;top:14px;left:17px;font-size:11px;letter-spacing:1.3px;font-weight:1000;color:#f6e4db;background:#211f46bd;padding:6px 10px;border:1px solid #a5a1be;border-radius:6px}.assistant-card{position:relative;z-index:2;display:flex;align-items:flex-start;gap:10px;border:3px solid #292240;border-radius:15px;background:#fff1d3;color:#332440;margin:0 15px 22px;width:calc(100% - 30px);padding:12px 14px;box-shadow:6px 7px 0 #17132c}.assistant-avatar{font-size:32px;line-height:1;flex:none}.assistant-card small{display:block;color:#934364;font-weight:1000;font-size:10px;letter-spacing:.8px}.assistant-card p{margin:4px 0 0;font-size:13px;font-weight:800;line-height:1.5}.story-content{padding:clamp(22px,4vw,38px);display:flex;flex-direction:column;min-width:0}.story-kicker{font-size:11px;letter-spacing:1.7px;color:var(--aqua);font-weight:1000}.scene-title{font-size:clamp(27px,3.4vw,45px);line-height:1;letter-spacing:-1.6px;font-weight:1000;text-transform:uppercase;margin:13px 0 13px}.scene-desc{font-size:15px;line-height:1.7;color:#e4e5f3;margin:0 0 18px}.ask-line{font-size:14px;font-weight:950;color:var(--gold);margin-bottom:12px}.decision-area{display:grid;gap:10px}.choice{display:flex;align-items:center;gap:13px;border:1px solid #888bad;border-radius:13px;background:linear-gradient(105deg,#323757,#292d50);padding:13px 14px;min-height:88px;color:var(--white);text-align:left;transition:background .15s,transform .15s,border-color .15s}.choice:hover{background:#41416b;border-color:var(--gold);transform:translateY(-2px)}.choice-letter{display:grid;place-items:center;flex:none;width:43px;height:43px;background:#ffe27a;border:2px solid #fff2c0;border-radius:9px;color:#392a44;font-weight:1000;font-size:24px}.choice#choiceB .choice-letter{background:var(--aqua);border-color:#cefffa}.choice-copy{flex:1;min-width:0}.choice-copy strong{font-size:15px;line-height:1.3;display:block}.choice-copy small{font-size:12px;line-height:1.4;color:#c9cde3;display:block;margin-top:4px}.choice-chevron{font-size:29px;font-weight:900;color:var(--gold)}.below-game{text-align:center;font-size:11px;color:#9fa7cb;margin:14px 0}.feedback{border:1px solid #7778a4;border-radius:16px;background:#141a37;padding:17px;animation:enter .18s ease-out}.decision-stamp{display:inline-block;transform:rotate(-2deg);border-radius:7px;padding:7px 11px;background:#f8d878;color:#372a48;font-size:11px;font-weight:1000;letter-spacing:1.3px}.feedback-story{font-size:15px;font-weight:700;line-height:1.65;margin:15px 0}.impact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:11px 0 14px}.impact{border:1px solid #474b74;background:#242947;border-radius:10px;padding:8px 2px;text-align:center}.impact small{display:block;color:#b9bed7;font-size:9px;letter-spacing:.3px;font-weight:900}.impact strong{display:block;font-size:19px;font-variant-numeric:tabular-nums;line-height:1.35}.positive{color:var(--mint)}.negative{color:var(--red)}.neutral{color:var(--gold)}.article-note{border-left:3px solid var(--aqua);padding:6px 0 6px 13px;margin:8px 0 17px;background:#242b4940}.article-note span{font-size:10px;color:var(--aqua);font-weight:1000;letter-spacing:1.1px}.article-note p{font-size:12px;line-height:1.6;margin:5px 0 0;color:#e5e5f0}.next{width:100%}
/* END */
.end-frame{position:relative;min-height:560px;display:flex;align-items:center;flex-direction:column;text-align:center;padding:clamp(28px,5vw,55px) 20px;background:radial-gradient(ellipse 60% 70% at 50% 5%,#65508b 0%,transparent 80%),#1b2043}.end-confetti{position:absolute;left:0;right:0;top:22px;color:#f7d674;font-size:25px;letter-spacing:30px;opacity:.5;white-space:nowrap;overflow:hidden}.end-emblem{display:grid;place-items:center;font-size:64px;border:6px solid #2a2448;border-radius:23px;box-shadow:8px 8px 0 #915375;background:var(--gold);width:108px;height:108px;transform:rotate(-6deg);margin:21px 0 22px}.end-title{font-size:clamp(19px,3vw,30px);font-weight:1000;color:#e0e3f7;letter-spacing:1px;margin:0 0 6px}.end-archetype{color:var(--gold);font-size:clamp(35px,5vw,60px);text-shadow:3px 4px #9b5079;margin:0 0 10px;font-weight:1000;line-height:1.08;letter-spacing:-1.5px}.end-description{font-size:15px;max-width:670px;color:#e1e4f1;line-height:1.6;margin:0 0 18px}.end-scores{width:min(650px,100%);display:grid;grid-template-columns:.85fr 1.15fr;gap:10px;margin:5px 0 10px}.end-primary-score{display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #edd58c;border-radius:13px;background:#3b3455;padding:14px}.end-primary-score span{font-size:10px;letter-spacing:1.2px;font-weight:1000;color:#e6debe}.end-primary-score strong{font-size:clamp(47px,6vw,74px);color:var(--gold);line-height:1.1}.end-primary-score small{font-size:11px;color:#f2e5bc;font-weight:900}.end-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.end-metric{border:1px solid #565d87;border-radius:12px;background:#181f40;padding:10px 6px}.end-metric small{display:block;font-size:10px;font-weight:850;color:#bcc7df}.end-metric strong{display:block;font-size:25px;font-weight:1000}.record-note{font-size:12px;color:#c8cbe5;margin:10px 0 8px}.end-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:9px 0 16px}.end-frame .foot-caveat{max-width:600px;margin:9px auto}
/* LEADERBOARD */
.board-frame{padding:clamp(23px,4vw,42px);min-height:570px;background:radial-gradient(ellipse 50% 55% at 50% 0,#3b396c 0%,transparent 80%),#1b2043}.board-heading{display:flex;gap:12px 30px;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.board-heading h2{font-size:clamp(35px,5vw,58px);letter-spacing:-1.9px;font-weight:1000;line-height:.98;margin:13px 0 9px}.board-heading p{color:#c9d0e4;font-size:14px;line-height:1.5;margin:0}.board-count{background:#f1d878;border:5px solid #262341;box-shadow:5px 5px 0 #8d5378;transform:rotate(4deg);border-radius:12px;color:#292643;padding:12px 22px;text-align:center;min-width:140px}.board-count strong{display:block;font-size:39px;line-height:1;font-weight:1000}.board-count span{font-size:10px;letter-spacing:.5px;font-weight:1000;white-space:nowrap}.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:13px;margin:21px 0 30px;min-height:215px}.podium-empty{grid-column:1/-1;display:grid;place-items:center;padding:60px 18px;min-height:180px;text-align:center;border:1px dashed #767ba8;border-radius:16px;color:#ccd0e8;font-weight:700}.podium-card{background:linear-gradient(145deg,#30345c,#1b2041);border:1.5px solid #6d719b;border-radius:16px 16px 8px 8px;padding:20px 10px 16px;text-align:center;min-width:0}.podium-card.place-1{border:2px solid var(--gold);padding-top:22px;min-height:219px;background:linear-gradient(145deg,#695172,#373354)}.podium-card.place-2{min-height:183px}.podium-card.place-3{min-height:166px}.podium-medal{font-size:31px}.podium-avatar{display:grid;place-items:center;font-size:28px;font-weight:1000;color:#29243c;background:#ffe0b0;width:62px;height:62px;border-radius:50%;border:4px solid #fff5d7;margin:6px auto 9px;text-transform:uppercase}.podium-card.place-1 .podium-avatar{background:#f6e09b;width:73px;height:73px;font-size:33px}.podium-name{font-size:clamp(12px,1.6vw,17px);font-weight:1000;overflow-wrap:anywhere;margin:5px 0 6px;line-height:1.3}.podium-score{color:var(--gold);font-size:clamp(22px,3vw,32px);font-weight:1000}.podium-role{font-size:11px;color:#bfc8e2;margin-top:5px;line-height:1.4;min-height:16px}.rank-list{border:1px solid #586087;border-radius:15px;overflow:hidden;background:#141a36}.rank-header,.rank-row{display:grid;grid-template-columns:68px minmax(0,1.5fr) minmax(0,1.25fr) 95px;align-items:center;gap:10px}.rank-header{padding:12px 18px;color:#b1bdd7;letter-spacing:1px;font-size:10px;font-weight:1000;background:#252a4d}.rank-header span:last-child,.rank-row span:last-child{text-align:right}.rank-row{padding:13px 18px;border-top:1px solid #303858;color:#e7e8f2;font-size:13px}.rank-row:nth-child(even){background:#202542}.rank-row.is-mine{background:#45425d}.rank-num{font-weight:1000;color:#fff0b3}.rank-player{font-weight:850;overflow-wrap:anywhere}.rank-type{font-size:11px;color:#b4bfdf}.rank-points{font-size:18px;color:var(--gold);font-weight:1000;font-variant-numeric:tabular-nums}.board-frame .foot-caveat{margin:19px 0 0;text-align:center}.board-error{padding:12px;color:var(--red);font-size:12px;text-align:center}
/* REVEAL */
.reveal-frame{padding:clamp(24px,4vw,48px);text-align:center;background:radial-gradient(ellipse 70% 60% at 50% 0%,#534174 0%,transparent 80%),#202244}.reveal-icon{font-size:42px;font-weight:1000;letter-spacing:-3px;color:var(--white);margin:10px 0 4px}.reveal-icon span{color:var(--gold);font-size:61px;vertical-align:middle}.reveal-frame h2{font-size:clamp(32px,5vw,57px);line-height:1.05;color:var(--gold);text-shadow:3px 4px #8d4774;margin:10px 0 12px;font-weight:1000;letter-spacing:-1.2px}.reveal-frame>p{margin:0 auto 23px;max-width:720px;color:#e2e3f2;font-size:15px;line-height:1.65}.duality-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;text-align:left;margin:18px 0 23px}.dual{background:#272e52;border:1px solid #626b91;border-radius:13px;padding:16px;min-width:0}.dual small{font-size:10px;color:var(--aqua);letter-spacing:.7px;font-weight:1000}.dual strong{display:block;font-size:17px;color:var(--gold);line-height:1.3;margin:5px 0 9px}.dual p{font-size:12px;line-height:1.6;color:#dbdfed;margin:0}.reveal-quote{max-width:790px;margin:0 auto 20px;background:#5c4a61;border:1px solid #f7de8a;border-radius:16px;padding:20px}.reveal-quote strong{display:block;color:var(--gold);font-size:clamp(19px,2.7vw,27px);line-height:1.35}.reveal-quote small{display:block;color:#eee5e8;line-height:1.5;margin-top:10px;font-size:12px}.reveal-button{margin:auto}
@keyframes enter{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes wobble{0%,100%{transform:rotate(-9deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-7px)}}@keyframes sceneFloat{0%,100%{transform:translateX(-50%) rotate(-7deg) translateY(0)}50%{transform:translateX(-50%) rotate(-4deg) translateY(-8px)}}
@media(max-width:900px){.intro-frame{grid-template-columns:1.05fr .95fr}.hero-poster{min-height:470px}.poster-person{left:0;transform:scale(.85);transform-origin:bottom left}.story-frame{grid-template-columns:minmax(255px,.8fr) minmax(0,1.2fr)}.stage-visual{min-height:456px}.scene-title{font-size:32px}.story-content{padding:25px}}
@media(max-width:720px){.topbar{padding-top:13px}.brand-sub{display:none}.intro-frame{display:flex;flex-direction:column-reverse}.hero-poster{height:265px;min-height:265px;flex:none}.poster-sun{top:-30px;right:20%;width:270px;height:270px}.poster-building.back{height:170px;width:200px;right:46%}.poster-building.front{height:245px;width:190px;right:17%}.building-sign{font-size:14px;margin:10px 6px;padding:6px 8px;border-width:3px;text-align:right}.poster-person{left:15%;transform:scale(.67)}.poster-bubble{top:15%;left:7%;font-size:27px;padding:5px 15px}.poster-coins{font-size:17px}.poster-sticker{transform:scale(.8) rotate(10deg);right:3%;bottom:4%}.intro-copy{padding:20px 23px 28px}.huge-title{font-size:clamp(36px,8vw,52px);margin:14px 0}.intro-story{font-size:14px}.join-row .button{flex:1 1 155px}.intro-bottom{font-size:9px}.story-frame{grid-template-columns:1fr}.stage-visual{min-height:165px;flex-direction:row;align-items:center;justify-content:flex-end;border-right:none;border-bottom:1px solid #5d5882}.stage-window{top:15px;width:55%;height:150px;left:34%}.stage-icon{top:42px;left:27%;width:98px;height:98px;font-size:54px;border-width:6px;box-shadow:6px 6px #15162e}.stage-label{top:9px;left:8px;z-index:3;font-size:9px}.assistant-card{width:57%;margin:38px 10px 11px auto;padding:9px;box-shadow:3px 4px #19142e}.assistant-avatar{font-size:23px}.assistant-card small{font-size:9px}.assistant-card p{font-size:11px;margin-top:2px}.story-content{padding:21px}.scene-title{margin:8px 0;font-size:clamp(27px,6vw,34px)}.scene-desc{font-size:13px;margin-bottom:12px}.ask-line{font-size:13px;margin-bottom:9px}.choice{min-height:73px;padding:10px}.choice-copy strong{font-size:13px}.choice-copy small{font-size:11px}.choice-letter{width:38px;height:38px;font-size:22px}.podium{gap:6px}.podium-card{padding:10px 5px}.board-heading h2{font-size:clamp(30px,8vw,44px)}.board-count{min-width:97px;padding:9px 9px}.board-count strong{font-size:30px}.board-count span{font-size:8px}.rank-header,.rank-row{grid-template-columns:40px minmax(0,1.4fr) minmax(0,1fr) 65px;gap:5px;padding-left:10px;padding-right:10px}.rank-type{font-size:9px}.rank-points{font-size:15px}.duality-grid{grid-template-columns:1fr}}
@media(max-width:470px){.page{padding:5px 12px 20px}.topbar{padding:14px 12px 11px}.footer{padding:0 12px 20px}.intro-copy{padding:18px 16px 23px}.huge-title{font-size:clamp(37px,10vw,47px)}.intro-story{line-height:1.5}.reincarnation-box{padding:9px}.reincarnation-box p{font-size:12px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:10px}.stat{padding:8px 9px}.stat-rail{margin-top:6px}.stat-caption{font-size:10px}.day-head{align-items:flex-start}.day-head-left{gap:7px}.time-big{font-size:26px}.day-head-right{width:100%;justify-content:space-between}.day-valuation{padding:6px 10px}.timeline{padding-top:4px}.timeline-labels small{font-size:7px}.story-content{padding:16px}.scene-title{font-size:30px}.assistant-card{width:61%}.feedback{padding:12px}.feedback-story{font-size:13px}.impact-grid{gap:5px}.impact small{font-size:8px}.impact strong{font-size:17px}.end-scores{grid-template-columns:1fr}.end-primary-score{padding:12px}.end-primary-score strong{font-size:56px}.end-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.end-metric{padding:8px 3px}.end-metric small{font-size:8px}.end-metric strong{font-size:19px}.end-buttons .button{width:100%}.board-frame{padding:18px 12px}.board-heading{gap:10px}.board-heading h2{font-size:32px}.board-heading p{font-size:12px}.podium-avatar{width:45px;height:45px;font-size:21px;border-width:3px}.podium-card.place-1 .podium-avatar{width:52px;height:52px;font-size:25px}.podium-medal{font-size:25px}.podium-card.place-1,.podium-card.place-2,.podium-card.place-3{min-height:0}.podium-name{font-size:12px}.podium-role{font-size:9px}.podium-score{font-size:23px}.rank-type{display:none}.rank-header,.rank-row{grid-template-columns:37px minmax(0,1fr) 76px}.rank-header span:nth-child(3){display:none}.rank-player{font-size:12px}.rank-points{font-size:17px}.reveal-frame{padding:23px 16px}.reveal-frame>p{font-size:13px}.dual{padding:12px}.dual strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Navigation and small-screen spacing; keep the original game artwork and palette. */
.back-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 11px;border:1px solid #8d8eb4;border-radius:9px;background:#272c53;color:var(--white);font-size:12px;font-weight:800;flex:none}
.back-btn:hover{background:#43446f}.topbar .identity{margin-right:auto}.language-btn{min-height:44px;flex:none}
summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.article-note{padding-top:0;padding-bottom:0}.article-note summary{display:flex;align-items:center;gap:8px;min-height:44px;color:var(--aqua);font-size:12px;font-weight:850;cursor:pointer;list-style:none}.article-note summary::-webkit-details-marker{display:none}.article-note summary::after{content:'+';margin-left:auto;margin-right:10px;font-size:20px}.article-note[open] summary::after{content:'−'}.article-note p{margin:0 10px 10px 0}
.ask-line{margin-top:0;margin-bottom:0}.scene-title{margin-top:0}.decision-stamp{letter-spacing:0;line-height:1.45;overflow-wrap:anywhere}.podium-card.place-1{grid-column:2;grid-row:1}.podium-card.place-2{grid-column:1;grid-row:1}.podium-card.place-3{grid-column:3;grid-row:1}
.reveal-frame>.source-note{max-width:720px;margin:22px auto 0;font-size:11px;color:var(--muted)}
@media(max-width:720px){
 .topbar:has(.back-btn:not([hidden])) .brand-diamond{display:none}
 .hero-poster{height:210px;min-height:210px}.poster-person{transform:scale(.6)}.poster-building.front{height:210px}.poster-sun{top:-55px}
 .intro-story{margin-bottom:0}.join-form{margin-top:19px}
 .day-head-right{width:auto;margin-left:auto}.timeline{padding:6px 0 12px}
 .stage-visual{min-height:125px}.stage-window{top:10px;height:120px}.stage-icon{top:21px;width:84px;height:84px;font-size:47px}.assistant-card{margin:14px 10px 14px auto}
 .story-content{padding-top:18px}.choice{min-height:76px}
}
@media(max-width:470px){
 .topbar{gap:8px}.topbar:has(.back-btn:not([hidden])) .identity-text{font-size:19px}.back-btn{padding:8px;font-size:11px}.language-btn{padding:10px;font-size:11px}
 .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.stat{padding:9px 7px}.stat-caption{flex-direction:column;gap:5px;font-size:10px}.stat-caption b{font-size:18px}
 .day-head{align-items:center}.day-head-left{gap:7px}.day-head-right{width:auto;font-size:11px}.place{font-size:10px;letter-spacing:0}
 .stage-icon{left:23%}.assistant-card{width:61%;padding:8px;gap:6px}.assistant-avatar{font-size:21px}
 .end-emblem{width:86px;height:86px;font-size:50px;margin:18px 0}.end-frame{padding-top:27px}.end-archetype{font-size:clamp(31px,8vw,38px)}
}

[tabindex="-1"]:focus{outline:none}
@media(max-width:360px){.stat-caption{font-size:9px}}

.board-heading h2{word-break:keep-all}

.company-break{display:none}
@media(max-width:720px){.company-break{display:initial}}
@media(max-width:360px){.poster-building.front{right:12%}.building-sign{font-size:11px}}