.pipo-companion{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:45;display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-family:inherit;color:var(--text,#eff6f4)}
.pipo-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:var(--surface,#14232c);border:1px solid var(--line,#2c454d);box-shadow:0 8px 28px #0003;border-radius:28px;padding:4px 10px 9px;min-width:84px;min-height:104px;color:var(--text,#eff6f4)}
.pipo-toggle:hover{border-color:var(--accent,#4ee2b4);transform:translateY(-2px)}.pipo-character{object-fit:contain;display:block;width:72px;height:72px;animation:pipo-wave .7s ease-out both}.pipo-toggle span{display:flex;align-items:center;gap:6px;font-size:.875rem;font-weight:700}.pipo-toggle span svg{color:var(--accent,#4ee2b4)}
.pipo-bubble{width:min(340px,calc(100vw - 36px));padding:18px;background:var(--surface,#14232c);border:1px solid var(--line,#2c454d);border-top:3px solid var(--accent,#4ee2b4);border-radius:22px 22px 6px 22px;box-shadow:0 16px 50px #0004;animation:pipo-appear .2s ease-out;max-height:calc(100dvh - 150px);overflow:auto}
.pipo-bubble-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.pipo-bubble-head>span{display:flex;align-items:center;gap:6px;color:var(--accent,#4ee2b4);font-size:.875rem;font-weight:700}.pipo-close{width:32px;height:32px;display:grid;place-items:center;color:var(--muted,#b3c8c5);background:transparent;border:0;cursor:pointer;border-radius:8px}.pipo-bubble p{font-size:1rem;line-height:1.6;margin:12px 0 16px}.pipo-actions{display:flex;flex-wrap:wrap;gap:8px}.pipo-actions button{display:flex;align-items:center;gap:6px;min-height:40px;background:var(--bg,#101824);color:var(--text,#eff6f4);border:1px solid var(--line,#2c454d);border-radius:10px;padding:8px 10px;font:inherit;font-weight:600;font-size:.875rem;cursor:pointer}.pipo-actions button:disabled{opacity:.55;cursor:default}.pipo-preference{display:flex;align-items:flex-start;gap:8px;font-size:.875rem;line-height:1.45;color:var(--muted,#b3c8c5);margin-top:16px}.pipo-preference input{flex-shrink:0;margin-top:3px;accent-color:var(--accent,#4ee2b4)}
.pipo-breath-guide{display:flex;align-items:center;gap:16px;padding:14px;margin:12px 0 16px;font-size:.875rem;background:var(--bg,#101824);border-radius:12px}.pipo-breath-orbit{display:block;width:32px;height:32px;flex-shrink:0;border:3px solid var(--accent,#4ee2b4);border-radius:50%;animation:pipo-breathe 6s ease-in-out infinite}.pipo-companion button:focus-visible{outline:3px solid var(--accent,#4ee2b4);outline-offset:3px}
@keyframes pipo-wave{0%,100%{transform:rotate(0)}25%{transform:rotate(-5deg)}60%{transform:rotate(5deg)}}@keyframes pipo-appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes pipo-breathe{0%,100%{transform:scale(.7);opacity:.5}50%{transform:scale(1.1);opacity:1}}
.competition-pipo{object-fit:contain;flex-shrink:0}.competition-season{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:25px 0 18px}.competition-season p{margin:6px 0;color:var(--muted);font-size:.875rem;line-height:1.5}.competition-arenas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.competition-arena{display:block;text-decoration:none;color:var(--text);border-top:3px solid var(--accent);transition:transform .18s,border-color .18s}.competition-arena.blue{border-top-color:var(--blue,#79b6ef)}.competition-arena.gold{border-top-color:var(--gold,#d7bd70)}.competition-arena:hover{transform:translateY(-3px)}.competition-arena.selected{outline:2px solid var(--accent);outline-offset:3px}.competition-arena h2{font-size:1.25rem;margin:12px 0}.competition-arena p{line-height:1.5;color:var(--muted)}.competition-arena strong{display:block;margin-top:20px;font-size:.875rem}
.competition-enroll{display:grid;grid-template-columns:1fr 1fr;gap:22px}.competition-enroll p{font-size:1rem;line-height:1.6}.competition-enroll form{display:grid;gap:14px;align-content:start}.competition-withdraw{grid-column:1/-1}.competition-withdraw summary,.competition-correction summary{cursor:pointer;font-size:1rem;font-weight:600}.competition-rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:16px 0}.competition-rule-grid p{margin:0;padding:16px;background:var(--bg);border-radius:14px}.competition-rule-grid strong{font-size:1.2rem;display:block;margin-bottom:8px}.competition-rule-grid span{display:block;font-size:.875rem;line-height:1.5;color:var(--muted)}.competition-rules .actions{margin-top:20px}
.competition-clock{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:14px 18px;background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:18px}.competition-clock strong{font-size:1.75rem;font-variant-numeric:tabular-nums;color:var(--accent)}.competition-clock span{font-size:.875rem;color:var(--muted)}.competition-question-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.competition-number{height:42px;min-width:42px;padding:8px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;font-weight:600;font-size:1rem;cursor:pointer}.competition-number.answered{border-color:var(--accent)}.competition-number.active{background:var(--accent);color:var(--on-accent)}.competition-question fieldset{border:0;padding:0;margin:0}.competition-question legend{font-size:1.35rem;line-height:1.5;font-weight:700;margin:12px 0 20px}.competition-question .options{margin-bottom:20px}.competition-question input[type=radio]{accent-color:var(--accent)}
.competition-board{margin-top:24px}.competition-board th,.competition-board td{text-align:left;font-size:1rem;padding:14px}.competition-me{background:var(--bg)}.competition-rank{display:inline-grid;place-items:center;min-width:36px;min-height:36px;border:1px solid var(--line);border-radius:50%;font-weight:700}.competition-rank.rank-1{background:var(--gold,#d7bd70);color:#15202b;border-color:transparent}.competition-rank.rank-2{border-color:var(--blue,#79b6ef)}.competition-rank.rank-3{border-color:var(--accent)}.competition-empty{text-align:center;padding:32px 16px;border:1px dashed var(--line);border-radius:16px}.competition-empty p{max-width:520px;margin:8px auto;color:var(--muted);line-height:1.6}.competition-my-rank{padding:14px 18px;border-left:3px solid var(--accent);background:var(--bg);margin:18px 0}.competition-result{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:3px solid var(--accent)}.competition-result>strong{font-size:3.5rem;color:var(--accent);white-space:nowrap}.competition-result>strong small{display:block;font-size:.875rem;color:var(--muted)}.competition-correction{margin:20px 0}.competition-correction-item{padding:22px 0;border-bottom:1px solid var(--line)}.competition-correction-item:last-child{border:0}.competition-correction-item h3{margin:12px 0}.competition-correction-item p{line-height:1.55}
body.reduce .pipo-character,body.reduce .pipo-bubble,body.reduce .pipo-breath-orbit{animation:none}body.reduce .competition-arena{transition:none}
@media(max-width:800px){.competition-arenas{grid-template-columns:1fr}.competition-enroll{grid-template-columns:1fr}.competition-rule-grid{grid-template-columns:1fr}.competition-season{align-items:flex-start;flex-direction:column}.competition-result{align-items:flex-start}.competition-pipo{width:80px;height:80px}.pipo-companion{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.pipo-toggle{min-width:70px;min-height:88px;border-radius:22px;padding:3px 7px 7px}.pipo-character{width:60px;height:60px}.pagefooter{padding-bottom:100px}.main{padding-bottom:110px}.competition-result>strong{font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){.pipo-character,.pipo-bubble,.pipo-breath-orbit{animation:none}.pipo-toggle:hover,.competition-arena:hover{transform:none}.competition-arena{transition:none}}
.mascot-settings-launcher{position:fixed;bottom:8px;right:18px;z-index:46;display:flex;align-items:center;gap:5px;border:1px solid var(--line,#2c454d);background:var(--surface,#14232c);color:var(--text,#eff6f4);font:inherit;font-size:.875rem;border-radius:8px;padding:6px 9px;cursor:pointer}.pipo-companion{bottom:max(50px,env(safe-area-inset-bottom))}.mascot-backdrop{position:fixed;inset:0;background:#0009;z-index:100;display:flex;align-items:center;justify-content:center;padding:18px}.mascot-choice{width:min(560px,100%);max-height:90dvh;overflow:auto;padding:24px;background:var(--surface,#14232c);color:var(--text,#eff6f4);border:1px solid var(--line,#2c454d);border-radius:20px}.mascot-choice h2{margin:0;font-size:1.5rem}.mascot-choice p{font-size:1rem;line-height:1.5}.mascot-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mascot-options button{min-width:0;display:flex;align-items:center;flex-direction:column;gap:6px;background:var(--bg,#101824);color:inherit;border:1px solid var(--line,#2c454d);padding:14px 6px;border-radius:14px;cursor:pointer;font:inherit}.mascot-options button[aria-pressed=true]{border:2px solid var(--accent,#4ee2b4);padding:13px 5px}.mascot-options img{object-fit:contain;max-width:100%}.mascot-options span{font-size:.875rem}.mascot-options .mascot-none{height:76px;display:grid;place-items:center;font-size:3rem}.mascot-review{display:block;color:var(--accent,#4ee2b4);margin-bottom:15px}.mascot-options button:focus-visible,.mascot-settings-launcher:focus-visible{outline:3px solid var(--accent,#4ee2b4);outline-offset:3px}html[data-mascot=none] .competition-pipo{display:none}@media(max-width:480px){.mascot-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
.daily-preview{margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}.daily-preview h3{font-size:1.25rem;margin:8px 0}.daily-hint{margin:18px 0}.daily-hint summary{cursor:pointer;font-size:1rem}.error-row p{line-height:1.6}