.rl-app,.rl-app *{box-sizing:border-box}.rl-app{--ink:#312e81;max-width:1040px;margin:auto;padding:12px;color:#1e1b4b;font-family:system-ui,-apple-system,Hiragino Sans,sans-serif}.rl-head{width:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.rl-head h1{font-size:clamp(1.45rem,4vw,2rem);margin:0;color:#312e81}.rl-head p{font-size:.9rem;color:#64748b;margin:5px 0}.rl-head>span{font-size:.72rem;font-weight:800;color:#15803d;background:#dcfce7;padding:6px 10px;border-radius:99px;white-space:nowrap}.rl-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-width:460px;margin:0 auto 12px;padding:5px;border-radius:15px;background:#e0e7ff}.rl-tabs button,.rl-row button,.rl-actions button,.rl-play-controls button,.rl-result button{appearance:none;border:1px solid #c7d2fe;border-radius:11px;background:#fff;color:#3730a3;font:800 .86rem inherit;padding:10px 14px;cursor:pointer}.rl-tabs button.is-active,.rl-play-controls button.is-active{color:#fff;background:#4f46e5;box-shadow:0 3px #3730a3}.rl-panel{padding:10px;border:1px solid #c7d2fe;border-radius:18px;background:linear-gradient(#eef2ff,#f8fafc)}.rl-toolbar{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.rl-tool{appearance:none;width:65px;padding:5px;border:2px solid transparent;border-radius:12px;background:#fff;cursor:pointer;box-shadow:0 2px 5px #64748b44}.rl-tool.is-active{outline:3px solid #312e81}.rl-tool i{display:flex;width:34px;height:24px;margin:auto;align-items:center;justify-content:center;border-radius:6px;font-style:normal;font-weight:900}.rl-tool span{display:block;font-size:.62rem;color:#334155;margin-top:3px}.rl-tool .wall{background:#64748b;border:2px solid #cbd5e1}.rl-tool .bumper{border-radius:50%;background:#f472b6;box-shadow:inset 0 0 0 5px #fbcfe8}.rl-tool .boost{background:#fde047;color:#92400e}.rl-tool .slow{background:#67e8f9;color:#155e75}.rl-tool .erase{background:#f1f5f9;color:#64748b}.rl-canvas-wrap{position:relative;max-width:960px;margin:auto;overflow:hidden;border-radius:13px;background:#080b2a;box-shadow:0 7px 24px #1e1b4b44}.rl-canvas-wrap canvas{display:block;width:100%;height:auto;touch-action:none}.rl-help,.rl-privacy{text-align:center;font-size:.76rem;color:#64748b;margin:9px}.rl-row,.rl-actions,.rl-play-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.rl-row .rl-danger{color:#be123c;border-color:#fecdd3}.rl-score{max-width:960px;margin:0 auto 8px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center}.rl-score span{font:900 2rem system-ui;color:#312e81}.rl-score strong{font-size:.78rem;color:#64748b}.rl-play-wrap{cursor:none}.rl-result{position:absolute;inset:0;background:#080b2add;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center}.rl-result[hidden]{display:none}.rl-result strong{font-size:clamp(2rem,8vw,4rem);color:#fef08a}.rl-play-controls{margin-top:10px}.rl-play-controls .rl-primary{background:#4f46e5;color:#fff}.rl-key-help{display:flex;justify-content:space-between;font-size:.7rem;color:#64748b;max-width:700px;margin:8px auto 0}.rl-actions{margin:14px 0}.rl-actions button{border-color:#cbd5e1;color:#334155}.rl-library{max-width:960px;margin:12px auto;border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:10px}.rl-library summary{font-weight:900;color:#3730a3;cursor:pointer}.rl-library-list,#rl-library-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px;margin-top:10px}.rl-card{border:1px solid #c7d2fe;border-radius:11px;padding:8px;background:#f8fafc}.rl-card canvas{display:block;width:100%;border-radius:7px}.rl-card p{font-size:.7rem;color:#64748b;margin:6px 0}.rl-card div{display:flex;gap:5px}.rl-card button{flex:1;border:0;border-radius:7px;padding:7px;font-size:.7rem;font-weight:800;cursor:pointer}.rl-load{background:#e0e7ff;color:#3730a3}.rl-delete{background:#ffe4e6;color:#be123c}.rl-empty{text-align:center;color:#94a3b8;font-size:.82rem;grid-column:1/-1}.rl-toast{position:fixed;z-index:1000;bottom:22px;left:50%;transform:translate(-50%);background:#312e81;color:#fff;padding:10px 18px;border-radius:99px;font-weight:800;font-size:.82rem;box-shadow:0 6px 25px #0005}.rl-guide{max-width:960px;margin:18px auto;padding:12px;border:1px solid #e2e8f0;border-radius:14px}.rl-guide summary{font-weight:900;color:#3730a3;cursor:pointer}.rl-guide article{padding:5px 8px}.rl-guide h2{font-size:1.05rem;color:#312e81;margin:18px 0 6px}.rl-guide p{font-size:.88rem;line-height:1.8;color:#475569}@media (max-width:620px){.rl-head{align-items:flex-start}.rl-head>span{font-size:.59rem}.rl-panel{padding:7px}.rl-tool{width:54px}.rl-actions{display:grid;grid-template-columns:1fr 1fr}.rl-actions button{font-size:.7rem;padding:10px 4px}.rl-key-help{font-size:.58rem}.rl-score span{font-size:1.5rem}}@media screen and (max-width: 600px){.rl-app .rl-head h1{font-size:20px}.rl-app .rl-tabs button,.rl-app .rl-actions button,.rl-app .rl-row button{min-height:var(--tap-min);padding:8px 12px;font-size:13px}}.rl-serve{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:180px;min-height:52px;padding:10px 24px;border:1px solid #a5b4fc;border-radius:999px;background:#4f46e5;color:#fff;font:900 1.05rem system-ui,-apple-system,Hiragino Sans,sans-serif;cursor:pointer;box-shadow:0 4px 14px #0206174d;animation:rl-serve-pulse 1.8s ease-in-out infinite}.rl-serve[hidden]{display:none}@keyframes rl-serve-pulse{0%,to{box-shadow:0 4px 14px #0206174d}50%{box-shadow:0 4px 14px #0206174d,0 0 0 8px #818cf833}}@media (prefers-reduced-motion:reduce){.rl-serve{animation:none}}.rl-manage{max-width:960px;margin:8px auto;padding:6px 10px;border-radius:12px}.rl-manage summary{font-size:.8rem;font-weight:800;color:#475569;cursor:pointer}.rl-manage-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:8px}.rl-manage-row button{appearance:none;border:1px solid #cbd5e1;border-radius:11px;background:#fff;color:#334155;font:800 .8rem inherit;padding:10px 14px;cursor:pointer}@media screen and (max-width:600px){.rl-app .rl-manage-row button{min-height:var(--tap-min);font-size:13px}.rl-serve{min-width:150px;min-height:48px;font-size:.95rem}}.rl-landscape-controls{display:contents}.rl-boost-settings{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;font-size:var(--fs-ui-label)}.rl-boost-settings select{min-height:var(--tap-min);padding:6px 10px;border:1px solid #c7d2fe;border-radius:8px;background:#fff;color:#312e81;font-size:var(--fs-input)}@media screen and (orientation: landscape) and (max-height: 500px){#rl-editor{display:grid;grid-template-columns:minmax(0,1fr) 210px;grid-template-rows:minmax(0,1fr) auto auto;gap:8px 12px;height:calc(100dvh - 76px);min-height:0}#rl-editor .rl-landscape-controls{display:block;grid-column:2;grid-row:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px}#rl-editor>.rl-canvas-wrap{grid-area:1 / 1 / 3 / 2;width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center}#rl-editor>.rl-row{grid-area:2 / 2}#rl-editor>.rl-help{grid-area:3 / 1;margin:0}.rl-canvas-wrap canvas{width:auto;height:auto;max-width:100%;max-height:100%}#rl-player .rl-play-wrap{display:flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;height:calc(100dvh - 130px);margin:auto}#rl-player .rl-play-wrap canvas{width:auto;height:auto;max-width:100%;max-height:100%}}