:root{--bg:#0e0d10;--panel:#19181d;--line:#484148;--light:#f8f3eb;--muted:#bcb1b2;--red:#ff4054;--coral:#ff6651;--blue:#62cce8;--font:'DM Sans',Arial,sans-serif;--display:'Anton',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--light);font:15px/1.5 var(--font);overflow-x:hidden}body:before{content:"";inset:0;position:fixed;z-index:100;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='2' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit}button:disabled{cursor:not-allowed;opacity:.55}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.wrap{width:min(1380px,calc(100% - 44px));margin:0 auto}.skip-link{position:absolute;top:-70px;background:var(--red);color:#000;padding:10px;z-index:150}.skip-link:focus{top:12px}.topbar{display:flex;align-items:center;min-height:72px;gap:24px;border-bottom:1px solid #45363b}.logo{font-family:var(--display);font-style:italic;font-size:22px;line-height:.9;transform:rotate(-2deg);min-width:125px}.logo strong{color:var(--red);display:block;font-size:28px}.topnav{margin:auto;display:flex;align-items:center;gap:26px;overflow-x:auto;scrollbar-width:none}.topnav::-webkit-scrollbar{display:none}.topnav a{font-size:12px;font-weight:800;white-space:nowrap;padding:11px 0}.topnav .now{background:#481c27;color:#ff6979;border:1px solid #6e2638;border-radius:5px;padding:9px 13px}.topnav a:hover{color:#ff7c8b}.top-annotation{color:#ea5862;letter-spacing:1.5px;font:14px var(--display);white-space:nowrap}.hero{min-height:375px;display:grid;grid-template-columns:1.1fr .78fr .42fr;position:relative;isolation:isolate;border-bottom:2px solid #51464b;overflow:hidden}.hero-copy{z-index:2;padding:28px 0 34px 15px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#c9bbc0}.red-dot{display:inline-block;height:9px;width:9px;background:var(--red);border-radius:50%;margin-right:7px;box-shadow:0 0 20px var(--red)}.hero h1{font:clamp(66px,7vw,130px)/.94 var(--display);letter-spacing:-2px;margin:12px 0;color:#f5f0e7;text-shadow:4px 5px 0 #07070a}.hero h1 em{color:var(--red);font-style:normal;display:inline-block;transform:rotate(-2deg)}.hero-tag{font:19px var(--display);letter-spacing:.4px;transform:rotate(-2deg);margin:12px 0 7px}.hero-intro{max-width:490px;color:#d9d0d1;font-size:14px;margin:12px 0 19px}.hero-cta{display:inline-flex;gap:36px;align-items:center;background:var(--red);color:#170d11;padding:13px 19px;font-size:13px;font-weight:900;border:2px solid var(--red);transition:.18s}.hero-cta:hover{background:transparent;color:#ff6273}.hero-small{font-size:11px;color:#aca1a4}.hero-art{position:relative;min-height:335px;align-self:stretch;overflow:hidden}.hero-art img{position:absolute;width:116%;height:104%;object-fit:cover;left:-7%;top:0;filter:grayscale(1) contrast(1.5);mix-blend-mode:screen;opacity:.84;mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 80%,transparent 100%)}.red-window{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 64%,#e62e4e66,transparent 70%),repeating-linear-gradient(115deg,#200f15 0 15px,#350a1b 16px 20px);opacity:.7}.hero-scratch{position:absolute;font:100px var(--display);color:#ff4054;right:0;top:5px;transform:rotate(28deg);text-shadow:3px 4px #000}.hero-scratch.two{top:auto;bottom:10px;right:45%;font-size:47px}.hero-sticker{position:absolute;right:0;bottom:26px;background:var(--red);color:#190b11;padding:9px 16px;font:28px/.95 var(--display);transform:rotate(-6deg);box-shadow:6px 6px 0 #100b0e}.hero-side{display:flex;flex-direction:column;justify-content:space-between;padding:52px 2px 30px 15px}.handnote{font:24px/1.16 'Space Grotesk',sans-serif;font-weight:800;transform:rotate(-8deg)}.handnote b{font-size:47px;color:var(--red)}.crumpled{display:block;transform:rotate(4deg);background:#f1e7dd;color:#141214;text-align:center;padding:18px;font:80px/.95 var(--display);clip-path:polygon(3% 5%,97% 0,100% 95%,0 100%);box-shadow:6px 6px 0 #000}.crumpled small{font:12px/1.3 var(--font);font-weight:900;display:block;margin-top:6px;letter-spacing:.6px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:25px 0 13px}.section-head h2{font:27px/1.1 var(--display);letter-spacing:.4px;margin:0}.section-head h2 span{color:var(--red)}.section-head>span{color:#998d91;font-size:11px;font-weight:800;letter-spacing:1.2px}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.level{position:relative;min-height:135px;text-align:left;color:white;border:1px solid #6e5660;background:linear-gradient(135deg,#361821,#120d12);padding:14px 17px 13px;overflow:hidden;isolation:isolate;transition:transform .2s,border-color .2s}.level:hover,.level[aria-pressed="true"]{transform:translateY(-3px);border-color:var(--red)}.level:after{content:attr(data-symbol);position:absolute;right:-10px;top:-22px;font:130px/1 var(--display);opacity:.17;z-index:-1;transform:rotate(-16deg)}.level[data-level="fun"]{background:linear-gradient(125deg,#64192b,#271018)}.level[data-level="psy"]{background:linear-gradient(125deg,#073242,#101a27)}.level[data-level="hard"]{background:linear-gradient(125deg,#7c1723,#240d12)}.level[data-level="noir"]{background:linear-gradient(125deg,#242126,#0a0a0d)}.level[data-level="psy"][aria-pressed="true"]{border-color:var(--blue)}.level .level-small{font-size:10px;font-weight:800;color:#f6c5cf;letter-spacing:1px}.level strong{display:block;font:27px/1.03 var(--display);margin:12px 0 5px}.level p{margin:0;color:#e0cfd3;font-size:11px;max-width:88%}.play-layout{display:grid;grid-template-columns:208px minmax(0,1fr) 242px;gap:13px;align-items:start;margin-top:20px}.left-rail,.arena,.side-card{border:1px solid #494047;background:#18171b}.left-rail{padding:16px 11px}.rail-label,.side-kicker{display:block;color:#f6b0b9;letter-spacing:1.2px;font-weight:900;font-size:11px;margin:0 8px 12px}.mode-list{display:grid;gap:3px}.mode{width:100%;border:0;color:#ded1d5;background:transparent;padding:12px 10px;text-align:left;font-size:12px;font-weight:800;display:flex;align-items:center;gap:10px;border-radius:5px;min-height:44px}.mode .ico{font-size:17px;width:24px;text-align:center}.mode:hover{background:#2c2229}.mode[aria-pressed="true"]{background:var(--red);color:#160c11}.rail-separator{font:15px var(--display);color:#a4a0a2;margin:18px 8px;border-top:1px solid #53474c;padding-top:15px;transform:rotate(-2deg)}.progress-box{border-top:1px solid #57454b;margin-top:17px;padding:16px 9px 8px}.progress-box strong{font:48px/.9 var(--display);color:var(--red)}.progress-box span{font-size:12px;margin-left:5px;color:#cec1c5}.thinbar{height:7px;background:#383236;margin-top:11px;overflow:hidden}.thinbar i{display:block;height:100%;width:0;background:var(--red);transition:width .3s}.progress-box small{color:#a39ba0;font-size:10px}.arena{padding:21px 22px 15px;min-width:0;scroll-margin-top:16px}.question-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.category-pill{border:1px solid #a24458;border-radius:30px;padding:7px 12px;color:#f7a2b1;font-size:11px;font-weight:900}.question-counter{font-size:11px;color:#bcb2b4;font-weight:800;letter-spacing:1px}.arena-intro{text-align:center}.tiny-cross{margin:3px 0 -3px;color:#e95c6c;font-size:19px;letter-spacing:8px}.arena h2{font:clamp(46px,6vw,89px)/1 var(--display);letter-spacing:-1.5px;margin:5px 0 3px}.pulse-dots{color:var(--red)}.arena-intro>p:last-child{margin:4px 0 15px;color:#a99ea1;font-size:12px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:14px;position:relative}.choice{min-width:0;min-height:227px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;gap:12px;border:2px solid #21bae8;background:linear-gradient(141deg,#08252e,#10232e 66%,#0f161b);border-radius:11px;color:#fff;transition:transform .17s,box-shadow .17s;padding:17px}.choice-b{background:linear-gradient(136deg,#391018,#230b14 67%,#170f14);border-color:#ff4054}.choice:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 13px 25px #0007}.choice:focus-visible{outline:3px solid #fff}.choice-label{display:flex;justify-content:space-between;color:#8be4ff;font-size:11px;font-weight:900;letter-spacing:1px}.choice-b .choice-label{color:#ff8d9b}.choice strong{display:block;align-self:center;font-size:clamp(15px,1.6vw,22px);font-weight:800;line-height:1.28;text-align:center;max-width:340px}.choose{border:1px solid #40d3ff;color:#a8eaff;border-radius:25px;display:flex;justify-content:space-between;align-items:center;min-height:35px;padding:6px 13px;font:16px var(--display)}.choice-b .choose{border-color:#ff6075;color:#ffa7b4}.or{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0b1015;border:2px solid #e9e0e6;z-index:2;border-radius:50%;height:52px;width:52px;display:grid;place-items:center;font:28px var(--display)}.arena-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px}.arena-action-right{display:flex;gap:16px}.text-action{background:transparent;border:0;color:#d7cbd0;text-decoration:underline;text-underline-offset:4px;font-size:12px;font-weight:800;padding:9px 0}.text-action:hover{color:var(--red)}#fav[aria-pressed="true"]{color:#ff6b79}.vote-feedback{margin:12px 0 0;font-size:11px;color:#a99ea3;text-align:center;min-height:18px}.result{border-top:1px solid #4c3e42;margin-top:18px;padding-top:15px}.result-head{font:21px var(--display);margin:0 0 8px}.results-count{color:#aea0a5;font-size:12px;margin:0 0 13px}.result-row{display:grid;grid-template-columns:1fr 55px;gap:6px;margin-top:10px;font-size:11px;font-weight:800}.result-bar{height:10px;margin-top:5px;background:#3b3137;overflow:hidden}.result-bar i{display:block;height:100%;background:#49c7ea;transition:width .5s}.result-bar.b i{background:var(--red)}.duel-verdict{border:1px solid #be465d;background:#320f1d;padding:14px;margin:13px 0;font-size:14px}.duel-verdict strong{display:block;font:23px var(--display);color:#ff8496;margin-bottom:5px}.next-btn,.retry-btn{border:0;background:var(--red);color:#170c11;display:block;width:100%;margin-top:14px;min-height:48px;font:22px var(--display)}.retry-btn{background:#eee}.daily-progress{text-align:center;margin-top:11px;font-size:12px;color:#dbc0c6}.side-card{padding:17px;margin-bottom:12px}.side-kicker{margin:0;color:#fe8292}.side-card h3{font:29px/1.03 var(--display);margin:10px 0}.side-card p{font-size:12px;color:#cdbec2;margin:9px 0 16px}.side-card button{background:var(--red);color:#160c10;border:0;width:100%;min-height:43px;font:17px var(--display)}.daily-card{background:linear-gradient(130deg,#38121f,#121117)}.daily-card button{background:#ffe0d6}.fav-card{background:#16151a}.fav-card p strong{font:40px var(--display);color:#ff7183}.fav-card .plain-link{background:none;color:#f9a3ae;text-align:left;font:15px var(--display);min-height:20px}.bottom-block{margin-top:35px}.highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.highlight{display:block;text-align:left;background:#17151a;color:#f9e9eb;border:1px solid #5a474f;min-height:142px;padding:17px;transition:transform .2s,border-color .2s}.highlight:hover{transform:translateY(-3px);border-color:var(--red)}.highlight .num{color:#ff7280;font-size:10px;font-weight:800;letter-spacing:1.2px}.highlight strong{display:block;font-size:15px;line-height:1.3;margin:9px 0}.highlight .even{font:20px var(--display);color:#ff7583}.empty-stats{grid-column:1/-1;padding:20px;border:1px dashed #5c5054;color:#b8abad}.method-note{font-size:11px;color:#988f94}.end-banner{background:linear-gradient(104deg,#e92f48,#a4142f);margin-top:38px;margin-bottom:25px;display:flex;justify-content:space-between;gap:25px;align-items:center;padding:25px 33px;color:#1b0d13;clip-path:polygon(0 1%,100% 0,99% 98%,1% 100%)}.end-banner span{font:12px var(--display)}.end-banner h2{font:52px/.98 var(--display);margin:5px 0}.end-banner h2 em{color:#fff9ed;font-style:normal}.end-banner p{font-size:12px;font-weight:700}.end-banner button{white-space:nowrap;background:#150e13;color:white;border:0;padding:15px 22px;font:19px var(--display)}.footer{border-top:1px solid #5d4850;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#aea0a5;font-size:11px;font-weight:800;padding:26px 0 38px;flex-wrap:wrap}.footer a:hover{color:#ff7b8c}.toast{position:fixed;z-index:111;left:50%;bottom:25px;transform:translateX(-50%);background:#ff4660;color:#190e13;font-weight:900;border:2px solid #fff7ed;box-shadow:0 11px 25px #000a;padding:13px 22px;text-align:center;max-width:calc(100vw - 28px);min-width:260px}.duel-alert{background:#511e33;border:1px solid #d84e6c;color:#ffdce1;font-size:12px;font-weight:900;padding:9px 12px;margin:12px 0}.skip-link:focus-visible{outline-color:#fff}
@media(max-width:1120px){.play-layout{grid-template-columns:170px minmax(0,1fr) 199px}.topnav{gap:12px}.topnav a{font-size:11px}.top-annotation{display:none}.hero{grid-template-columns:1.2fr .8fr}.hero-side{display:none}.hero h1{font-size:clamp(67px,8vw,105px)}.level strong{font-size:22px}.choice strong{font-size:16px}}@media(max-width:890px){.topnav .now{order:-1}.topbar{flex-wrap:wrap;min-height:88px;gap:4px;padding:8px 0}.topnav{width:100%;margin:0;order:2;gap:19px}.topnav a{padding:7px 0}.topnav .now{padding:6px 10px}.hero{min-height:310px}.hero h1{font-size:clamp(59px,9vw,95px)}.hero-art{min-height:300px}.play-layout{grid-template-columns:1fr 230px}.left-rail{grid-column:1/-1;padding:10px}.mode-list{display:flex;overflow:auto;scrollbar-width:thin;gap:6px}.mode{width:auto;flex-shrink:0;padding:9px 11px;border:1px solid #42343c}.rail-label,.rail-separator,.progress-box{display:none}.arena{min-width:0}.level-grid{grid-template-columns:repeat(2,1fr)}.highlight-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.wrap{width:min(100% - 28px,520px)}html{scroll-padding-top:20px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:27px 2px 24px}.hero h1{font-size:clamp(61px,14vw,86px);margin:12px 0}.hero-tag{font-size:17px}.hero-intro{font-size:13px;max-width:390px}.hero-art{position:absolute;inset:auto -60px 0 auto;height:130px;width:190px;min-height:0;opacity:.35;pointer-events:none}.hero-art .hero-sticker{display:none}.hero-cta{position:relative;z-index:2}.eyebrow{font-size:10px}.section-head{align-items:start}.section-head h2{font-size:23px}.section-head>span{display:none}.level-grid{gap:8px}.level{min-height:112px;padding:12px}.level strong{font-size:23px;margin:10px 0 4px}.level p{font-size:10px}.play-layout{grid-template-columns:minmax(0,1fr);gap:9px}.right-rail{display:grid;grid-template-columns:1fr 1fr;gap:8px}.right-rail .side-card{margin:0}.right-rail .side-duel{grid-column:1/-1}.side-duel h3{font-size:25px}.side-duel button{width:auto;padding:10px 20px}.side-card h3{font-size:21px}.side-card p{font-size:11px}.arena{padding:15px 11px 12px}.arena h2{font-size:clamp(49px,13vw,67px)}.choices{gap:9px}.choice{min-height:243px;padding:12px 10px 10px;border-radius:8px}.choice strong{font-size:clamp(14px,3.5vw,18px);line-height:1.24;overflow-wrap:break-word}.choice-label{font-size:10px}.choose{font-size:13px;min-height:39px;padding:5px 8px}.or{height:41px;width:41px;font-size:21px}.arena-actions{margin-top:7px}.arena-action-right{gap:13px}.text-action{font-size:11px}.highlight-grid{grid-template-columns:1fr}.end-banner{padding:20px;flex-direction:column;align-items:start;clip-path:none}.end-banner h2{font-size:45px}.footer{gap:13px}}@media(max-width:370px){.wrap{width:calc(100% - 18px)}.hero h1{font-size:57px}.level strong{font-size:20px}.choice strong{font-size:13px}.choice{padding:9px 7px}.choose{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* V11 — expériences sociales et révélation des choix */
[hidden]{display:none!important}
.choice[aria-pressed="true"]{box-shadow:0 0 0 3px rgba(255,255,255,.3),0 12px 40px #0009;filter:saturate(1.2)}.choice:disabled{opacity:1;cursor:default}.choice[aria-pressed="false"]:disabled{opacity:.67}.choice-reveal{display:block;align-self:center;text-align:center;color:#f9efe9;background:#21151a;border:1px solid #ffe2e9;padding:6px 12px;font:15px var(--display);letter-spacing:.5px}.choice-reveal.percent{border:0;background:none;font-size:23px;color:#fff}.choice[aria-pressed="true"] .choice-reveal{background:#f4eadf;color:#101016}
.soft-toggle{display:flex;align-items:flex-start;gap:9px;margin:18px 3px 5px;font-size:11px;font-weight:700;line-height:1.4;color:#f3c7d0;cursor:pointer}.soft-toggle input{accent-color:#ff4054;min-width:20px;min-height:20px;margin:0}.mode-card,.rank-tab,.exp-close,.exp-secondary,.exp-primary,.dossier-actions button{font:inherit;cursor:pointer}
.experiences{margin-top:50px}.mode-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.mode-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:11px;text-align:left;background:linear-gradient(145deg,#24101d,#111118 77%);color:#fff;border:1px solid #74404d;border-radius:10px;padding:23px;min-height:276px;transition:transform .18s,border-color .18s;position:relative;overflow:hidden}.mode-card:nth-child(2){background:linear-gradient(145deg,#323025,#16151a 75%);border-color:#84703e}.mode-card:nth-child(3){background:linear-gradient(140deg,#30121a,#100f14 75%)}.mode-card:before{content:'✳';position:absolute;right:-17px;top:19px;font-size:145px;line-height:1;color:#ec3c57;opacity:.17;transform:rotate(-12deg)}.mode-card:nth-child(2):before{content:'⚡';color:#ffd06c}.mode-card:nth-child(3):before{content:'◉';color:#f25263}.mode-card:hover{transform:translateY(-4px);border-color:#ff4965}.mc-num{color:#ff7588;font-size:11px;font-weight:900;letter-spacing:1.1px}.mode-card strong{position:relative;font:clamp(38px,4vw,61px)/.99 var(--display);letter-spacing:.2px}.mode-card>span:not(.mc-num){font-size:13px;color:#d8c7ce;max-width:270px}.mode-card>b{position:relative;margin-top:auto;font:19px var(--display);color:#ff6b82}
.experience-stage{margin-top:18px;background:#19141b;border:1px solid #8b4355;box-shadow:0 18px 60px #0007;border-radius:13px;padding:clamp(17px,3vw,35px);scroll-margin-top:25px}.exp-top{display:flex;gap:20px;justify-content:space-between;align-items:start;border-bottom:1px solid #493842;padding-bottom:16px;margin-bottom:18px}.exp-top h3{font:clamp(37px,6vw,64px)/1 var(--display);margin:8px 0 7px}.exp-top p{font-size:14px;color:#d5c8ce;max-width:670px;margin:5px 0}.exp-eyebrow{font-size:11px;letter-spacing:2px;color:#ff687e;font-weight:900}.exp-close{background:#32232d;border:1px solid #74505a;color:#fff;border-radius:50%;width:43px;height:43px;min-width:43px;font-size:19px}.exp-close:hover{background:#ab2945}.exp-progress{margin:18px 0 24px;font-size:12px;font-weight:900;color:#f3cad0;display:grid;grid-template-columns:135px 1fr;align-items:center;gap:18px}.exp-track{height:8px;background:#483238;overflow:hidden;border-radius:12px}.exp-track i{display:block;height:100%;background:#ff3f60;transition:width .3s}.exp-question{margin:0 auto 24px;max-width:780px;text-align:center}.exp-question span{font-size:12px;color:#ff8c9e;font-weight:900}.exp-question h4{font:clamp(35px,5vw,70px)/1 var(--display);margin:8px 0}.exp-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.exp-two button{min-width:0;min-height:196px;color:#fff;background:linear-gradient(143deg,#102e3a,#13151e);border:2px solid #4cbfe5;padding:20px;border-radius:12px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.exp-two button:nth-child(2){background:linear-gradient(143deg,#3e1520,#1b121c);border-color:#ff5771}.exp-two button>span{font-size:11px;font-weight:900;color:#90eaff}.exp-two button:nth-child(2)>span{color:#ffa4b0}.exp-two button>strong{font-size:clamp(16px,2.3vw,27px);line-height:1.3;align-self:center;text-align:center}.exp-two button>b{width:100%;border:1px solid currentColor;border-radius:20px;text-align:center;font:17px var(--display);padding:8px}.exp-two button:hover,.exp-two button:focus-visible{filter:brightness(1.28)}.exp-note{font-size:12px;color:#bbb0b7;line-height:1.55;margin:16px 0}.exp-primary,.exp-secondary{display:block;width:min(100%,650px);margin:14px auto 0;min-height:53px;padding:12px 20px;background:#fb455c;color:#1b0d11;border:0;border-radius:7px;font:clamp(18px,2.5vw,25px) var(--display)}.exp-secondary{background:transparent;border:1px solid #ff6b81;color:#ff8ca0}.exp-primary:hover{background:#ff7080}.exp-big-number{font:clamp(80px,14vw,185px)/1 var(--display);text-align:center;color:#ff5269;margin:40px 0}.exp-big-number span{display:block;font:clamp(23px,3vw,45px) var(--display);color:#f4e6e5;margin-top:8px}.exp-epilogue{text-align:center;font:clamp(26px,4vw,49px) var(--display);margin:20px auto}.duel-rounds{margin:22px auto;display:grid;gap:8px;max-width:850px}.duel-round{padding:14px 18px;background:#211923;border:1px solid #503842}.duel-round span{font-size:11px;color:#efa4b3;letter-spacing:1px;font-weight:900}.duel-round p{font-size:14px;font-weight:600;margin:7px 0}.duel-round i{color:#f44f66;font-style:normal;font-weight:900}.duel-round b{font-size:12px}.duel-round .same{color:#73d7b6}.duel-round .diff{color:#ff8592}
.party-setup{max-width:700px;margin:auto}.party-setup>label,.name-field{display:block;font-size:11px;font-weight:900;letter-spacing:1px;color:#ff93a4;margin-bottom:10px}.party-setup select,.name-field input{display:block;width:100%;min-height:48px;background:#2b222d;color:#fff;border:1px solid #715260;border-radius:7px;margin:7px 0 17px;padding:10px 13px;font:15px var(--font)}#party-names{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 13px}.party-turn{text-align:center;font:23px var(--display);color:#ffd4dc}.party-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:32px 0}.party-counts div{padding:20px;border:2px solid #4abedb;background:#132833;text-align:center}.party-counts div:nth-child(2){border-color:#ff4a64;background:#35121e}.party-counts strong{display:block;font:clamp(85px,13vw,155px) var(--display)}.party-counts span{font:24px var(--display)}.party-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:20px 0}.party-players li{background:#2b1f28;padding:12px 15px;font-weight:700}.party-players li b{float:right;color:#ff7586}
.story-scene{text-align:center;padding:25px 16px 32px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#431b2c 0,#1b121b 65%);border:1px solid #683043;border-radius:14px;margin-bottom:18px}.story-scene>span{font-size:12px;font-weight:900;letter-spacing:2px;color:#ff8e99}.story-scene p{font-size:clamp(16px,2vw,23px);line-height:1.5;max-width:690px;margin:24px auto 0;position:relative}.door-art{height:142px;margin:20px auto 0;width:92px;border:5px solid #f04454;border-radius:40px 40px 2px 2px;background:linear-gradient(120deg,#8b122e,#290b15);box-shadow:0 0 80px #db14335e,13px 13px 0 #12080d;transform:perspective(260px) rotateY(-12deg)}.door-art span{display:block;background:#fed5b4;border-radius:50%;width:8px;height:8px;margin:67px 0 0 67px}.story-reaction{padding:40px 18px;max-width:740px;text-align:center;margin:30px auto;background:#311826;border:1px solid #f24d68;border-radius:16px}.story-reaction span{font-size:12px;letter-spacing:2px;color:#ff9fb0}.story-reaction p{font:clamp(26px,4vw,42px)/1.2 var(--display);margin:16px 0;color:#fff}.ending-card{max-width:710px;margin:35px auto 25px;background:#36111e;padding:35px 30px;border:2px solid #ff5269;transform:rotate(-1deg)}.ending-card span{font-size:12px;font-weight:900;color:#ffb4bf}.ending-card h4{font:clamp(43px,7vw,80px)/.95 var(--display);margin:20px 0}.ending-card p{font-size:17px;line-height:1.5}
.dossier{margin-top:42px}.dossier-panel{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;background:linear-gradient(130deg,#201621,#111016 72%);border:1px solid #6f3f4d;padding:25px;border-radius:11px}.dossier-meta h3{font:clamp(36px,5vw,65px)/1 var(--display);margin:14px 0}.dossier-meta p{font-size:14px;color:#d4c4cb}.dossier-pills{display:flex;gap:7px;flex-wrap:wrap}.dossier-pills span{background:#382531;border:1px solid #664557;color:#f1ced7;padding:6px 9px;font-size:11px;border-radius:20px}.dossier-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dossier-badge{padding:15px;background:#201e22;border:1px solid #444047;opacity:.52;text-align:center}.dossier-badge.earned{opacity:1;border-color:#ff6781;background:#3a1b2a}.dossier-badge strong{display:block;font-size:30px;color:#ff7089}.dossier-badge span{display:block;font-size:12px;font-weight:900}.dossier-badge small{display:block;color:#c8aeb9;font-size:10px}.dossier-actions{grid-column:1/-1;display:flex;align-items:center;gap:20px;justify-content:space-between;border-top:1px solid #4e3c45;padding-top:17px}.dossier-actions button{border:1px solid #ff6d81;background:transparent;color:#ffadba;padding:12px 20px;border-radius:6px;font-weight:900}.dossier-actions small{font-size:11px;color:#bbaab2}.rank-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.rank-tab{border:1px solid #674750;background:#21171d;color:#e9c5ce;padding:12px 15px;min-height:44px;border-radius:5px;font-size:12px;font-weight:900}.rank-tab.active{background:#fb405b;color:#1a1016;border-color:#fb405b}
@media(max-width:800px){.mode-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-card:last-child{grid-column:1/-1;min-height:200px}.mode-card strong{font-size:46px}.dossier-panel{grid-template-columns:1fr}.dossier-actions{flex-direction:column;align-items:flex-start}}
@media(max-width:650px){.experiences{margin-top:34px}.mode-cards{gap:8px}.mode-card{padding:16px;min-height:238px}.mode-card strong{font-size:clamp(30px,7vw,45px)}.mode-card>span:not(.mc-num){font-size:11px}.mode-card>b{font-size:14px}.mode-card:last-child{min-height:175px}.experience-stage{padding:17px 11px}.exp-top h3{font-size:38px}.exp-top p{font-size:12px}.exp-progress{grid-template-columns:107px 1fr;gap:9px}.exp-two{gap:8px}.exp-two button{padding:12px 9px;min-height:230px;gap:10px}.exp-two button>strong{font-size:clamp(13px,3.6vw,18px);overflow-wrap:anywhere}.exp-two button>b{font-size:12px;line-height:1.1}.party-players{grid-template-columns:1fr}.party-counts{gap:8px}.party-counts div{padding:15px 8px}.party-counts span{font-size:19px}.dossier-panel{padding:16px}.dossier-actions button{width:100%}.rank-tabs{gap:6px}.rank-tab{flex:1;font-size:10px;line-height:1.2;padding:9px 6px}.soft-toggle{padding:5px 7px}}
@media(max-width:375px){.mode-card strong{font-size:30px}.mode-card{padding:12px}.exp-two button>strong{font-size:13px}.exp-two button{min-height:215px}.rank-tab{font-size:9px}}