:root{--paper:#f4ead4;--paper-2:#e7d9bc;--ink:#1b1510;--ink-soft:#3d3a34;--muted:#7a7368;--line:#cbb89a;--vermilion:#c41e3a;--vermilion-deep:#8e241c;--gold:#d4a017;--navy:#141c28;--navy-2:#243044;--night:#0a1018;--safe-b:env(safe-area-inset-bottom);--nav-h:calc(62px + var(--safe-b))}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--night);color:var(--ink);-webkit-tap-highlight-color:transparent;font-family:Zen Maru Gothic,PingFang SC,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.ico{width:22px;height:22px;display:block}.viewport{background:radial-gradient(900px 480px at 50% -8%, #3a1c22 0%, var(--night) 58%);justify-content:center;min-height:100dvh;display:flex}.viewport.seigaiha{background-color:#120c0a;background-image:radial-gradient(circle at 50% -20%,#5a1f28 0%,#0000 46%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='72' height='42'><path d='M0 30c6 0 9-8 18-8s12 8 18 8 9-8 18-8 12 8 18 8' fill='none' stroke='%23c41e3a' stroke-opacity='.18' stroke-width='1.4'/></svg>")}.phone{background:var(--paper);flex-direction:column;width:min(100vw,430px);height:100dvh;display:flex;position:relative;overflow:hidden}.phone.boot{background:#120c0a;width:min(100vw,820px)}.phone:before{content:"";pointer-events:none;opacity:.16;mix-blend-mode:multiply;z-index:20;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='.35'/></svg>");position:absolute;inset:0}.crash{text-align:center;background:var(--navy);min-height:100dvh;color:var(--paper);place-items:center;padding:32px;display:grid}.crash-msg{color:#c9b89a;font-size:13px}.gate,.setup{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:auto}.gate{color:var(--paper)}.gate-bg{object-fit:cover;filter:saturate(1.05)contrast(1.05);width:100%;height:100%;position:absolute;inset:0}.gate-veil{background:linear-gradient(#0a080826 0%,#0a08088c 48%,#080606e0 100%);position:absolute;inset:0}.curtain{z-index:6;transition:transform 1.15s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;overflow:hidden;transform:translateY(0)}.curtain.up{transform:translateY(-108%)}.curtain img{object-fit:cover;width:100%;height:100%}.gate-body{z-index:4;flex-direction:column;flex:1;justify-content:flex-end;gap:10px;padding:28px 28px 36px;display:flex;position:relative}.brand{letter-spacing:.22em;text-shadow:0 8px 24px #00000073;margin:0;font-family:Shippori Mincho,serif;font-size:clamp(36px,8vw,64px);font-weight:700}.gate p,.lede{color:#eadcc4;margin:0;line-height:1.75}.lede.fat{max-width:36em;font-size:16px}.seal{border:3px solid var(--vermilion);color:var(--vermilion);letter-spacing:.22em;opacity:0;align-self:flex-start;padding:6px 14px;font-family:Shippori Mincho,serif;transform:rotate(-9deg)scale(.4)}.seal.slam{animation:.45s cubic-bezier(.2,1.4,.3,1) forwards slam}@keyframes slam{to{opacity:1;transform:rotate(-9deg)scale(1)}}.sign-svg{filter:drop-shadow(0 10px 18px #0006);width:92px;height:auto}.sign-svg.large{width:min(42vw,180px)}.btn{background:var(--vermilion);color:#fff;letter-spacing:.12em;box-shadow:0 8px 0 var(--vermilion-deep);border:0;border-radius:2px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;display:inline-flex}.btn:active{box-shadow:0 4px 0 var(--vermilion-deep);transform:translateY(2px)}.btn:disabled{opacity:.45;box-shadow:none}.btn.ghost{color:var(--ink);border:1px solid var(--line);box-shadow:none;background:0 0}.btn.navy{background:var(--navy);color:var(--paper);box-shadow:none}.btn.full{width:100%}.btn.small{box-shadow:none;padding:8px 12px;font-size:13px}.btn.huge{letter-spacing:.18em;padding:16px 20px;font-size:17px}.btn .ico{width:20px;height:20px}.setup{background:var(--paper);color:var(--ink);padding:22px 22px 36px}.setup-hero{align-items:center;gap:16px;margin-bottom:8px;display:flex}.setup h1{letter-spacing:.14em;color:var(--navy);margin:0 0 6px;font-family:Shippori Mincho,serif;font-size:clamp(28px,5vw,42px)}.setup section{margin:18px 0}.setup h2,.paper-card h2{letter-spacing:.12em;border-left:3px solid var(--vermilion);margin:0 0 10px;padding-left:8px;font-family:Shippori Mincho,serif;font-size:15px}.paper-card{border:1px solid var(--line);background:#fffdf6;border-radius:4px;padding:16px 16px 18px;box-shadow:4px 6px #1b15100f}.chip-row{flex-wrap:wrap;gap:8px;margin:6px 0 10px;display:flex}.chip{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:99px;padding:6px 12px;font-size:12px}.chip.on{background:var(--vermilion);border-color:var(--vermilion);color:#fff}.hint.bad{color:var(--vermilion)}.hint.good{color:#2c6b3c}label{color:var(--muted);margin:10px 0 4px;font-size:12px;display:block}input,textarea,select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffdf6;border-radius:6px;padding:10px 12px}textarea{resize:vertical;min-height:72px}.row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hint{color:var(--muted);margin:6px 0 0;font-size:12px}.topbar{background:var(--navy);height:52px;color:var(--paper);z-index:5;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 14px;display:flex}.topbar .yen{color:var(--gold);font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:flex}.topbar .yen .ico{width:16px;height:16px}.topbar .loc{letter-spacing:.08em;font-family:Shippori Mincho,serif;font-size:15px}.stage{min-height:0;padding-bottom:var(--nav-h);flex:1;position:relative;overflow:auto}.stage.is-play{flex-direction:column;display:flex;overflow:hidden}.stage.is-play .play{height:100%}.nav{height:var(--nav-h);padding-bottom:var(--safe-b);border-top:1px solid var(--line);z-index:8;background:#fffdf8;grid-template-columns:repeat(5,1fr);display:grid;position:absolute;bottom:0;left:0;right:0}.nav button{color:var(--muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;display:flex}.nav button.on{color:var(--vermilion)}.nav svg{width:20px;height:20px}.sheet{padding:16px 16px 28px}.sheet h1{letter-spacing:.08em;margin:4px 0 12px;font-family:Shippori Mincho,serif;font-size:22px}.sub{color:var(--muted);margin:0 0 16px;font-size:13px}.hero-card{background:var(--navy);color:var(--paper);border-radius:14px;margin-bottom:14px;padding:18px 16px 16px;position:relative;overflow:hidden}.hero-card:after{content:"万事屋";opacity:.08;letter-spacing:.2em;font-family:Shippori Mincho,serif;font-size:64px;position:absolute;bottom:-18px;right:-6px}.hero-card .name{margin:0;font-family:Shippori Mincho,serif;font-size:24px}.stat-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.stat{background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;padding:8px 10px}.stat b{color:var(--gold);font-size:16px;display:block}.stat span{color:#b9c4d4;font-size:11px}.bond-row{gap:10px;padding-bottom:6px;display:flex;overflow-x:auto}.bond-chip{text-align:center;border:1px solid var(--line);background:#fffdf6;border-radius:10px;flex:none;width:76px;padding:8px 6px}.bond-chip img,.face{object-fit:cover;object-position:top;background:#ddd3bf;border-radius:50%;width:52px;height:52px;margin:0 auto 6px}.face{color:var(--muted);place-items:center;font-size:12px;display:grid}.bond-chip .nm{font-size:12px}.bond-chip .lv{color:var(--vermilion);font-size:10px}.section-title{letter-spacing:.16em;margin:18px 0 10px;font-family:Shippori Mincho,serif;font-size:14px}.play{flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.scene{isolation:isolate;z-index:1;background:#151b24;flex-shrink:0;height:158px;position:relative;overflow:hidden;transform:translateZ(0)}.scene img.bg{object-fit:cover;filter:saturate(.92);width:100%;height:100%}.scene img.bg.ken{animation:18s ease-in-out infinite alternate ken}@media (prefers-reduced-motion:reduce){.scene img.bg.ken{animation:none}}@keyframes ken{0%{transform:scale(1)}to{transform:scale(1.08)translateY(-2%)}}.line.pop{animation:.35s popin}.narration.fadein{animation:.45s fadein}@keyframes popin{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.scene .blank{background:linear-gradient(#1c2736 0%,#2b3544 100%);height:100%}.scene .veil{background:linear-gradient(#0000 40%,#0e141c8c 100%);position:absolute;inset:0}.cast{pointer-events:none;justify-content:center;align-items:flex-end;gap:8px;height:132px;padding:0 10px 2px;display:flex;position:absolute;bottom:0;left:0;right:0}.cast img{object-fit:cover;object-position:top;filter:drop-shadow(0 8px 10px #00000059);border-radius:10px 10px 0 0;width:84px;height:118px;margin:0}.cast-one{flex-direction:column;flex-shrink:0;align-items:center;width:84px;margin:0;display:flex}.cast-tag{flex-direction:column;justify-content:flex-end;align-items:center;width:auto;max-width:88px;margin:0;padding-bottom:4px;display:flex}.cast-tag .face{color:#f3ead6;background:#141820b8;border-radius:50%;width:44px;height:44px;margin:0 0 4px;font-size:14px}.cast-one .face{color:#f3ead6;background:#1418208c;border-radius:10px 10px 0 0;width:84px;height:118px;margin:0;font-size:22px}.cast-one figcaption{text-align:center;color:#f3ead6;background:#0a0c109e;border-radius:0 0 8px 8px;width:100%;padding:3px 0 5px;font-size:11px}.scene-meta{color:#f3ead6;letter-spacing:.08em;background:#0e141c8c;border-radius:99px;padding:4px 10px;font-size:12px;position:absolute;top:12px;left:12px}.log{background:var(--paper);z-index:2;flex:1;padding:12px 16px 8px;position:relative;overflow:auto}.you{justify-content:flex-end;margin:10px 0 8px;display:flex}.you span{max-width:85%;color:var(--paper);background:var(--navy);text-align:left;border-radius:12px 12px 4px;padding:8px 12px;font-size:14px;line-height:1.6}.narration{white-space:pre-wrap;margin:0 0 10px;font-size:15px;line-height:1.85}.line{border:1px solid var(--line);border-left:3px solid var(--navy);white-space:pre-wrap;background:#fffdf8;border-radius:0 10px 10px 0;margin:0 0 10px;padding:10px 12px;line-height:1.7}.composer{border-top:1px solid var(--line);z-index:7;background:#fffdf8;flex-shrink:0;padding:8px 10px 10px;position:relative}.sugs{grid-template-columns:1fr 1fr;gap:6px;padding-bottom:8px;display:grid}.sugs button{border:1px solid var(--line);background:var(--paper);text-align:left;-webkit-line-clamp:2;white-space:normal;border-radius:10px;-webkit-box-orient:vertical;padding:7px 10px;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.tools{gap:8px;margin-bottom:6px;display:flex}.tools button,.icon-btn{color:var(--muted);background:0 0;border:0;padding:0;font-size:12px}.send-row{align-items:flex-end;gap:8px;display:flex}.send-row textarea{min-height:44px;max-height:120px}.busy{color:var(--muted);align-items:center;gap:8px;padding:6px 2px;font-size:13px;display:flex}.ink{background:var(--vermilion);border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite drip}@keyframes drip{0%,to{opacity:.5;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}.toast{background:var(--navy);color:var(--paper);z-index:30;text-align:left;border-radius:8px;margin:0 10px 8px;padding:10px 12px;font-size:13px}.grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.place{color:var(--paper);text-align:left;background:#1a2330;border:0;border-radius:12px;min-height:110px;padding:0;position:relative;overflow:hidden}.place img{object-fit:cover;opacity:.85;width:100%;height:110px}.place .blank-bg{background:linear-gradient(160deg,#243044,#1a2330);height:110px}.place figcaption{background:linear-gradient(#0000,#0a0e14d9);padding:18px 10px 10px;font-family:Shippori Mincho,serif;position:absolute;bottom:0;left:0;right:0}.place .txt-only{padding:16px 12px}.roster{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.r-card{border:1px solid var(--line);text-align:center;background:#fffdf6;border-radius:10px;padding:8px 6px 10px}.r-card.dim{opacity:.55}.r-card img,.r-card .face{object-fit:cover;object-position:top;border-radius:8px;width:64px;height:64px;margin:0 auto 6px}.r-card .nm{font-size:12px}.r-card .fc{color:var(--muted);font-size:10px}.bond-page{padding:16px}.bond-hero{background:var(--navy);border-radius:14px;height:280px;margin-bottom:14px;position:relative;overflow:hidden}.bond-hero img{object-fit:cover;object-position:top;width:100%;height:100%}.bond-hero .no{color:#d7cbb3;place-items:center;height:100%;font-family:Shippori Mincho,serif;font-size:28px;display:grid}.meter{background:#e6d8bf;border-radius:99px;height:8px;margin:8px 0 14px;overflow:hidden}.meter i{background:var(--vermilion);height:100%;display:block}.quote{border:1px dashed var(--line);background:#fffdf6;border-radius:8px;padding:12px;line-height:1.7}.room{border:1px solid var(--line);background:linear-gradient(#d9c7a3 0 38px,#c9a06a 38px 42px,#efe3c8 42px 100%);border-radius:14px;height:260px;margin-bottom:14px;position:relative;overflow:hidden}.room .tatami{opacity:.7;background:repeating-linear-gradient(90deg,#e7d7b0 0 48px,#decd9f 48px 50px);position:absolute;inset:48px 0 0}.room .door{background:linear-gradient(#f7efdc,#e8d8b6);border:2px solid #8a6a3a;width:70px;height:120px;position:absolute;top:8px;left:18px;box-shadow:inset 0 0 0 6px #f3ead6}.sit{gap:8px;display:flex;position:absolute;bottom:18px;left:90px}.sit img,.sit .face{object-fit:cover;object-position:top;border:2px solid #fff;border-radius:8px 8px 4px 4px;width:56px;height:70px}.bag-list{flex-direction:column;gap:8px;display:flex}.bag-item{border:1px solid var(--line);background:#fffdf6;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.more-sheet{left:0;right:0;bottom:var(--nav-h);border-top:1px solid var(--line);z-index:9;background:#fffdf8;border-radius:16px 16px 0 0;grid-template-columns:1fr 1fr;gap:8px;padding:14px 16px 18px;display:grid;position:absolute}.more-sheet button{border:1px solid var(--line);background:var(--paper);text-align:left;border-radius:10px;align-items:center;gap:8px;padding:12px;display:flex}.more-sheet .ico{width:20px;height:20px;color:var(--vermilion)}.switch{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.range{width:100%}.work-list{flex-direction:column;gap:10px;display:flex}.job{border:1px solid var(--line);text-align:left;background:#fffdf6;border-radius:12px;padding:12px}.job b{margin-bottom:4px;font-family:Shippori Mincho,serif;display:block}.arena{background:var(--navy);min-height:280px;color:var(--paper);border-radius:14px;padding:16px;position:relative;overflow:hidden}.lane{background:#2c3a4e;border-radius:99px;height:18px;margin:40px 0;position:relative}.lane .zone{border:1px solid var(--vermilion);background:#c23a2b73;position:absolute;top:-6px;bottom:-6px}.lane .needle{background:var(--gold);border-radius:2px;width:6px;height:34px;position:absolute;top:-8px}.grid-tap{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.cell{aspect-ratio:1;background:#2c3a4e;border:0;border-radius:10px;font-size:22px}.cell.cat{background:#c23a2b}.reels{justify-content:center;gap:8px;margin:24px 0;font-family:Shippori Mincho,serif;font-size:42px;display:flex}.mash{background:var(--vermilion);color:#fff;letter-spacing:.12em;border:0;border-radius:12px;width:100%;height:88px;font-size:18px}.locked{text-align:center;color:var(--muted);padding:40px 20px}@media (width>=900px){.phone{border-radius:18px;height:min(100dvh,900px);margin:12px 0;box-shadow:0 24px 80px #00000073}.phone.boot{height:100dvh;box-shadow:none;border-radius:0;margin:0}.viewport{align-items:center}}.boot-wait{text-align:center;color:var(--paper);flex:1;place-items:center;display:grid}.petals{pointer-events:none;z-index:18;position:absolute;inset:0;overflow:hidden}.petal{color:#c41e3a;opacity:.55;animation:linear infinite fall;position:absolute;top:-24px}.petal .ico{width:18px;height:18px}.petal.ufo{color:#d4a017;opacity:.7}.petal.ufo .ico{width:26px;height:26px}@keyframes fall{to{transform:translateY(110dvh)rotate(220deg)}}.floaters{pointer-events:none;z-index:16;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:70px;left:0;right:0}.floater{color:var(--vermilion);border:1px solid var(--vermilion);background:#f3ead4eb;padding:4px 10px;font-family:Shippori Mincho,serif;animation:1.5s forwards floatup}.floater.is-yen{color:#8a6a12;border-color:var(--gold)}@keyframes floatup{0%{opacity:0;transform:translateY(12px)}30%{opacity:1}to{opacity:0;transform:translateY(-40px)}}.ink-wipe{z-index:17;pointer-events:none;background:radial-gradient(circle at 30% 40%,#1b1510 0 28%,#0000 29%),radial-gradient(circle at 70% 55%,#1b1510 0 24%,#0000 25%),radial-gradient(circle at 50% 80%,#1b1510 0 32%,#0000 33%);animation:.7s forwards wipe;position:absolute;inset:0}@keyframes wipe{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}