:root{--sumi:#1a1715;--sumi-deep:#120f0e;--bengara:#a8523f;--bengara-dark:#7e3b2d;--kinari:#ede6d6;--kinari-dim:#c9bfa8;--matcha:#6b7a4f;--kincha:#b8915a;--aizu:#3d4a57;--font-display-stack:var(--font-display),"Shippori Mincho",serif;--font-body-stack:var(--font-body),"Noto Sans JP",sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:radial-gradient(120% 90% at 50% -10%,#221d1a 0,var(--sumi) 45%,var(--sumi-deep) 100%);color:var(--kinari);font-family:var(--font-body-stack);line-height:1.7;-webkit-font-smoothing:antialiased;min-height:100vh}.display{font-family:var(--font-display-stack)}.shell{max-width:620px;margin:0 auto;padding:24px 18px 64px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid rgba(201,191,168,.16);margin-bottom:22px}.brand{font-family:var(--font-display-stack);font-size:20px;letter-spacing:.08em;color:var(--kinari)}.brand small{display:block;font-family:var(--font-body-stack);font-size:11px;letter-spacing:.18em;color:var(--kinari-dim);margin-top:2px}.koshi{position:relative;border:1px solid var(--kincha);border-radius:2px;background:rgba(18,15,14,.5);padding:26px 22px}.koshi:before{content:"";position:absolute;inset:6px;pointer-events:none;background-image:repeating-linear-gradient(90deg,rgba(184,145,90,.22) 0,rgba(184,145,90,.22) 1px,transparent 0,transparent 28px);opacity:.5}.koshi-line{position:relative;font-family:var(--font-display-stack);font-size:clamp(22px,6vw,30px);line-height:1.55;color:var(--kinari);text-shadow:0 1px 0 rgba(0,0,0,.4)}.koshi-meta{position:relative;margin-top:14px;font-size:13px;color:var(--kinari-dim)}.speaker-tag{display:inline-block;font-size:12px;letter-spacing:.06em;color:var(--kincha);border:1px solid rgba(184,145,90,.4);border-radius:999px;padding:2px 10px;margin-bottom:12px}.choices{display:flex;flex-direction:column;gap:10px;margin-top:20px}.choice{font-family:var(--font-body-stack);text-align:left;background:rgba(237,230,214,.04);color:var(--kinari);border:1px solid rgba(201,191,168,.28);border-radius:3px;padding:14px 16px;font-size:15px;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .12s ease}.choice:hover:not(:disabled){border-color:var(--kincha);background:rgba(184,145,90,.08)}.choice:active:not(:disabled){transform:translateY(1px)}.choice:disabled{cursor:default;opacity:.85}.choice.correct{border-color:var(--matcha);background:rgba(107,122,79,.16)}.choice.wrong{border-color:var(--bengara);background:rgba(168,82,63,.14)}.run-banner{display:flex;align-items:baseline;gap:10px;padding:8px 12px;border:1px solid rgba(184,145,90,.32);border-left:3px solid var(--kincha);border-radius:2px;background:rgba(184,145,90,.06)}.run-mode{font-family:var(--font-display-stack);font-size:16px;letter-spacing:.08em;color:var(--kincha)}.run-persona,.run-sub{font-size:12px;color:var(--kinari-dim)}.run-persona{margin-left:auto;border:1px solid rgba(201,191,168,.28);border-radius:999px;padding:2px 10px}.trust{margin:4px 0 2px}.trust-label{display:flex;justify-content:space-between;font-size:12px;color:var(--kinari-dim);margin-bottom:6px;letter-spacing:.04em}.trust-track{height:9px;background:rgba(0,0,0,.35);border:1px solid rgba(201,191,168,.2);border-radius:999px;overflow:hidden}.trust-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--matcha),var(--kincha));transition:width .5s ease,filter .5s ease,background .5s ease}.trust-fill.cooling{background:linear-gradient(90deg,var(--bengara-dark),var(--bengara));filter:saturate(.7) brightness(.85)}.scene-note{text-align:center;font-family:var(--font-display-stack);font-size:13px;letter-spacing:.06em;color:var(--kinari-dim)}.thread{display:flex;flex-direction:column;gap:10px}.bubble{max-width:86%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.65;animation:bubbleIn .32s ease both}.bubble .who{display:block;font-size:11px;letter-spacing:.04em;color:var(--kincha);margin-bottom:3px}.bubble.speaker{align-self:flex-start;background:rgba(237,230,214,.06);border:1px solid rgba(201,191,168,.22);border-bottom-left-radius:4px}.bubble.player{align-self:flex-end;text-align:right;background:rgba(168,82,63,.16);border:1px solid rgba(168,82,63,.4);border-bottom-right-radius:4px}.bubble.narration,.bubble.player .who{color:var(--kinari-dim)}.bubble.narration{align-self:center;max-width:100%;text-align:center;background:none;border:none;padding:2px 0;font-size:12.5px}.bubble.aizuchi-bubble{font-family:var(--font-display-stack);font-size:15px;transition:color .4s ease,border-color .4s ease,background .4s ease}.bubble.aizuchi-bubble.cold{color:var(--kinari-dim);border-color:rgba(61,74,87,.6);background:rgba(61,74,87,.12)}@keyframes bubbleIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.aizuchi{font-family:var(--font-display-stack);font-size:16px;color:var(--kinari);min-height:1.6em;margin-top:18px;padding-left:14px;border-left:2px solid var(--kincha);transition:color .4s ease,border-color .4s ease}.aizuchi.cold{color:var(--kinari-dim);border-left-color:var(--aizu)}.rank-badge{display:inline-flex;align-items:baseline;gap:8px;font-family:var(--font-display-stack)}.rank-badge .rank-name{font-size:18px;color:var(--kincha)}.rank-badge .rank-pts{font-size:12px;color:var(--kinari-dim);font-family:var(--font-body-stack)}.rank-progress{height:4px;background:rgba(0,0,0,.3);border-radius:999px;overflow:hidden;margin-top:6px;min-width:120px}.rank-progress>span{display:block;height:100%;background:var(--kincha);transition:width .6s ease}.modes{display:grid;grid-gap:14px;gap:14px;grid-template-columns:1fr}@media (min-width:520px){.modes{grid-template-columns:1fr 1fr}}.mode-card{text-align:left;background:rgba(237,230,214,.03);border:1px solid rgba(201,191,168,.22);border-radius:4px;padding:18px;cursor:pointer;color:var(--kinari);transition:border-color .18s ease,transform .12s ease}.mode-card:hover{border-color:var(--kincha)}.mode-card:active{transform:translateY(1px)}.mode-card h3{font-family:var(--font-display-stack);margin:0 0 6px;font-size:19px;color:var(--kincha)}.mode-card p{margin:0;font-size:13px;color:var(--kinari-dim)}.topbar-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.lang-toggle{display:inline-flex;border:1px solid rgba(201,191,168,.3);border-radius:999px;overflow:hidden}.lang-toggle button{font-family:var(--font-body-stack);background:transparent;border:none;color:var(--kinari-dim);padding:3px 11px;font-size:12px;cursor:pointer;transition:background .18s ease,color .18s ease}.lang-toggle button.active{background:rgba(184,145,90,.18);color:var(--kinari)}.entrance-langtoggle{display:flex;justify-content:center;margin-bottom:4px}.footer-links{margin-top:8px;font-size:12px}.footer-links a{color:var(--kinari-dim);text-decoration:none}.footer-links a:hover{color:var(--kincha);text-decoration:underline}.footer-links span{margin:0 6px;opacity:.5}.legal-page{max-width:720px;margin:0 auto;padding:32px 20px 64px;line-height:1.95;color:var(--kinari-dim)}.legal-page h1{font-size:26px;margin:0 0 12px}.legal-page h1,.legal-page h2{font-family:var(--font-display-stack);color:var(--kinari)}.legal-page h2{font-size:18px;margin:28px 0 6px}.legal-page a{color:var(--kincha)}.legal-page .back{display:inline-block;margin-bottom:18px}.legal-page ul{padding-left:1.3em;margin:6px 0}.legal-page li{margin:4px 0}.legal-page .meta{font-size:13px;margin-top:32px;opacity:.8}.tip-panel{margin-top:6px;padding:14px 16px;border:1px solid rgba(184,145,90,.28);border-radius:6px;background:rgba(184,145,90,.05)}.tip-lead{margin:0 0 10px;font-size:14px}.tip-btn{display:inline-block;text-decoration:none}.tip-note{margin:10px 0 0;font-size:12px;color:var(--kinari-dim)}.tip-inline{font-size:13px;opacity:.85}.difficulty-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.difficulty-label{font-size:13px;margin-right:2px}.difficulty-pill{font-family:var(--font-body-stack);background:transparent;border:1px solid rgba(201,191,168,.32);color:var(--kinari-dim);border-radius:999px;padding:5px 14px;font-size:13px;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}.difficulty-pill.active,.difficulty-pill:hover{border-color:var(--kincha)}.difficulty-pill.active{background:rgba(184,145,90,.14);color:var(--kinari)}.entrance{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:8px 0 4px;transition:opacity .6s ease,transform .7s cubic-bezier(.22,1,.36,1)}.entrance.entering{opacity:0;transform:scale(1.06)}.entrance-intro{transition:opacity .4s ease}.entrance.entering .entrance-intro{opacity:0}.entrance-title{font-size:40px;letter-spacing:.14em;margin:4px 0 0}.entrance-sub{color:var(--kincha);letter-spacing:.45em;font-size:12px;margin:2px 0 0;padding-left:.45em}.entrance-lead{color:var(--kinari-dim);line-height:2.1;font-size:15px;margin:8px 0 0}.noren-gate{position:relative;width:min(320px,78vw);height:210px;margin-top:6px;padding:0;border:none;background:none;cursor:pointer;display:block}.noren-glow{position:absolute;left:50%;top:60%;width:70%;height:60%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(184,145,90,.28),rgba(184,145,90,0) 70%);opacity:0;transition:opacity .6s ease;pointer-events:none}.entrance.entering .noren-glow{opacity:1}.noren-rod{position:absolute;top:0;left:1%;right:1%;height:12px;border-radius:6px;background:linear-gradient(#cda06a,#b8915a);box-shadow:0 2px 4px rgba(0,0,0,.3)}.noren-cloth{position:absolute;top:9px;left:0;right:0;bottom:0;gap:9px}.noren-cloth,.noren-panel{display:flex;justify-content:center}.noren-panel{position:relative;flex:1 1;max-width:92px;background:linear-gradient(#efe8d9,#e0d6bf);border-radius:3px 3px 0 0;-webkit-clip-path:polygon(0 0,100% 0,100% 86%,50% 100%,0 86%);clip-path:polygon(0 0,100% 0,100% 86%,50% 100%,0 86%);box-shadow:0 10px 20px rgba(0,0,0,.28);align-items:center;font-family:var(--font-display-stack);font-size:46px;font-weight:700;color:var(--bengara-dark);transform-origin:top center;transition:transform .62s cubic-bezier(.4,0,.2,1),opacity .5s ease}.noren-gate:focus-visible .noren-panel,.noren-gate:hover .noren-panel{transform:translateY(3px)}.entrance.entering .noren-panel{opacity:.7}.entrance.entering .noren-panel.p1{transform:translate(-115%,-120%) rotate(-9deg)}.entrance.entering .noren-panel.p2{transform:translateY(-185%) scaleX(.92)}.entrance.entering .noren-panel.p3{transform:translate(115%,-120%) rotate(9deg)}.entrance-cta{font-size:13px;letter-spacing:.12em;margin:2px 0 0}.entrance.entering .entrance-cta{opacity:0;transition:opacity .3s ease}.result{overflow:hidden}.slide-open{animation:slideOpen .6s cubic-bezier(.22,1,.36,1) both}@keyframes slideOpen{0%{-webkit-clip-path:inset(0 50% 0 50%);clip-path:inset(0 50% 0 50%);opacity:.2}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:1}}.score-big{font-family:var(--font-display-stack);font-size:56px;line-height:1;color:var(--kincha)}.reveal-box{margin-top:16px;padding:14px 16px;border:1px solid rgba(201,191,168,.2);border-radius:3px;background:rgba(0,0,0,.2);font-size:14px;color:var(--kinari)}.reveal-box .label{font-size:11px;letter-spacing:.14em;color:var(--kincha);display:block;margin-bottom:6px}.btn{font-family:var(--font-body-stack);background:var(--bengara);color:var(--kinari);border:none;border-radius:3px;padding:12px 22px;font-size:15px;cursor:pointer;transition:background .18s ease,transform .12s ease}.btn:hover{background:var(--bengara-dark)}.btn:active{transform:translateY(1px)}.btn.ghost{background:transparent;border:1px solid rgba(201,191,168,.4);color:var(--kinari)}.btn.ghost:hover{border-color:var(--kincha);background:rgba(184,145,90,.06)}.linklike{background:none;border:none;padding:0;margin:0;font:inherit;color:var(--kincha);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.linklike:hover{color:var(--kinari)}.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.text-input{width:100%;font-family:var(--font-body-stack);background:rgba(0,0,0,.3);color:var(--kinari);border:1px solid rgba(201,191,168,.3);border-radius:3px;padding:12px 14px;font-size:15px;resize:vertical}.text-input:focus{outline:none;border-color:var(--kincha)}.muted{color:var(--kinari-dim);font-size:13px}.center{text-align:center}.stack{display:flex;flex-direction:column;gap:16px}.footer{margin-top:48px;padding-top:18px;border-top:1px solid rgba(201,191,168,.14);font-size:12px;color:var(--kinari-dim);text-align:center;line-height:1.8}.pill{display:inline-block;font-size:11px;letter-spacing:.05em;padding:2px 9px;border-radius:999px;border:1px solid rgba(184,145,90,.4);color:var(--kincha)}.progress-dots{display:flex;gap:6px;margin-bottom:14px}.progress-dots>i{width:7px;height:7px;border-radius:999px;background:rgba(201,191,168,.25);display:inline-block}.progress-dots>i.done{background:var(--matcha)}.progress-dots>i.current{background:var(--kincha)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.slide-open{-webkit-clip-path:none;clip-path:none;opacity:1}}