:root{font-family:BIZ UDPGothic,Yu Gothic UI,Meiryo,sans-serif;color:#10241d;background:radial-gradient(circle at 20% 0%,rgba(255,212,94,.32),transparent 24%),radial-gradient(circle at 100% 10%,rgba(30,129,103,.18),transparent 28%),linear-gradient(180deg,#f7f2df,#eef6ef);line-height:1.5;font-weight:400}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.app-header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(16,36,29,.12);background:#f7f2dfd6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-header__inner{width:100%;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.app-logo{display:flex;align-items:center;flex:0 1 auto;min-width:0}.app-logo__image{display:block;width:auto;height:clamp(72px,8vw,92px);max-width:min(100%,420px);object-fit:contain}.app-header__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.se-controls{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.se-controls__toggle{white-space:nowrap}.se-controls__slider-wrap{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:16px;background:#10241d12}.se-controls__label,.se-controls__value{font-size:12px;color:#10241da8;white-space:nowrap}.se-controls__slider{width:110px}.page-wrap{max-width:1560px;margin:0 auto;padding:32px 20px 56px}.page-wrap--centered{display:flex;justify-content:center}.layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.layout--centered{width:100%;margin:0}.home-screen{width:min(1320px,100%);margin:0 auto;display:grid;gap:16px}.home-dashboard{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:16px;align-items:start}.home-dashboard__primary{display:grid;gap:16px}.home-screen .panel{padding:18px}.home-screen .panel--spacious{padding:20px}.home-screen .panel__title{margin:2px 0 12px;font-size:22px}.home-screen .stack{gap:10px}.home-screen .field{gap:6px}.home-screen .input{padding:11px 12px}.home-screen .btn{padding:11px 14px}.home-join-panel{display:grid;gap:12px}.layout--centered .layout__main{width:100%;max-width:none}.layout--with-aside{grid-template-columns:minmax(0,1fr) 380px;grid-template-areas:"main aside";align-items:start}.layout--aside-left{grid-template-columns:280px minmax(0,1fr);grid-template-areas:"aside main"}.layout--aside-compact{gap:14px}.layout__main{min-width:0}.layout--with-aside .layout__main{grid-area:main}.layout--with-aside .layout__aside{grid-area:aside;min-width:0;align-self:start;position:sticky;top:128px}.layout--aside-compact .layout__aside .panel{padding:14px;border-radius:18px}.layout__aside{display:grid;gap:18px}.layout--aside-compact .layout__aside .panel__title{margin:6px 0 8px;font-size:15px;line-height:1.25;overflow-wrap:anywhere}.layout--aside-compact .layout__aside .player-card__name,.layout--aside-compact .layout__aside .player-word-row strong{font-size:14px}.layout--aside-compact .layout__aside .player-card__meta,.layout--aside-compact .layout__aside .player-word-row span{font-size:11px}.layout--aside-compact .layout__aside .panel__eyebrow{padding:4px 8px;font-size:10px}.layout--aside-compact .layout__aside .stack{gap:8px}.layout--aside-compact .layout__aside .btn,.layout--aside-compact .layout__aside .input{padding:10px 12px;border-radius:14px}.layout--aside-compact .layout__aside .player-card,.layout--aside-compact .layout__aside .player-word-row,.layout--aside-compact .layout__aside .history-compact__item{padding:8px 10px;border-radius:12px}.layout--aside-compact .layout__aside .chip-row{gap:6px}.layout--aside-compact .layout__aside .chip{padding:3px 8px;font-size:11px}.hero-card,.panel,.result-card{border:1px solid rgba(16,36,29,.1);border-radius:24px;background:#ffffffb8;box-shadow:0 18px 48px #1c352a17}.hero-card{padding:18px 22px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);align-items:center;gap:18px;background:linear-gradient(135deg,#fdd46894,#ffffffc7),#ffffffb8}.hero-card__content{display:grid;gap:8px}.hero-card h1{margin:0;font-size:clamp(24px,4vw,34px);line-height:1.05}.hero-card p{margin:0;max-width:720px;font-size:14px;color:#10241db8}.hero-card__art{display:flex;justify-content:center;align-items:center}.hero-card__image{display:block;width:min(100%,340px);height:auto;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(46,64,52,.12))}.hero-card__badge,.panel__eyebrow{display:inline-flex;width:fit-content;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#10241d0f;color:#10241db3;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.grid-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.panel{padding:22px}.panel--spacious{padding:28px}.panel__title{margin:10px 0 16px;font-size:26px;line-height:1.2}.panel__title--sm{font-size:20px}.panel--lobby .panel__title{font-size:22px;margin-bottom:12px}.field{display:grid;gap:8px}.field span{font-size:13px;color:#10241dad}.stack{display:grid;gap:12px}.stack--lg{gap:20px}.text-sm{font-size:14px}.input{width:100%;border:1px solid rgba(16,36,29,.16);border-radius:16px;padding:13px 14px;background:#ffffffeb;color:inherit}.btn{border:0;border-radius:16px;padding:12px 16px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #1c352a1f}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn--primary{background:linear-gradient(180deg,#1f9d78,#16795c);color:#f7fff9}.btn--secondary{background:linear-gradient(180deg,#f0ae25,#d58e0f);color:#352208}.btn--ghost{background:#10241d12;color:inherit}.btn--danger-soft{background:#c142421f;color:#8a2d2d}.btn--wide{width:100%}.btn.is-active{outline:2px solid rgba(31,157,120,.5)}.muted{margin:0;color:#10241da3}.notice{margin-top:16px;border-radius:16px;padding:13px 16px}.notice--error{background:#c142421a;color:#7f2626}.notice--success{background:#1f9d781f;color:#15543f}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#10241d14;font-size:12px}.player-list{display:grid;gap:10px}.player-card{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:12px;border-radius:18px;background:#10241d0a}.player-card--active{outline:2px solid rgba(213,142,15,.46)}.player-card--self{background:#1f9d781a}.player-card__index{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#0b1020;font-weight:700;border:1px solid rgba(255,255,255,.28)}.player-card__initial{line-height:1;transform:translateY(1px)}.player-card__name{font-weight:700}.player-card__meta{font-size:12px;color:#10241d8f}.history-compact{display:grid;gap:8px;font-size:14px}.history-compact__item{padding:10px 12px;border-radius:14px;background:#10241d0d}.reference-card{display:grid;gap:10px;margin:0}.draw-history{display:grid;gap:8px;margin-top:12px}.draw-history__label{font-size:12px;font-weight:700;color:#10241da3}.draw-history__strip{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 8px}.draw-history__item{width:128px;min-width:0;padding:10px;display:grid;gap:8px;border-radius:16px;background:#10241d0a}.draw-history__image,.draw-history__empty{width:100%;aspect-ratio:4 / 3;border-radius:16px;border:1px solid rgba(16,36,29,.1);background:#fffef8}.draw-history__image{object-fit:contain}.draw-history__empty{display:grid;place-items:center;color:#10241d75;font-size:12px}.draw-history__meta{font-size:11px;color:#10241db3}.draw-history__arrow{align-self:center;font-size:22px;line-height:1;color:#10241d5c;padding:0 2px}.draw-stage{display:grid;gap:14px;margin:14px 0}.draw-stage--with-reference{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start}.draw-stage__reference,.draw-stage__board{min-width:0}.draw-stage__reference .reference-card{height:100%}.draw-stage__reference .result-card__image{width:100%;aspect-ratio:4 / 3;object-fit:contain}.player-word-list{display:grid;gap:8px}.player-word-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:#10241d0d}.player-word-row__member{display:flex;align-items:center;gap:10px;min-width:0}.player-word-row__avatar{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:#0b1020;font-size:13px;font-weight:700;border:1px solid rgba(255,255,255,.28);line-height:1}.player-word-row span{color:#10241dad}.play-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.play-panel{padding:20px}.timer-card{min-width:128px;padding:14px 16px;border-radius:18px;background:#10241d14;text-align:right}.timer-card span{display:block;font-size:12px;color:#10241d94}.timer-card strong{display:block;font-size:28px}.drawing-board{display:grid;--drawing-canvas-max-height: min(44dvh, 460px);gap:10px}.drawing-board__stage{position:relative;width:min(100%,calc(var(--drawing-canvas-max-height) * 1.5));max-width:100%;justify-self:center}.drawing-board__canvas{width:100%;max-width:100%;height:auto;display:block;border-radius:22px;border:1px solid rgba(16,36,29,.14);background:#fffef8;box-shadow:inset 0 0 0 1px #10241d08;touch-action:none}.drawing-board__canvas.is-eraser-preview{cursor:none}.drawing-board__canvas.is-disabled{opacity:.55}.drawing-board__eraser-preview{position:absolute;transform:translate(-50%,-50%);border-radius:999px;border:2px solid rgba(16,36,29,.72);background:#ffffff2e;box-shadow:0 0 0 1px #ffffffe6,0 2px 8px #10241d29;pointer-events:none}.drawing-board__tools,.drawing-board__palette{display:flex;flex-wrap:wrap;gap:10px}.drawing-board__color{width:36px;height:36px;border:2px solid rgba(16,36,29,.16);border-radius:12px;cursor:pointer}.drawing-board__color.is-active{outline:2px solid rgba(31,157,120,.5)}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.chain-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.result-actions{display:flex;flex-wrap:wrap;gap:10px}.result-chain-panel{padding:18px;display:grid;gap:8px}.result-chain-panel .panel__title{margin-bottom:4px}.result-strip{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 10px}.result-card{padding:18px;display:grid;gap:14px}.result-card--chain{border-radius:18px;background:#10241d0a;box-shadow:none}.result-thumb{width:196px;min-width:0;align-content:start;grid-template-rows:auto auto;gap:10px}.result-thumb__visual{display:grid;gap:8px}.result-card__header,.result-card__words{display:flex;align-items:center;justify-content:space-between;gap:12px}.result-thumb__meta{display:grid;gap:8px;min-height:0}.result-card__words div{display:grid;gap:4px}.result-card__words span{font-size:12px;color:#10241d8f}.result-card__image,.result-card__empty{width:100%;border-radius:18px;border:1px solid rgba(16,36,29,.1);background:#fffef8}.result-thumb__button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.result-thumb .result-card__image{aspect-ratio:4 / 3;object-fit:cover}.result-thumb__answer{padding:6px 10px;border-radius:12px;background:#fffef8eb;color:#10241d;font-size:12px;font-weight:800;line-height:1.2;text-align:center;box-shadow:0 8px 18px #10241d1f}.result-thumb .result-card__empty{aspect-ratio:4 / 3;min-height:0;width:100%}.result-thumb .result-card__header{display:grid;justify-content:stretch;gap:2px;font-size:11px}.result-card__player{display:inline-flex;align-items:center;gap:6px;min-width:0}.result-card__player-avatar{width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:#0b1020;font-size:10px;font-weight:700;border:1px solid rgba(255,255,255,.28);line-height:1}.result-thumb .result-card__header span,.result-thumb .result-card__words span{font-size:10px}.result-strip__arrow{align-self:center;font-size:26px;line-height:1;color:#10241d6b;padding:0 2px}.result-card__empty{min-height:220px;display:grid;place-items:center;color:#10241d75}.result-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:#10241db8}.result-lightbox__card{width:min(960px,100%);max-height:100%;display:grid;gap:16px;padding:18px;border-radius:24px;background:#fffef8;box-shadow:0 24px 64px #00000042}.result-lightbox__header{display:flex;align-items:start;justify-content:space-between;gap:12px}.result-lightbox__image{width:100%;max-height:min(75vh,820px);object-fit:contain;border-radius:18px;border:1px solid rgba(16,36,29,.1);background:#fff}@media (max-width: 920px){.layout--with-aside,.grid-two,.hero-card,.home-dashboard{grid-template-columns:1fr}.layout--with-aside{grid-template-areas:"main" "aside"}.layout__aside{position:static;top:auto}.play-header{flex-direction:column}.play-panel{padding:18px}.draw-stage--with-reference{grid-template-columns:1fr}.drawing-board{--drawing-canvas-max-height: min(38dvh, 360px)}.hero-card__image{width:min(100%,420px)}.result-thumb{width:min(100%,220px)}.result-strip__arrow{width:100%;text-align:center}}@media (max-width: 640px){.app-header__inner,.page-wrap{padding-left:14px;padding-right:14px}.app-header__actions{justify-content:flex-end}.app-logo__image{height:56px;max-width:280px}.hero-card{padding:22px 18px}.hero-card__image{width:min(100%,320px)}.se-controls{justify-content:flex-end}.se-controls__slider-wrap{width:100%;justify-content:flex-end}.hero-card,.panel,.result-card{border-radius:20px}.result-lightbox{padding:14px}.result-lightbox__header{flex-direction:column}}