#ladder-left-input,#ladder-right-input,#ladder-summary-table-wrap,.ladder-panel{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.15) transparent}#ladder-left-input::-webkit-scrollbar,#ladder-right-input::-webkit-scrollbar,#ladder-summary-table-wrap::-webkit-scrollbar,.ladder-panel::-webkit-scrollbar{width:4px;height:4px}#ladder-left-input::-webkit-scrollbar-track,#ladder-right-input::-webkit-scrollbar-track,#ladder-summary-table-wrap::-webkit-scrollbar-track,.ladder-panel::-webkit-scrollbar-track{background:0 0}#ladder-left-input::-webkit-scrollbar-thumb,#ladder-right-input::-webkit-scrollbar-thumb,#ladder-summary-table-wrap::-webkit-scrollbar-thumb,.ladder-panel::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:2px}:root{--color-1:#22c55e;--color-2:#16a34a;--color-3:#86efac;--color-4:#dcfce7;--color-5:#f0fdf4;--color-dark:#111827;--white:#ffffff;--shadow-sm:0 2px 12px rgba(0, 0, 0, 0.06);--shadow-md:0 4px 24px rgba(0, 0, 0, 0.10);--shadow-lg:0 8px 40px rgba(0, 0, 0, 0.13)}body,html{height:auto}section{min-height:calc(100dvh - var(--header-height))}#ladder-app{width:95%;max-width:960px;margin:0 auto;padding:0 0 60px}#ladder-input-area{display:flex;gap:16px;align-items:flex-start;margin-top:10px;margin-bottom:32px}.ladder-panel{flex:1;height:40vh;display:flex;flex-direction:column;background:var(--white);border-radius:24px;padding:28px 24px;box-shadow:0 0 2px rgba(0,0,0,.2);border:2px solid var(--color-1)}.ladder-panel-title{font-size:24px;font-weight:800;color:#010101;margin-bottom:16px;text-align:center}.ladder-textarea{flex:1;width:100%;border:2px solid var(--color-4);border-radius:7px;padding:15px 14px;font-family:var(--font-basic);font-size:22px;color:var(--color-dark);background:var(--color-5);resize:none;outline:0;transition:border-color .2s,box-shadow .2s;line-height:1.6}.ladder-textarea:focus{border-color:var(--color-1);box-shadow:0 0 0 3px rgba(34,197,94,.15)}.ladder-item-count{text-align:right;font-size:20px;color:var(--color-1);margin-top:8px;font-weight:700}#ladder-start-btn{display:block;margin:0 auto;background:linear-gradient(135deg,var(--color-1),var(--color-2));color:#fff;border:none;border-radius:50px;padding:17px 56px;font-size:22px;font-weight:800;font-family:var(--font-basic);cursor:pointer;box-shadow:0 0 2px rgba(0,0,0,.2);transition:transform .18s;letter-spacing:.5px}#ladder-start-btn:hover{transform:translateY(-3px)}#ladder-start-btn:active{transform:translateY(0)}#ladder-banner-ad{width:100%;height:90px;margin-top:24px;background:var(--color-5);border:1.5px dashed var(--color-3);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--color-1);font-size:13px}#ladder-game-section{display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - var(--header-height) - 76px)}#ladder-game-wrapper{display:flex;align-items:flex-start;border-radius:24px;box-shadow:0 0 2px rgba(0,0,0,.2);border:2px solid var(--color-1);padding:24px 12px;overflow-x:auto;max-width:100%}#ladder-left-col,#ladder-right-col{position:relative;width:130px;flex-shrink:0}#ladder-canvas{display:block;flex-shrink:0}.ladder-left-btn,.ladder-right-item{position:absolute;transform:translateY(-50%);background:var(--white);border:2px solid var(--color-1);border-radius:20px;padding:8px 14px;font-size:22px;font-weight:700;color:#010101;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.ladder-left-btn{right:8px;font-family:var(--font-basic);cursor:pointer;box-shadow:0 0 2px rgba(0,0,0,.2);transition:transform .15s,opacity .2s}.ladder-left-btn:hover:not(:disabled){transform:translateY(calc(-50% - 2px))}.ladder-left-btn:disabled{opacity:.7;background-color:var(--color-2);cursor:default}.ladder-right-item{left:8px}#ladder-reset-btn{display:block;margin:28px auto 0;background:linear-gradient(135deg,var(--color-1),var(--color-2));color:#fff;border:none;border-radius:50px;padding:17px 56px;font-size:22px;font-weight:800;font-family:var(--font-basic);cursor:pointer;box-shadow:0 0 2px rgba(0,0,0,.2);transition:transform .18s;letter-spacing:.5px}#ladder-reset-btn:hover{transform:translateY(-3px)}#ladder-reset-btn:active{transform:translateY(0)}#ladder-result-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000}#ladder-result-box{background:#fff;border-radius:32px;padding:52px 68px;text-align:center;border:3px solid var(--color-4);animation:.42s cubic-bezier(.34,1.56,.64,1) ladder-pop-in;max-width:90vw}@keyframes ladder-pop-in{from{transform:scale(.4) rotate(-6deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}#ladder-result-participant{font-size:2rem;font-weight:800;margin-bottom:12px;color:var(--color-dark)}#ladder-result-arrow{font-size:1.8rem;margin-bottom:12px;color:var(--color-3)}#ladder-result-prize{font-size:2.8rem;font-weight:800;color:var(--color-dark);margin-bottom:36px;word-break:break-all}#ladder-result-close-btn{background:linear-gradient(135deg,var(--color-1),var(--color-2));color:#fff;border:none;border-radius:50px;padding:13px 40px;font-size:1rem;font-weight:800;font-family:var(--font-basic);cursor:pointer;transition:transform .15s;box-shadow:0 0 2px rgba(22,163,74,.3)}#ladder-result-close-btn:hover{transform:translateY(-2px)}#ladder-summary-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1100}#ladder-summary-box{background:#fff;border-radius:24px;padding:40px 48px;box-shadow:var(--shadow-lg);border:3px solid var(--color-4);max-width:700px;width:90vw;max-height:80vh;display:flex;flex-direction:column;position:relative;animation:.42s cubic-bezier(.34,1.56,.64,1) ladder-pop-in}#ladder-summary-close-btn{position:absolute;top:14px;right:14px;background:var(--color-5);border:2px solid var(--color-4);border-radius:50%;width:36px;height:36px;font-size:22px;font-weight:800;color:var(--color-2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--font-basic);transition:background .15s}#ladder-summary-close-btn:hover{background:var(--color-4)}#ladder-summary-title{font-size:1.4rem;font-weight:800;color:var(--color-2);text-align:center;margin-bottom:20px}#ladder-summary-table-wrap{overflow-y:auto;flex:1}#ladder-summary-table{width:100%;border-collapse:collapse;border-radius:15px;overflow:hidden}#ladder-summary-table td,#ladder-summary-table th{padding:10px 16px;text-align:center;border-bottom:1px solid var(--color-4);font-size:22px;font-weight:700}#ladder-summary-table th{background:var(--color-5);color:var(--color-2);font-weight:800;position:sticky;top:0}#ladder-summary-table tbody tr:last-child td{border-bottom:none}#ladder-summary-table tbody tr:hover{background:var(--color-5)}.ladder-hidden{display:none!important}@media (max-width:600px){#ladder-input-area{flex-direction:column;align-items:stretch;gap:12px}.ladder-panel{height:25vh}#ladder-game-wrapper{padding:16px 8px}#ladder-left-col,#ladder-right-col{width:70px}.ladder-left-btn,.ladder-right-item{font-size:15px;padding:5px 8px;max-width:64px}#ladder-result-box{padding:36px 28px}#ladder-result-prize{font-size:2rem}}