/* Neon visual system: large, stable child-friendly controls on a cyber backdrop. */
:root{--ink:#e8fbff;--muted:#aac4d7;--cream:rgba(12,20,45,.91);--mint:#00f3ff;--sky:#00c6ff;--yellow:#ffe600;--pink:#ff4fa3;--violet:#a855f7;--line:#3c6385;--shadow:0 0 20px rgba(0,243,255,.25)}
body{font-family:"UD デジタル 教科書体 NK-B","UD Digi Kyokasho NK-B","BIZ UDPGothic",sans-serif}.logo{font-family:"M PLUS Rounded 1c",sans-serif}
body{background:#070913;color:var(--ink);position:relative}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 12% 0,#173466 0,transparent 32%),radial-gradient(circle at 92% 92%,#3d124f 0,transparent 37%),#070913}body:after{content:"";pointer-events:none;position:fixed;inset:0;z-index:9;opacity:.13;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(0,243,255,.18) 5px 6px)}
.logo{color:#fff}.logo span{background:#111d42;border:2px solid var(--mint);box-shadow:0 0 15px var(--mint)}.logo small{color:#b9d7e8}.status button{color:var(--ink);background:#101b3a;border-color:var(--mint);box-shadow:0 0 12px rgba(0,243,255,.3)}
.home-orbit{height:205px;display:grid;place-items:center;overflow:hidden;border:2px solid var(--mint);border-radius:29px;background:radial-gradient(circle,#253a76 0,#0b1028 67%);box-shadow:0 0 22px rgba(0,243,255,.27),inset 0 0 30px rgba(168,85,247,.2)}.home-orbit img{height:260px;object-fit:contain;filter:drop-shadow(0 0 15px rgba(255,230,0,.45))}.screen h2{color:#fff;text-shadow:0 0 10px var(--mint)}.screen h2 small{color:var(--muted)}
.card,.mode,.round,.game article,.bossCard,.rewardStats p,.friend{background:rgba(12,20,45,.9);border-color:#3ccfeb;color:var(--ink);box-shadow:0 0 18px rgba(0,243,255,.16)}.card:hover,.mode:hover{border-color:var(--pink);box-shadow:0 0 24px rgba(255,79,163,.45)}.card i{background:#101b3a;border-color:var(--mint)}.green{background:linear-gradient(135deg,rgba(0,243,255,.19),rgba(12,20,45,.94))}.purple,.violet{background:linear-gradient(135deg,rgba(168,85,247,.24),rgba(12,20,45,.94))}.yellow{background:linear-gradient(135deg,rgba(255,230,0,.18),rgba(12,20,45,.94))}.blue{background:linear-gradient(135deg,rgba(0,198,255,.24),rgba(12,20,45,.94))}.pink{background:linear-gradient(135deg,rgba(255,79,163,.23),rgba(12,20,45,.94))}
.always{background:#0e1430;border:2px solid var(--violet);box-shadow:0 0 22px rgba(168,85,247,.28)}.always strong{background:var(--yellow);border-color:#fff6ad}.learnHero{background:linear-gradient(100deg,#101b45,#21113c);border-color:var(--mint);box-shadow:0 0 22px rgba(0,243,255,.22)}.learnHero img{filter:drop-shadow(0 0 14px rgba(255,230,0,.45))}.tag{background:var(--yellow);color:#18213e}.primary{background:var(--mint);color:#07121e;border-color:var(--mint);box-shadow:0 0 13px var(--mint)}.back,.actions button{background:#111c3a;border-color:#55d2ef;color:var(--ink)}.plain{color:var(--mint)}.round>div,.progress>div,.coming>div{background:#060b1a;border-color:#50cce8}.round i,.progress i,.coming i{background:linear-gradient(90deg,var(--mint),var(--pink),var(--yellow))}.gameHead strong{background:#171b3d;color:var(--yellow);border:1px solid var(--yellow)}.listen{background:var(--yellow);border-color:var(--yellow);box-shadow:0 0 14px var(--yellow)}.choices button,.piece{background:#141e3e;color:#fff;border-color:var(--mint);box-shadow:0 0 10px rgba(0,243,255,.25)}.choices button:hover{background:#263f6c}.word{background:#111f40;border-color:var(--mint)}.slot{background:#0a1530;border-color:#6588aa;color:#fff}.slot.filled{border-color:var(--mint);background:#173f4c}.pageTitle>b{background:#171b3d;border-color:var(--yellow);color:var(--yellow)}.cell{background:#101a35;border-color:#446682;color:#7890a4}.cell.known{background:#123d4a;border-color:var(--mint);color:#fff}.bossCard.lock{background:#191630}.bossCard.lock img{filter:grayscale(1) brightness(.42)}#fight{background:linear-gradient(145deg,#1c1744,#0a2a4c);border-color:var(--pink)}.hp>div{background:#060b1a;border-color:var(--pink)}.hp i{background:linear-gradient(90deg,var(--pink),var(--yellow))}.coming{background:linear-gradient(135deg,#10133b,#370f52);border-color:var(--violet);box-shadow:0 0 28px rgba(168,85,247,.35)}dialog>div{background:#101a35;border-color:var(--mint);color:var(--ink)}dialog p,dialog small{color:var(--muted)}dialog label{border-color:#34506e}.danger{background:#35142b;color:#ffd5e6;border-color:var(--pink)}
.rush-field{height:300px;position:relative;overflow:hidden;border:2px solid var(--mint);background:linear-gradient(135deg,rgba(0,243,255,.08),rgba(168,85,247,.18));box-shadow:inset 0 0 30px rgba(0,243,255,.1)}.rush-bubble{position:absolute;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;border:3px solid var(--violet);background:#171447;color:#fff;font-size:35px;font-weight:900;box-shadow:0 0 15px var(--violet);animation:rush-move var(--speed) linear forwards}.rush-bubble.target{border-color:var(--mint);box-shadow:0 0 18px var(--mint)}.rush-bubble.bad{border-color:var(--pink);box-shadow:0 0 16px var(--pink)}@keyframes rush-move{from{left:-76px}to{left:calc(100% + 10px)}}
@media(max-width:760px){.home-orbit{height:165px}.home-orbit img{height:225px}}

.word-slots{display:flex;justify-content:center;gap:14px;min-height:90px}.word-slot{width:78px;height:78px;border:3px dashed #668aa7;border-radius:18px;background:#09142d;color:#fff;font-size:46px;font-family:inherit;box-shadow:inset 0 0 16px rgba(0,243,255,.11)}.word-slot.filled{border-style:solid;border-color:var(--mint);background:#143e4b;box-shadow:0 0 17px rgba(0,243,255,.52)}.kana-picker{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;direction:rtl;margin:17px auto;max-width:640px}.picker-kana{min-width:0;aspect-ratio:1;border:2px solid #436b8d;border-radius:9px;background:#111e40;color:#f4fbff;font-weight:900;font-size:clamp(17px,4.4vw,30px);line-height:1;font-family:inherit}.picker-kana:not(.empty):hover,.picker-kana.selected{border-color:var(--yellow);background:#403b1b;box-shadow:0 0 14px rgba(255,230,0,.6)}.picker-kana.used{visibility:hidden}.picker-kana.empty{opacity:0;pointer-events:none}
@media(max-width:430px){.kana-picker{gap:3px}.picker-kana{border-width:1px;border-radius:6px}.word-slot{width:68px;height:68px;font-size:40px}}