:root{
  --ink:#17213b;--muted:#667085;--paper:#fffdf8;--line:#e5ded3;
  --blue:#1687e8;--blue2:#0d67bc;--pink:#ef5273;--pink2:#c93455;
  --yellow:#ffd74b;--yellow2:#d98a14;--purple:#7543bd;--shadow:0 14px 34px rgba(30,44,64,.16)
}
*{box-sizing:border-box}
html{background:#e9eef4}
body{margin:0;font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:var(--ink);background:#e9eef4}
button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}
button:focus-visible,input:focus-visible,a:focus-visible{outline:4px solid #ffb41f;outline-offset:2px}
.docchi-app{width:min(720px,100%);margin:0 auto;min-height:100vh;padding:12px 12px 44px;background:linear-gradient(rgba(250,252,255,.93),rgba(255,250,241,.96)),url("../../minna_wa_docchi_background_9x16.png") center/cover fixed}
.top-nav{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px}
.nav-pill{border:1px solid #d9e1ea;background:rgba(255,255,255,.94);color:var(--ink);text-decoration:none;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:900;box-shadow:0 4px 12px rgba(24,42,66,.08)}
.game-logo{width:min(470px,88%);margin:3px auto 12px;filter:drop-shadow(0 8px 14px rgba(25,43,68,.22))}
.screen-heading{text-align:center;margin:10px 0 15px}.screen-heading h1{margin:0 0 4px;font-size:clamp(26px,7vw,35px)}.screen-heading p{margin:0;color:var(--muted);line-height:1.55;font-weight:700}
.card{background:rgba(255,253,249,.96);border:1px solid rgba(225,217,205,.95);border-radius:22px;padding:17px;box-shadow:var(--shadow);margin-bottom:13px;backdrop-filter:blur(4px)}
.stack{display:grid;gap:10px}.btn{border:0;border-radius:16px;min-height:52px;padding:13px 16px;background:linear-gradient(#41a9ff,#147ad4);color:#fff;font-weight:1000;box-shadow:0 5px 0 #0755a2;touch-action:manipulation}.btn:active{transform:translateY(3px);box-shadow:0 2px 0 #0755a2}.btn.yellow{background:linear-gradient(#ffe66e,#ffc62c);color:#352b14;box-shadow:0 5px 0 #c98810}.btn.secondary{background:#edf2f7;color:var(--ink);box-shadow:0 4px 0 #c6d0dc}.btn.glass{background:rgba(255,255,255,.9);color:#284363;box-shadow:0 4px 0 rgba(68,87,107,.28)}.btn.full{width:100%}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}
.title-card{position:relative;min-height:calc(100vh - 24px);border-radius:28px;overflow:hidden;background:url("../../minna_wa_docchi_background_9x16.png") center 47%/cover no-repeat;display:grid;place-items:center;padding:26px 18px}
.title-shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.02),rgba(18,26,42,.08) 50%,rgba(18,26,42,.56) 100%)}
.title-content{position:relative;z-index:1;width:min(540px,100%);align-self:end;margin-bottom:4vh}.title-content .game-logo{width:100%;margin:0 auto 12px;max-height:240px;object-fit:contain}.title-copy{text-align:center;width:max-content;max-width:96%;margin:0 auto 16px;padding:8px 13px;border-radius:15px;background:rgba(255,255,255,.87);font-weight:900;color:#34445b;box-shadow:0 4px 14px rgba(27,49,79,.12)}
.mode-grid{display:grid;gap:13px}.mode-card{width:100%;text-align:left;border:0;border-radius:24px;padding:20px;color:var(--ink);box-shadow:var(--shadow);background:#fff}.mode-card.battle{background:linear-gradient(145deg,#eaf7ff,#fff)}.mode-card.secret{background:linear-gradient(145deg,#fff0f4,#fff)}.mode-card h2{font-size:28px;margin:3px 0 8px}.mode-card p{margin:0 0 13px;color:#526076;line-height:1.6;font-weight:750}.mode-kicker{font-size:11px;letter-spacing:.15em;color:#147ad4;font-weight:1000}.mode-card.secret .mode-kicker{color:#c93455}.mini-flow{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11px;font-weight:900;color:#4e5b70}.mini-flow span{padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.88);border:1px solid #dde5ed}
.setup-section h2{margin:0 0 3px;font-size:20px}.setup-section p{margin:0;color:var(--muted);font-size:12px;font-weight:750}.section-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.small-btn{border:1px solid #d6e0e9;background:#fff;border-radius:12px;padding:8px 11px;color:#506076;font-weight:900}.danger-text{color:#b32c42}.member-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.member-chip{padding:7px 9px;border:1px solid #dde5ed;border-radius:999px;background:#fff;font-size:12px;font-weight:850}
.choice-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.choice-chip{min-height:44px;border:2px solid #dbe4ed;border-radius:13px;background:#fff;color:#56657a;font-weight:1000}.choice-chip.selected{border-color:#55b2ee;background:#e9f6ff;color:#126fbd}
.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:11px}.category-chip{min-height:48px;border:2px solid #dce5ed;border-radius:14px;background:#fff;color:#536178;font-weight:900;padding:8px}.category-chip.selected{background:#e8f5ff;border-color:#62b8f2;color:#126fbd}.category-chip.deep{border-style:dashed}.category-chip.deep.selected{background:#f3eaff;border-color:#9c73d1;color:#6933a5}.category-chip small{display:block;font-size:9px;margin-top:2px}.deep-note{margin-top:10px!important;padding:8px 10px;border-radius:11px;background:#f8f2ff;color:#6d459b!important;line-height:1.55!important}
.switch-row{display:flex;gap:10px;align-items:center;margin-top:11px;font-weight:900}.switch-row input{width:22px;height:22px}.switch-row.disabled{opacity:.45}.pool-count{text-align:center;color:#667085;font-size:13px;font-weight:800;margin:4px 0 12px}.pool-count strong{color:#147ad4}
.count-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.member-edit-list{display:grid;gap:11px}.member-edit{margin:0}.member-line{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:center}.member-avatar{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#eaf6ff,#fff1db);font-size:31px;border:2px solid #fff;box-shadow:0 4px 10px rgba(27,49,79,.12)}.member-avatar.large{width:86px;height:86px;border-radius:25px;font-size:48px;margin:0 auto}.member-line label{display:grid;gap:4px;color:#6c7888;font-size:11px;font-weight:900}.member-line input{width:100%;min-width:0;padding:11px 12px;border:2px solid #dce5ed;border-radius:12px;font-size:16px}.icon-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-top:10px}.icon-choice{aspect-ratio:1;border:1px solid #dce5ed;border-radius:10px;background:#f8fafc;font-size:21px}.icon-choice.selected{outline:3px solid #1687e8;background:#e8f5ff}
.custom-form label{display:grid;gap:5px;color:#5f6c7f;font-size:12px;font-weight:900}.custom-form input{width:100%;min-width:0;border:2px solid #dce5ed;border-radius:13px;padding:11px 12px;background:#fff;color:var(--ink);font-size:16px}.custom-two{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0}.custom-list{display:grid;gap:7px;margin-top:11px}.custom-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px;border:1px solid #e0e6ed;border-radius:13px;background:#fff}.custom-item strong{display:block;font-size:13px}.custom-item span{display:block;margin-top:3px;color:#6d798b;font-size:11px}.custom-item button{border:0;background:#f7e9ec;color:#a3283d;border-radius:10px;padding:7px 9px;font-weight:900}.empty-text{text-align:center;color:#7b8797;margin:14px 0}
.rule-card h2{margin:4px 0 13px}.rule-card.secret .mode-kicker{color:#c93455}.rule-step{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;padding:8px 0;border-top:1px dashed #ddd}.rule-step b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e8f5ff;color:#147ad4}.rule-card.secret .rule-step b{background:#fff0f4;color:#c93455}.rule-step span{line-height:1.5;font-weight:800;color:#4e5b70}
.question-card{background:rgba(255,255,255,.96);border:1px solid #dfe6ed;border-radius:24px;padding:20px;text-align:center;box-shadow:var(--shadow);margin-bottom:12px}.question-category{display:inline-flex;padding:5px 10px;border-radius:999px;background:#27324a;color:#fff;font-size:11px;font-weight:1000}.question-category.deep{background:#7543bd}.question-card h2,.answer-card h2{font-size:clamp(23px,6.5vw,32px);line-height:1.45;margin:13px 0 16px}.answer-preview{display:grid;grid-template-columns:1fr auto 1fr;gap:9px;align-items:center}.answer-preview>div{min-height:100px;border-radius:18px;color:#fff;display:grid;place-items:center;align-content:center;gap:4px;padding:12px}.answer-preview>div:first-child{background:linear-gradient(155deg,#3aa9ff,#1475d4)}.answer-preview>div:last-child{background:linear-gradient(155deg,#ff8092,#e94465)}.answer-preview small{font-size:13px;font-weight:1000}.answer-preview strong{font-size:20px}.sensitive-note{padding:9px 11px;border-radius:12px;background:#f5edff;color:#6933a5;font-size:12px;line-height:1.55;font-weight:850;text-align:center}
.privacy-card{min-height:440px;border-radius:24px;padding:26px 18px;background:linear-gradient(160deg,#17263e,#09111f);color:#fff;box-shadow:var(--shadow);display:grid;place-items:center;align-content:center;text-align:center;gap:12px}.privacy-card h2{margin:0;font-size:25px;line-height:1.45}.privacy-card p{margin:0;color:#c9d3e0;font-weight:750}.hold-btn{width:min(360px,100%);position:relative;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none}.hold-btn span{position:relative;z-index:2}.hold-btn i{position:absolute;inset:0 auto 0 0;width:0;background:rgba(255,255,255,.36);z-index:1}.hold-btn.holding i{width:100%;transition:width .55s linear}
.answer-card{background:#fff;border:1px solid #dfe6ed;border-radius:24px;padding:19px;text-align:center;box-shadow:var(--shadow)}.big-answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.big-answers button{min-height:160px;border:0;border-radius:22px;color:#fff;padding:14px;font:inherit;box-shadow:0 7px 0 rgba(0,0,0,.14)}.big-answers button:first-child{background:linear-gradient(155deg,#3aa9ff,#1475d4)}.big-answers button:last-child{background:linear-gradient(155deg,#ff8092,#e94465)}.big-answers small{display:block;font-size:17px;font-weight:1000;margin-bottom:7px}.big-answers strong{font-size:clamp(20px,5.5vw,28px);line-height:1.35}
.predict-card{background:#fff;border:1px solid #dfe6ed;border-radius:24px;padding:20px;box-shadow:var(--shadow);text-align:center}.predict-card h2{font-size:24px;line-height:1.45;margin:0 0 15px}.predict-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.predict-grid button{min-height:120px;border:2px solid #dbe5ed;border-radius:20px;background:#f8fbfd;color:#34445b}.predict-grid strong{display:block;font-size:23px}.predict-grid span{display:block;margin-top:5px;font-size:11px;color:#6d798b;font-weight:800}
.cover-screen{min-height:calc(100vh - 24px);display:grid;place-items:center;align-content:center;text-align:center;gap:11px;padding:24px;border-radius:26px;background:linear-gradient(145deg,#f8fbff,#fff7e8)}.checkmark{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:#e5f8ed;color:#229a5d;font-size:48px;font-weight:1000}.cover-screen h1{margin:0}.cover-screen p{margin:0 0 5px;color:#667085;font-weight:750}.cover-screen .btn{width:min(420px,100%)}
.tally-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:13px}.tally-grid>div{min-height:145px;border-radius:22px;color:#fff;display:grid;place-items:center;align-content:center;gap:5px;padding:12px;text-align:center;box-shadow:var(--shadow)}.tally-grid .a{background:linear-gradient(155deg,#3aa9ff,#1475d4)}.tally-grid .b{background:linear-gradient(155deg,#ff8092,#e94465)}.tally-grid small{font-size:13px;font-weight:1000}.tally-grid span{font-size:17px;font-weight:900}.tally-grid strong{font-size:31px}.tie-note,.anonymous-banner{display:grid;gap:3px;padding:10px 12px;border-radius:13px;text-align:center;margin-bottom:12px;background:#fff4d8;color:#71591a;font-weight:800}.anonymous-banner{display:block;background:#f3eaff;color:#6933a5;font-weight:1000}
.battle-result-list{display:grid;gap:7px;margin-top:10px}.battle-result-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:7px;align-items:center;padding:9px 0;border-top:1px dashed #ddd}.battle-result-row span{font-weight:900}.battle-result-row strong{font-size:12px;color:#4f5d71}.battle-result-row em{font-size:10px;color:#7a8697;font-style:normal}.battle-result-row b{color:#147ad4}.talk-card{background:#fff8e7;border:1px solid #ecdcae;border-radius:22px;padding:18px;text-align:center;margin-bottom:13px}.talk-card h2{margin:0 0 6px;font-size:28px}.talk-card p{margin:0;color:#705a20;line-height:1.55;font-weight:850}.talk-card small{display:block;margin-top:8px;color:#7c6b3e}
.final-card{background:#fff;border:1px solid #dfe6ed;border-radius:24px;padding:24px;box-shadow:var(--shadow);display:grid;justify-items:center;text-align:center;gap:9px;margin-bottom:13px}.final-card h2{margin:0}.final-card p{margin:0;color:#667085;line-height:1.6;font-weight:750}.ranking-card{display:grid;gap:8px;margin-bottom:13px}.rank-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:9px;align-items:center;background:#fff;border:1px solid #dfe6ed;border-radius:16px;padding:13px;box-shadow:0 6px 15px rgba(30,44,64,.08)}.rank-row b{color:#147ad4}.rank-row span{font-weight:900}.rank-row strong{font-size:20px}.rank-1{border-color:#e7bd43;background:#fffbed}
@media(max-width:520px){
  .docchi-app{padding:9px 9px 36px}.title-card{min-height:calc(100vh - 18px);border-radius:23px;padding:18px 13px}.title-content{margin-bottom:3vh}
  .game-logo{width:92%}.mode-card{padding:17px}.mode-card h2{font-size:25px}.category-grid{grid-template-columns:1fr 1fr}.icon-grid{grid-template-columns:repeat(5,1fr)}
  .big-answers button{min-height:145px}.battle-result-row{grid-template-columns:minmax(0,1fr) auto}.battle-result-row em{grid-column:1}.battle-result-row b{grid-column:2}.battle-result-row strong{grid-column:2;grid-row:1}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}