:root{--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--lh: 1.5;--fs-1: 12px;--fs-2: 13px;--fs-3: 14px;--fs-4: 16px;--fs-5: 20px;--fs-6: 24px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--r-1: 8px;--r-2: 12px;--r-3: 16px;--r-4: 20px;--shadow-1: 0 1px 2px rgba(0,0,0,.06), 0 1px 1px rgba(0,0,0,.04);--shadow-2: 0 6px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.06);--shadow-3: 0 12px 28px rgba(0,0,0,.12), 0 4px 10px rgba(0,0,0,.08);--c-bg: #0b1020;--c-surface: #111a33;--c-surface-2: #0f1730;--c-border: rgba(255,255,255,.1);--c-text: rgba(255,255,255,.92);--c-text-muted: rgba(255,255,255,.68);--c-text-invert: #0b1020;--c-accent: #7c5cff;--c-accent-weak: rgba(124,92,255,.16);--c-success: #32d583;--c-warning: #fdb022;--c-danger: #f97066;--focus-ring: 0 0 0 3px rgba(124,92,255,.35);--header-h: 70px;--panel-w-left: 190px;--panel-w-right: 190px;--container-max: 1680px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-sans);font-size:13px;line-height:var(--lh);color:var(--c-text);background:var(--c-bg)}a{color:var(--c-accent);text-decoration:none}a:hover{text-decoration:underline}.app{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(1200px 600px at 20% 0%,rgba(124,92,255,.18),transparent 50%),radial-gradient(900px 500px at 80% 10%,rgba(50,213,131,.1),transparent 55%),var(--c-bg)}.header{position:sticky;top:0;z-index:10;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--s-5);background:linear-gradient(to bottom,#111a33eb,#111a33b8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--c-border)}.header__left{display:flex;align-items:center;gap:var(--s-4)}.header__right{display:flex;align-items:center;gap:var(--s-3)}.brand{display:block;font-weight:var(--fw-semibold);letter-spacing:.2px;padding:0;border:0;background:transparent}button.brand{cursor:pointer}button.brand:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--r-2)}.brand__img{height:100px;width:auto;display:block}.badge{font-size:var(--fs-2);color:var(--c-text-muted);padding:var(--s-1) var(--s-2);border:1px solid var(--c-border);border-radius:999px;background:#ffffff0a}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:var(--s-2) var(--s-2)}.shell{display:grid;grid-template-columns:var(--panel-w-left) 1fr var(--panel-w-right);grid-template-rows:auto;gap:var(--s-4);align-items:start}.panel{background:#111a33b8;border:1px solid var(--c-border);border-radius:var(--r-3);box-shadow:var(--shadow-1);overflow:hidden}.panel--left{display:flex;flex-direction:column}.panel__head{padding:var(--s-4) var(--s-4);border-bottom:1px solid var(--c-border);background:#0f1730b3;font-weight:var(--fw-medium)}.panel__head>div:first-child{font-size:var(--fs-5)}.panel__body{padding:var(--s-4)}.panel__foot{padding:var(--s-4);margin-top:auto}.btn--block{width:100%}.participant-actions{display:flex;justify-content:flex-end;margin:0 0 var(--s-3)}.participant-actions .btn{padding:6px 10px;font-size:var(--fs-2)}.shell>main.panel>.panel__body{padding:var(--s-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);border-radius:var(--r-2);padding:10px 12px;font-size:var(--fs-3);font-weight:var(--fw-medium);border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn--primary{background:var(--c-accent);color:var(--c-text-invert)}.btn--primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}.btn--secondary{background:#ffffff0f;border-color:var(--c-border);color:var(--c-text)}.btn--secondary:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}.btn--ghost{background:transparent;border-color:var(--c-border);color:var(--c-text)}.btn--ghost:hover{background:#ffffff0f}.btn--danger{background:#f9706629;border-color:#f9706673;color:#ffd7d2}.btn--danger:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}.field{display:flex;flex-direction:column;gap:var(--s-2);margin-bottom:var(--s-4)}.field--disabled{opacity:.55}.field--disabled .input,.field--disabled .upload-toggle{pointer-events:none}.label{font-size:var(--fs-2);color:var(--c-text-muted)}.input{width:100%;padding:10px 12px;border-radius:var(--r-2);border:1px solid var(--c-border);background:#ffffff0a;color:var(--c-text);outline:none}.input:focus{box-shadow:var(--focus-ring);border-color:#7c5cff8c}.help{font-size:var(--fs-2);color:var(--c-text-muted)}.error{font-size:var(--fs-2);color:var(--c-danger)}.board{display:flex;flex-direction:column;gap:var(--s-3)}.tier{border:1px solid var(--c-border);border-radius:var(--r-3);background:#111a3399;overflow:hidden;display:grid;grid-template-columns:96px 1fr}.tier__head{display:flex;align-items:center;justify-content:space-between;padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--c-border);background:#0f1730a6}.tier__label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-2);color:#111;font-weight:var(--fw-semibold);border-right:1px solid rgba(0,0,0,.2)}.tier__label-name{font-size:var(--fs-4);letter-spacing:.4px}.tier__actions{display:flex;gap:var(--s-1);flex-wrap:wrap;justify-content:center}.tier__label .iconbtn{width:26px;height:26px;font-size:12px;background:#ffffff38;border-color:#0000002e;color:#1a1a1a}.tier__label .iconbtn:hover{background:#ffffff59}.tier__name{font-weight:var(--fw-semibold)}.tier__actions{display:flex;gap:var(--s-2)}.iconbtn{width:34px;height:34px;border-radius:var(--r-2);border:1px solid var(--c-border);background:#ffffff0a;color:var(--c-text);cursor:pointer}.iconbtn:hover{background:#ffffff14}.iconbtn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.tier__body{padding:var(--s-1);display:flex;flex-wrap:wrap;gap:var(--s-1);min-height:80px}.drop-hint{color:var(--c-text-muted);font-size:var(--fs-3);border:1px dashed rgba(255,255,255,.18);border-radius:var(--r-2);padding:var(--s-3);width:100%}.card{width:130px;border-radius:var(--r-3);border:1px solid var(--c-border);background:#ffffff0d;box-shadow:var(--shadow-1);overflow:hidden;cursor:grab;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.card:active{cursor:grabbing}.card--busy{opacity:.55}.card__header{display:grid;grid-template-columns:1fr auto;gap:var(--s-2);align-items:start;padding:var(--s-3) var(--s-3) 0}.card__title{font-size:var(--fs-3);font-weight:var(--fw-medium);line-height:1.3;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__title--measure{display:block;-webkit-line-clamp:unset;-webkit-box-orient:initial;overflow:visible}.card__title--compact{font-size:var(--fs-1);line-height:1.2;-webkit-line-clamp:1;line-clamp:1}.card--text-only .card__header{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3)}.card--text-only .card__title{font-size:var(--fs-5);line-height:1.2;-webkit-line-clamp:3;line-clamp:3}.card--text-only .card__actions{position:static;align-self:flex-end}.card--text-only .card__title--compact{font-size:var(--fs-2);line-height:1.2;-webkit-line-clamp:1;line-clamp:1}.card__image-container{width:100%;height:auto;aspect-ratio:4 / 3;background:#ffffff0a;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.card__image-container:empty{display:none}.card__thumb{width:100%;height:100%;display:block;object-fit:contain}.card__footer{padding:var(--s-2) var(--s-3)}.card__error{font-size:var(--fs-1);color:var(--c-text-muted);text-align:center;padding:0 var(--s-2)}.card__actions{display:flex;gap:6px;position:absolute;top:6px;right:6px;z-index:2}.card__btn{width:22px;height:22px;border-radius:var(--r-1);border:1px solid rgba(255,255,255,.18);background:#0f173040;color:var(--c-text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;font-size:10px;padding:0;display:flex;align-items:center;justify-content:center;transition:background .12s ease}.card__btn:hover{background:#ffffff14}.card__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.toasts{position:fixed;right:var(--s-5);bottom:var(--s-5);display:flex;flex-direction:column;gap:var(--s-3);z-index:50}.toast{min-width:260px;max-width:360px;padding:var(--s-3) var(--s-4);border-radius:var(--r-3);border:1px solid var(--c-border);background:#111a33db;box-shadow:var(--shadow-2);font-size:var(--fs-3)}.toast--success{border-color:#32d58359}.toast--error{border-color:#f9706673}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--s-6);z-index:60}.modal{width:min(560px,100%);border-radius:var(--r-4);border:1px solid var(--c-border);background:#111a33f2;box-shadow:var(--shadow-3);overflow:hidden}.modal__head{padding:var(--s-4);border-bottom:1px solid var(--c-border);background:#0f1730b3;display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.modal__title{font-weight:var(--fw-semibold)}.modal__body{padding:var(--s-4)}.modal__foot{padding:var(--s-4);border-top:1px solid var(--c-border);display:flex;justify-content:flex-end;gap:var(--s-2)}.input--file{padding:8px 10px}.upload-preview{display:grid;grid-template-columns:88px 1fr;gap:var(--s-3);align-items:center;padding:var(--s-3);border:1px solid var(--c-border);border-radius:var(--r-2);background:#ffffff08}.upload-preview.is-hidden{display:none}.upload-preview__img{width:88px;aspect-ratio:4 / 3;object-fit:contain;border-radius:var(--r-1);background:#ffffff0a}.upload-preview__meta{min-width:0}.upload-preview__name{font-size:var(--fs-2);word-break:break-word}.upload-preview__state{font-size:var(--fs-1);color:var(--c-text-muted);margin-top:2px}.upload-toggle{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--fs-2);color:var(--c-text-muted);margin-top:var(--s-2)}.bulk-upload-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-3);border:1px solid var(--c-border);border-radius:var(--r-2);background:#ffffff08}.bulk-upload-summary.is-hidden,.bulk-upload-list.is-hidden{display:none}.bulk-upload-summary__count{font-size:var(--fs-2);font-weight:var(--fw-medium)}.bulk-upload-summary__size{font-size:var(--fs-1);color:var(--c-text-muted)}.bulk-upload-list{list-style:none;margin:0;padding:0;max-height:180px;overflow:auto;border:1px solid var(--c-border);border-radius:var(--r-2);background:#ffffff08}.bulk-upload-list__item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3);padding:10px 12px}.bulk-upload-list__item+.bulk-upload-list__item{border-top:1px solid rgba(255,255,255,.08)}.bulk-upload-list__name{min-width:0;font-size:var(--fs-2);word-break:break-word}.bulk-upload-list__meta{flex-shrink:0;font-size:var(--fs-1);color:var(--c-text-muted)}@media (max-width: 1100px){:root{--panel-w-left: 220px;--panel-w-right: 220px}}@media (max-width: 960px){.shell{grid-template-columns:1fr}}.participant{display:flex;gap:var(--s-3);padding:var(--s-2) 0;align-items:flex-start}.participant--self{position:relative;padding:var(--s-2);border:1px solid rgba(124,92,255,.45);border-radius:var(--r-2);background:#7c5cff1f}.participant__avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fs-3);font-weight:var(--fw-semibold);color:#fff;box-shadow:var(--shadow-1)}.participant__info{flex:1;min-width:0}.participant__name{font-size:var(--fs-2);font-weight:var(--fw-medium);color:var(--c-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant__you{position:absolute;top:-8px;right:-8px;font-size:11px;font-weight:var(--fw-semibold);line-height:1;padding:4px 6px;border-radius:999px;color:#fff;background:#7c5cffe6;border:1px solid rgba(255,255,255,.24)}.participant__status{font-size:var(--fs-1);color:var(--c-text-secondary);margin-top:var(--s-1)}.text-muted{font-size:var(--fs-2);color:var(--c-text-secondary);padding:var(--s-2) 0}.template-grid{display:grid;gap:var(--s-2)}.btn--template{width:100%;justify-content:flex-start;font-size:var(--fs-2);padding:8px 10px}.template-reset{margin-top:var(--s-2)}.vote-panel__body{display:grid;gap:var(--s-3);justify-items:center;text-align:center}.vote-slot{width:140px;height:140px;border-radius:50%;background:#ffffff1f;display:flex;align-items:center;justify-content:center;border:1px solid var(--c-border)}.vote-slot.is-empty{background:#ffffff14;filter:grayscale(1);opacity:.7}.vote-slot.is-over{outline:2px dashed rgba(124,92,255,.8);outline-offset:4px}.vote-slot__img{width:70%;height:70%;object-fit:contain;display:none}.vote-slot__title{font-size:var(--fs-2);color:var(--c-text-muted)}.vote-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}.vote-group{display:grid;gap:var(--s-2);justify-items:center}.vote-btn{width:64px;height:64px;border-radius:50%;border:1px solid var(--c-border);background:#ffffff14;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .12s ease,box-shadow .12s ease}.vote-btn img{width:70%;height:70%;object-fit:contain}.vote-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(1)}.vote-btn.is-active{box-shadow:0 0 0 2px #7c5cff8c;transform:translateY(-1px)}.vote-count{font-size:var(--fs-3);font-weight:var(--fw-semibold)}.lobby{display:flex;justify-content:center;padding:var(--s-6) 0}.lobby__panel{width:min(520px,100%)}.lobby__title{font-size:var(--fs-5);font-weight:var(--fw-semibold);margin-bottom:var(--s-2)}.lobby__btn{width:100%;margin-top:var(--s-3)}.lobby__divider{margin:var(--s-4) 0;text-align:center;color:var(--c-text-muted);font-size:var(--fs-2)}.lobby__join{display:grid;gap:var(--s-2)}