.quote-actions {display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px;align-items:center}
.quote-random,.quote-library-link {border:2px solid var(--ink);padding:13px 20px;min-height:48px;font-weight:800;font-size:13px;display:inline-flex;gap:10px;align-items:center;text-decoration:none;background:var(--ink);color:var(--paper)}
.quote-random svg {width:21px;height:21px}.quote-library-link{background:var(--paper);color:var(--ink)}
.quote-random:hover,.quote-library-link:hover {background:var(--blue);color:white}
.danmaku {margin-bottom:24px;border:2px solid var(--ink);background:var(--ink);color:var(--paper)}
.danmaku-screen {position:relative;isolation:isolate;height:220px;overflow:hidden;background:radial-gradient(ellipse at 75% 110%,#323220,transparent 60%),#101014}
.danmaku-screen::after {content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 55px #0009;z-index:0}
.danmaku-watermark {position:absolute;left:24px;bottom:18px;z-index:-1;opacity:.12;font-size:clamp(32px,6vw,80px);font-weight:950;letter-spacing:-.05em;line-height:1;white-space:nowrap}
.danmaku-portrait {position:absolute;right:24px;bottom:-30px;width:215px;height:215px;object-fit:cover;object-position:50% 20%;border-radius:50%;filter:grayscale(1);opacity:.2;pointer-events:none;z-index:-1}
.danmaku-live {position:absolute;left:16px;top:12px;font:10px monospace;letter-spacing:.12em;color:var(--gold)}
.danmaku-layer {position:absolute;inset:35px 0 10px;overflow:hidden;pointer-events:none;z-index:1}
.danmaku-comment {position:absolute;top:calc(var(--lane)*25%);left:100%;white-space:nowrap;color:#fff;text-shadow:2px 2px 0 #000,-1px -1px 0 #000;font-size:clamp(20px,2.6vw,32px);line-height:1.2;font-weight:900;animation:danmaku-travel 7s linear forwards;will-change:transform}
.danmaku-comment:nth-child(even){color:var(--gold)}
@keyframes danmaku-travel {from{transform:translateX(0)}to{transform:translateX(var(--travel))}}
.danmaku-comment.is-still {left:16px;max-width:calc(100% - 32px);white-space:normal;overflow-wrap:anywhere;animation:none;will-change:auto;font-size:20px}
.danmaku-toolbar {border-top:1px solid #ffffff26;display:flex;gap:8px;padding:10px 12px;align-items:center}
.danmaku-toggle,.danmaku-clear {border:1px solid #ffffff50;padding:8px 12px;min-height:40px;font-size:11px;color:var(--paper);background:transparent}
.danmaku-form {display:flex;flex:1;gap:8px;min-width:0}.danmaku-input {min-width:0;flex:1;background:#24242a;color:#fff;border:1px solid #ffffff45;padding:10px 12px;font:inherit;font-size:14px;border-radius:0;min-height:42px}
.danmaku-form button {border:0;background:var(--gold);color:var(--ink);font-weight:800;padding:10px 20px;min-height:42px}
.danmaku-note {font-size:10px;line-height:1.6;margin:0;padding:0 12px 10px;color:#c8c8c8}.danmaku-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.quote-page {background:var(--gold)}.quote-page-main {padding-top:50px;padding-bottom:70px}.quote-page-heading {display:flex;gap:30px;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.quote-page-heading h1 {font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(48px,8vw,100px);letter-spacing:-.04em;line-height:.95;margin:0 0 18px}.quote-page-heading p {font-size:14px;line-height:1.8;margin:0}.quote-total {font-size:80px;font-weight:900;line-height:1;letter-spacing:-.07em}.quote-total small {font:11px sans-serif;letter-spacing:0;display:block;text-align:right;margin-top:8px}
.quote-page-controls {display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 20px}.quote-page-controls button {min-height:44px;padding:10px 18px;background:var(--paper);border:2px solid var(--ink);font-size:12px;font-weight:700}.quote-page-controls .quote-random {background:var(--ink);color:var(--paper)}.quote-page-controls label {display:flex;gap:10px;align-items:center;margin-left:auto;font-size:12px}.quote-page-controls input {width:100px;accent-color:var(--ink)}.library-status {min-height:25px;font-size:12px;line-height:1.7;margin-bottom:16px}
.quote-filterbar {margin:25px 0 20px;padding-top:24px;border-top:2px solid var(--ink)}.quote-search {display:block;width:100%;background:var(--paper);border:2px solid var(--ink);padding:15px 18px;font:inherit;min-height:52px;font-size:16px}.quote-filters {display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.quote-filters button {background:transparent;border:1px solid var(--ink);padding:9px 14px;min-height:42px;font-size:12px;font-weight:700}.quote-filters button[aria-pressed=true] {background:var(--ink);color:var(--paper)}.quote-result-count {font:11px monospace;text-align:right;margin:14px 0 0}.library-grid .phrase {min-height:170px}.phrase-number{font:10px monospace;opacity:.65}.library-grid .phrase-jp{font-size:21px}.quote-empty {padding:50px 0;text-align:center;font-size:15px}.quote-page-credit{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;margin-top:32px}.quote-page .footer {background:var(--ink);color:var(--paper);padding:24px;max-width:none}.quote-page .header-inner{min-height:90px}.quote-home-link {font-size:12px;text-decoration:underline}
@media(max-width:650px){.danmaku-screen{height:190px}.danmaku-toolbar{flex-wrap:wrap}.danmaku-form{flex-basis:100%;order:-1}.danmaku-toggle,.danmaku-clear{min-height:40px}.danmaku-portrait{right:5px;width:175px;height:175px}.quote-actions>*{flex:1;justify-content:center;padding:12px 10px;font-size:11px}.quote-page-main{padding-top:28px}.quote-page-heading{gap:14px}.quote-page-heading h1{font-size:42px;line-height:1.15;margin-bottom:12px}.quote-page-heading p{font-size:12px}.quote-total{font-size:56px}.quote-total small{font-size:9px}.quote-page-controls{gap:8px}.quote-page-controls label{margin-left:0}.quote-page-controls button{padding:10px 12px;font-size:11px}.library-grid .phrase{padding:15px 12px 38px;min-height:175px}.library-grid .phrase-jp{font-size:17px}.quote-page .header-inner{min-height:100px;gap:10px;flex-wrap:wrap;padding-block:15px}.quote-page .brand{font-size:29px}.quote-page .header-controls{margin-left:auto}.quote-home-link{font-size:11px}.quote-page .language button{min-height:40px;padding:8px;font-size:10px}.quote-page .header-community{display:none}}
@media(prefers-reduced-motion:reduce){.danmaku-comment{animation:none;left:16px;max-width:calc(100% - 32px);white-space:normal;overflow-wrap:anywhere}}

/* Comments travel over the full visible page; controls remain clickable. */
.danmaku-global {position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:140}
.danmaku-global .danmaku-comment {top:calc(8% + var(--lane)*11%);color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 2px 5px #0009}
.danmaku-global .danmaku-comment:nth-child(even) {color:#fff}
.danmaku .danmaku-toolbar {border-top:0}
/* Niconico-style gothic lettering; the overlay never captures taps or clicks. */
.danmaku-global .danmaku-comment {font-family:Arial,'ＭＳ Ｐゴシック','MS PGothic','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;font-size:26px;font-weight:700;letter-spacing:0;line-height:1.3;opacity:.94}
.danmaku-global .danmaku-comment.trade-buy {color:#4aef87}
.danmaku-global .danmaku-comment.trade-sell {color:#ff686e}
.danmaku-global .danmaku-comment.is-whale {font-weight:900}
.danmaku-connection {font:10px monospace;color:#bdbdc4;white-space:nowrap;margin-right:auto}
.danmaku-connection::before {content:'●';margin-right:6px;color:#a5a5ad}
.danmaku-connection[data-state=connected]::before {color:#4aef87}
.danmaku-sound {border:1px solid #ffffff50;padding:8px 12px;min-height:40px;font-size:11px;color:var(--paper);background:transparent}
.danmaku-status {position:static;display:block;width:auto;height:auto;clip-path:none;padding:0 12px 10px;font-size:11px;line-height:1.6;color:#f4db65}
.danmaku-status:empty {display:none}
.danmaku-form button:disabled {opacity:.5;cursor:wait}
.flappy-standalone .danmaku {margin:20px 24px 0}
@media(max-width:650px){
 .danmaku-global .danmaku-comment {font-size:16px;opacity:.88;text-shadow:-1px -1px 0 #000b,1px -1px 0 #000b,-1px 1px 0 #000b,1px 1px 0 #000b;top:calc(12% + var(--lane)*14%)}
 .danmaku-global .danmaku-comment.is-still {font-size:16px}
 .danmaku-toolbar {gap:7px}.danmaku-connection{font-size:9px}.danmaku-toggle,.danmaku-clear,.danmaku-sound{font-size:10px;padding:7px 10px}
 .flappy-standalone .danmaku {margin:14px 12px 0}
}