:root{--navy:#1b2350;--navy-2:#2b3670;--coral:#f2585f;--coral-ink:#b7373d;--gold:#e8b23e;--gold-ink:#8a6a12;--teal:#2f7d78;--blue:#3f6aa8;--ink:#1a1e2c;--ink-2:#464d61;--ink-3:#767d92;--surface:#ffffff;--surface-2:#f6f7fb;--surface-3:#eef1f8;--line:#e6e9f2;--line-2:#d5dae8;--sh-xs:0 1px 2px rgba(20,26,60,.06);--sh-sm:0 1px 2px rgba(20,26,60,.06),0 2px 6px rgba(20,26,60,.05);--sh-md:0 2px 4px rgba(20,26,60,.05),0 8px 20px -6px rgba(20,26,60,.12);--sh-lg:0 10px 24px -8px rgba(20,26,60,.18),0 30px 60px -24px rgba(20,26,60,.30);--sh-coral:0 6px 16px -4px rgba(242,88,95,.45);--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-pill:999px;--ring:0 0 0 3px rgba(63,106,168,.35)}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic Medium,Yu Gothic,Noto Sans JP,system-ui,-apple-system,Segoe UI,sans-serif;font-feature-settings:"palt" 1;letter-spacing:.012em;color:var(--ink);line-height:1.7;background:#141a3a;background:radial-gradient(120% 80% at 50% -10%,#29336b 0,#1b2350 42%,#141a3a 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:rgba(242,88,95,.22)}button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r-sm)}.app{max-width:900px;margin:0 auto;padding:0 16px 72px}.hidden{display:none!important}.row,header.bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}header.bar{justify-content:space-between;padding:20px 4px 18px;color:#fff}.logo{font-weight:900;font-size:21px;letter-spacing:.04em;color:#fff;text-decoration:none;display:inline-flex;align-items:center}.logo em{font-style:normal;color:var(--gold);margin:0 .06em;transform:translateY(-.02em);filter:drop-shadow(0 1px 6px rgba(232,178,62,.5))}.planbadge{font-size:11px;font-weight:700;letter-spacing:.02em;color:#cdd5f0;background:rgba(255,255,255,.06);border:1px solid rgba(205,213,240,.22);border-radius:var(--r-pill);padding:5px 13px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.planbadge.own{color:#ffe6a6;border-color:rgba(232,178,62,.5);background:rgba(232,178,62,.1)}.upbtn{font-size:12.5px;font-weight:800;letter-spacing:.02em;background:linear-gradient(180deg,#f4c257,var(--gold));color:#4a3600;border:none;border-radius:var(--r-pill);padding:8px 17px;box-shadow:0 4px 12px -3px rgba(232,178,62,.55);transition:transform .12s ease,box-shadow .12s ease}.upbtn:hover{transform:translateY(-1px);box-shadow:0 7px 16px -4px rgba(232,178,62,.65)}.upbtn:active{transform:translateY(0)}.panel{background:var(--surface);border-radius:var(--r-xl);padding:30px 26px;margin-top:12px;border:1px solid rgba(255,255,255,.5);box-shadow:var(--sh-lg)}h1{font-size:23px;font-weight:900;line-height:1.35;margin-bottom:6px;text-wrap:balance}h1,h2{color:var(--navy);letter-spacing:.01em}h2{font-size:16px;font-weight:800;margin:18px 0 9px}h2:first-child{margin-top:0}.sub{font-size:13px;color:var(--ink-2);line-height:1.8;text-wrap:pretty}.note{font-size:11.5px;line-height:1.75}.eyebrow,.note{color:var(--ink-3)}.eyebrow{display:inline-block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase}.b,.eyebrow{font-weight:800}.b{border:none;border-radius:var(--r-pill);padding:13px 28px;font-size:15px;letter-spacing:.02em;transition:transform .12s ease,box-shadow .12s ease,background .15s ease,border-color .15s ease}.b-main{background:linear-gradient(180deg,#f56a70,var(--coral));color:#fff;box-shadow:var(--sh-coral)}.b-main:hover{transform:translateY(-1px);box-shadow:0 10px 22px -5px rgba(242,88,95,.55)}.b-sub{background:var(--surface);color:var(--navy);border:1.5px solid var(--line-2)}.b-sub:hover{border-color:var(--navy-2);background:var(--surface-2)}.b-navy{background:var(--navy);color:#fff;box-shadow:var(--sh-sm)}.b-navy:hover{background:var(--navy-2);transform:translateY(-1px)}.b:active{transform:translateY(1px)}.b:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.b-sm{padding:8px 15px;font-size:12.5px;border-radius:var(--r-pill);border:none;font-weight:800;transition:transform .12s ease,filter .12s ease}.b-hint{background:var(--surface-2);color:var(--blue);border:1.5px solid color-mix(in srgb,var(--blue) 32%,#fff)}.b-hint:hover:not(:disabled){background:color-mix(in srgb,var(--blue) 8%,#fff)}.b-sm:active{transform:translateY(1px)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:11px;gap:11px;margin:16px 0}.cardslot,.pcard{display:flex;flex-direction:column}.pcard{min-height:152px;width:100%;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-md);padding:13px 12px;position:relative;overflow:hidden;animation:cardIn .42s cubic-bezier(.2,.7,.25,1) both}.pcard:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,0) 34%)}@keyframes cardIn{0%{transform:translateY(8px) scale(.985);opacity:0}to{transform:none;opacity:1}}.pcard .type{font-size:9.5px;font-weight:800;letter-spacing:.1em;align-self:flex-start;padding:4px 10px 4px 8px;border-radius:var(--r-pill);display:inline-flex;align-items:center;gap:5px}.pcard .type:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.9}.pcard .word{flex:1 1;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;font-size:16.5px;line-height:1.5;color:var(--navy);padding:10px 2px;text-wrap:balance}.pcard .cap{font-size:10.5px;color:var(--ink-3);line-height:1.55;border-top:1px solid var(--line);padding-top:8px}.pcard.back{cursor:pointer;align-items:center;text-align:center;font-family:inherit;border-style:dashed;border-color:color-mix(in srgb,var(--navy) 22%,var(--line));background:linear-gradient(160deg,#fbfcff,#e9edfb);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.pcard.back:hover{border-color:var(--navy-2);transform:translateY(-2px);box-shadow:var(--sh-lg)}.pcard.back:active{transform:translateY(0)}.pcard.back .back-mark{flex:1 1;display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--gold);filter:drop-shadow(0 2px 8px rgba(232,178,62,.45));animation:bob 2.6s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-3px)}}.pcard.back .back-hint{font-size:10.5px;color:var(--ink-3);font-weight:700;letter-spacing:.02em}.hero-wrap{display:flex;justify-content:center;margin:16px 0 18px}.pcard.hero{min-height:322px;width:min(86vw,300px);padding:22px 20px}.pcard.hero .type{font-size:11px;padding:5px 12px 5px 10px}.pcard.hero .word{font-size:25px;line-height:1.45;padding:14px 4px}.pcard.hero .cap{font-size:12px;padding-top:10px}.pcard.hero.back .back-mark{font-size:44px}.pcard.hero.back .back-hint{font-size:12px}.drawcue{text-align:center;padding:4px 0 14px}.drawcue-text{font-size:13.5px;color:var(--ink-2);font-weight:700;margin-bottom:13px;line-height:1.6}.c-target .type{color:var(--navy-2);background:color-mix(in srgb,var(--navy-2) 12%,#fff)}.c-theme .type{color:var(--blue);background:color-mix(in srgb,var(--blue) 12%,#fff)}.c-how .type{color:var(--teal);background:color-mix(in srgb,var(--teal) 13%,#fff)}.c-twist{background:linear-gradient(180deg,#fff,#fff5f5);border-color:color-mix(in srgb,var(--coral) 22%,var(--line))}.c-twist .type{color:var(--coral-ink);background:color-mix(in srgb,var(--coral) 13%,#fff)}.c-judge{background:linear-gradient(180deg,#fff,#fffaf0);border-color:color-mix(in srgb,var(--gold) 26%,var(--line))}.c-judge .type{color:var(--gold-ink);background:color-mix(in srgb,var(--gold) 16%,#fff)}.c-hint{background:linear-gradient(180deg,#fff,#f3f7ff);border-color:color-mix(in srgb,var(--blue) 20%,var(--line))}.c-hint .type{color:var(--blue);background:color-mix(in srgb,var(--blue) 12%,#fff)}.c-judge.rare{background:linear-gradient(165deg,#fffdf6,#fff3d6);border:1.5px solid var(--gold);box-shadow:0 0 0 1px rgba(232,178,62,.5),0 10px 26px -8px rgba(184,138,20,.5)}.c-judge.rare .type{color:#7a5c0a;background:color-mix(in srgb,var(--gold) 30%,#fff)}.c-judge.rare .word{color:#6a4e00}.c-judge.rare:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%);animation:sheen 3.4s ease-in-out infinite}@keyframes sheen{0%,65%{transform:translateX(-120%)}to{transform:translateX(120%)}}.sentence{position:relative;margin:8px 0 18px;padding:22px 26px 24px;background:radial-gradient(130% 130% at 50% 0,color-mix(in srgb,var(--navy) 4%,#fff) 0,var(--surface) 58%);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--sh-sm);text-align:center}.sentence .kicker{display:inline-flex;align-items:center;gap:7px;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}.sentence .kicker:after,.sentence .kicker:before{content:"";width:16px;height:1px;background:var(--line-2)}.sentence .line{font-size:16.5px;line-height:1.95;color:var(--ink-2);font-weight:500;text-wrap:balance}.sentence .line b{color:var(--navy);font-weight:800}.sentence .tw{display:inline;color:var(--coral-ink);font-weight:700}.redraw{display:block;margin:8px auto 0;background:none;border:none;color:var(--ink-3);font-size:11px;font-weight:700;letter-spacing:.02em;padding:4px 8px;border-radius:var(--r-pill);transition:color .12s ease,background .12s ease}.redraw:hover{color:var(--coral)}.coach,.redraw:hover{background:var(--surface-2)}.coach{margin:-6px 0 12px;padding:13px 16px;border:1px dashed var(--line-2);border-radius:var(--r-md)}.coach-label{display:block;font-size:11.5px;font-weight:800;color:var(--ink-3);letter-spacing:.02em;margin-bottom:9px}.coach-chips{display:flex;gap:8px;flex-wrap:wrap}.coach-chip{font-size:12px;font-weight:700;color:var(--blue);background:color-mix(in srgb,var(--blue) 9%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 24%,#fff);border-radius:var(--r-pill);padding:5px 13px}.coach-starter{font-size:12.5px;color:var(--ink-2);margin-top:10px;line-height:1.7}.coach-starter b{color:var(--navy);font-weight:800}.example{margin:0 0 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.example>summary{list-style:none;cursor:pointer;font-size:12.5px;font-weight:800;color:var(--navy);padding:12px 15px;display:flex;align-items:center;gap:6px;transition:background .12s ease}.example>summary:hover{background:var(--surface-2)}.example>summary::-webkit-details-marker{display:none}.example>summary:after{content:"＋";margin-left:auto;color:var(--ink-3);font-weight:700;font-size:15px}.example[open]>summary:after{content:"－"}.example[open]>summary{border-bottom:1px solid var(--line)}.example-body{padding:13px 15px}.ex-prompt{font-size:12px;font-weight:700;color:var(--ink-3);letter-spacing:.01em}.ex-idea{font-size:13.5px;color:var(--ink);margin-top:7px;line-height:1.75}.timer{font-size:58px;font-weight:900;color:var(--navy);text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.01em;line-height:1.1;margin:4px 0 2px}.timer.red{color:var(--coral);animation:breathe 1.4s ease-in-out infinite}@keyframes breathe{50%{opacity:.5}}.timerrow{gap:10px;justify-content:center;margin:8px 0 16px}.team,.timerrow{display:flex;flex-wrap:wrap}.team{border:1px solid var(--line);border-radius:var(--r-lg);padding:15px 16px;margin:11px 0;align-items:center;gap:12px;background:var(--surface);box-shadow:var(--sh-xs);transition:border-color .15s ease,box-shadow .15s ease}.team:hover{border-color:var(--line-2)}.team .nm{font-weight:800;color:var(--navy);font-size:15px;letter-spacing:.01em}.team.scorecard{flex-direction:column;align-items:stretch;gap:12px;flex-wrap:nowrap}.team-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.team-top .nm{min-width:0}.team-tags{gap:7px}.team-bottom,.team-tags{display:flex;flex-wrap:wrap}.team-bottom{align-items:center;gap:9px 12px}.team-bottom .summon-btn{margin-left:auto}.team-count{font-size:13px;font-weight:800;color:var(--gold-ink);white-space:nowrap}.team input[type=text]{border:1.5px solid var(--line-2);border-radius:var(--r-md);padding:9px 13px;font-family:inherit;font-size:14px;flex:1 1;min-width:120px;color:var(--ink);background:var(--surface-2);transition:border-color .15s ease,background .15s ease}.team input[type=text]:focus{border-color:var(--navy-2);background:#fff;outline:none}.chips{display:flex;gap:5px}.chip{width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,var(--blue) 15%,#fff);color:var(--blue);font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--blue) 30%,#fff)}.chip.used{background:var(--surface-3);color:var(--ink-3);border-color:var(--line);opacity:.6}.trophies{display:flex;gap:5px;flex-wrap:wrap}.tro{font-size:10.5px;font-weight:700;background:color-mix(in srgb,var(--gold) 12%,#fff);color:var(--gold-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 40%,#fff)}.streak,.tro{letter-spacing:.01em;border-radius:var(--r-pill);padding:3px 11px}.streak{background:color-mix(in srgb,var(--coral) 10%,#fff);color:var(--coral-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--coral) 34%,#fff)}.matchpoint,.streak{font-size:11px;font-weight:800}.matchpoint{letter-spacing:.04em;background:var(--navy);color:var(--gold);border-radius:var(--r-pill);padding:3px 12px;box-shadow:0 2px 8px -2px rgba(27,35,80,.5)}.summon{margin-left:auto}.winbtn{background:var(--surface);border:1.5px solid var(--line-2);color:var(--navy);font-weight:800;border-radius:var(--r-md);padding:12px 18px;font-size:13.5px;box-shadow:var(--sh-xs);transition:border-color .14s ease,box-shadow .14s ease,transform .12s ease,background .14s ease}.winbtn:hover{border-color:var(--coral);background:color-mix(in srgb,var(--coral) 5%,#fff);box-shadow:var(--sh-sm);transform:translateY(-1px)}.winbtn:active{transform:translateY(0)}.modal-bg{position:fixed;inset:0;background:rgba(15,20,48,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:50;padding:18px;animation:fade .18s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:var(--r-xl);max-width:640px;width:100%;padding:28px;max-height:88vh;overflow:auto;box-shadow:var(--sh-lg);animation:rise .26s cubic-bezier(.2,.7,.25,1)}@keyframes rise{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:14px;gap:14px;margin:16px 0}.plan{border:1px solid var(--line-2);border-radius:var(--r-lg);padding:18px;background:var(--surface)}.plan.hot{position:relative;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(160deg,var(--coral),var(--gold)) border-box;border:1.5px solid transparent;box-shadow:var(--sh-md)}.plan.hot:before{content:"おすすめ";position:absolute;top:-11px;left:16px;background:linear-gradient(180deg,#f56a70,var(--coral));color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;border-radius:var(--r-pill);padding:3px 11px;box-shadow:var(--sh-coral)}.plan .pn{font-size:11px;font-weight:800;color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase}.plan.hot .pn{color:var(--coral-ink)}.plan .pr{font-size:27px;font-weight:900;color:var(--navy);margin:6px 0;letter-spacing:.01em}.plan .pr small{font-size:11px;color:var(--ink-3);font-weight:500}.plan ul{margin-left:1.15em;margin-top:4px}.plan li{font-size:12px;margin:5px 0;color:var(--ink-2);line-height:1.6}.modal input[type=text]{border:1.5px solid var(--line-2);border-radius:var(--r-md);padding:11px 13px;font-family:inherit;font-size:14px;color:var(--ink);background:var(--surface-2)}.modal input[type=text]:focus{border-color:var(--navy-2);background:#fff;outline:none}textarea{width:100%;border:1.5px solid var(--line-2);border-radius:var(--r-md);padding:12px;font-family:inherit;font-size:13.5px;margin-top:8px;resize:vertical;color:var(--ink);background:var(--surface-2);line-height:1.7}textarea:focus{border-color:var(--navy-2);background:#fff;outline:none}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:rgba(20,24,52,.96);color:#fff;font-size:13px;font-weight:600;border-radius:var(--r-pill);padding:11px 22px;z-index:99;box-shadow:var(--sh-lg);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:toastIn .3s cubic-bezier(.2,.7,.25,1);max-width:calc(100vw - 32px);text-align:center}@keyframes toastIn{0%{transform:translate(-50%,12px);opacity:0}to{transform:translate(-50%);opacity:1}}footer.site{color:#9aa3ca;font-size:11px;text-align:center;margin-top:30px;line-height:2}footer.site a{color:#c2caea;text-decoration:none;border-bottom:1px solid rgba(194,202,234,.3);padding-bottom:1px}footer.site a:hover{color:#fff;border-color:rgba(255,255,255,.6)}.deckrow{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0}.deck{font-size:12.5px;font-weight:800;letter-spacing:.01em;border-radius:var(--r-pill);padding:9px 17px;border:1.5px solid var(--line-2);background:var(--surface);color:var(--navy);transition:border-color .14s ease,background .14s ease,color .14s ease,transform .12s ease}button.deck:hover{border-color:var(--navy-2)}.deck.on{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:var(--sh-sm)}.deck.lock{color:var(--ink-3);background:var(--surface-2)}.hero{color:#fff;padding:54px 0 44px;position:relative}.hero .eyebrow{color:#b9c2ea;margin-bottom:16px}.hero h1.big{font-size:clamp(32px,6.2vw,50px);font-weight:900;color:#fff;line-height:1.28;letter-spacing:.01em;text-wrap:balance}.hero h1.big em{font-style:normal;color:var(--gold);filter:drop-shadow(0 2px 14px rgba(232,178,62,.45))}.hero p.lead{color:#c4ccec;font-size:15.5px;line-height:1.9;max-width:620px;margin-top:16px;text-wrap:pretty}.spark{display:inline-block;border-radius:50%;filter:blur(1px);opacity:.85}.spark.a{background:radial-gradient(circle,var(--gold),transparent 70%)}.spark.b{background:radial-gradient(circle,var(--coral),transparent 70%)}.steps3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px;margin-top:18px}.step3{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;transition:transform .16s ease,box-shadow .16s ease}.step3:hover{transform:translateY(-2px);box-shadow:var(--sh-md)}.step3 .n{width:36px;height:36px;border-radius:50%;background:linear-gradient(160deg,var(--navy-2),var(--navy));color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:var(--sh-sm)}.step3.hl{background:linear-gradient(165deg,#232c66,var(--navy));border-color:transparent;color:#fff}.step3.hl .n{background:linear-gradient(160deg,#f56a70,var(--coral));box-shadow:var(--sh-coral)}.step3 h3{margin:12px 0 5px;font-size:16px;font-weight:800;color:var(--navy)}.step3.hl h3{color:#fff}.step3 p{font-size:12.5px;color:var(--ink-2);line-height:1.75}.step3.hl p{color:#c8cff0}.legal-body{font-size:14px;color:var(--ink-2)}.legal-body h1{margin-bottom:4px}.legal-body h2{margin-top:24px;font-size:15px}.legal-body p{margin-top:4px;line-height:1.85}.legal-body table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px}.legal-body td,.legal-body th{border:1px solid var(--line);padding:10px 13px;text-align:left}.legal-body th{background:var(--surface-2);color:var(--navy);white-space:nowrap;font-weight:700}@media (min-width:600px){.cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.pcard{aspect-ratio:63/88;min-height:210px;padding:15px 14px}.pcard .word{font-size:18px}.pcard.hero{aspect-ratio:auto;min-height:340px}}@media (max-width:560px){.app{padding:0 12px 64px}.panel{padding:22px 16px;border-radius:var(--r-lg)}.sentence{padding:18px 18px 20px}.sentence .line{font-size:15px}.timer{font-size:48px}h1{font-size:21px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}