:root{color:#1e293b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#f4721e33,#0000 30%),linear-gradient(#fff9f1 0%,#f6efe4 48%,#efe6d7 100%);font-family:BIZ UDPGothic,Hiragino Sans,Yu Gothic UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0}button,input,textarea,select{font:inherit}#root{min-height:100vh}.app{width:min(560px,100vw - 16px);margin:0 auto;padding:16px 0 20px}.player-shell{flex-direction:column;gap:10px;display:flex}.top-row{grid-template-columns:minmax(160px,1.15fr) minmax(140px,.85fr);align-items:stretch;gap:10px;display:grid}.hero-card,.status-card,.control-card,.board-card,.empty-state-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffcf7d1;border:1px solid #94a3b847;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 9px 25px #78350f1f,inset 0 1px #ffffffa6}.hero-card{background:linear-gradient(135deg,#fff7edf5,#fffbebe0),#fffcf7d1;align-items:center;padding:12px 14px;display:flex}.hero-card:after{content:"";background:radial-gradient(circle,#f59e0b38,#0000 65%);border-radius:999px;width:110px;height:110px;position:absolute;inset:auto -40px -40px auto}.hero-actions,.status-card,.control-card,.board-card,.empty-state-card{z-index:1;position:relative}.hero-actions{grid-template-columns:auto 1fr;align-items:center;gap:8px;width:100%;display:grid}.primary-button,.nav-buttons button,.action-buttons button{appearance:none;cursor:pointer;border:0;transition:transform .16s,box-shadow .16s,background-color .16s,color .16s,opacity .16s}.primary-button{color:#fff7ed;background:linear-gradient(135deg,#c2410c,#ea580c);border-radius:999px;align-self:flex-start;min-width:110px;padding:7px 11px;font-size:.8rem;font-weight:700;box-shadow:0 8px 14px #c2410c47}.primary-button:hover,.nav-buttons button:hover:not(:disabled),.action-buttons button:hover{transform:none}.folder-path{color:#57534e;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.status-card{align-items:center;padding:9px 12px;display:flex}.status-message{color:#292524;margin:0;font-size:.85rem;font-weight:600}.content-grid{grid-template-columns:minmax(160px,215px) minmax(0,1fr);gap:10px;display:grid}.control-card,.board-card,.empty-state-card{padding:11px}.nav-buttons{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:6px;display:grid}.nav-buttons button{box-sizing:border-box;color:#7c2d12;background:#fffdf8;border-radius:3px;justify-content:center;align-items:center;height:32px;padding:0 7px;font-size:.6rem;line-height:1;display:flex;box-shadow:inset 0 0 0 1px #c2410c29}.nav-buttons button:disabled{opacity:.45;cursor:default;transform:none}.problem-number{box-sizing:border-box;color:#9a3412;text-align:center;border-radius:11px;justify-content:center;align-items:center;height:32px;padding:0 8px;font-size:.7rem;font-weight:700;line-height:1;display:flex;box-shadow:inset 0 0 0 1px #94a3b852}.action-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;display:grid}.action-buttons button{color:#7c2d12;text-align:center;background:linear-gradient(#fffbebe6,#fff7ede0);border-radius:9px;align-items:center;gap:5px;padding:7px;font-size:.6rem;font-weight:700;display:flex;box-shadow:inset 0 0 0 1px #c2410c24}.shortcut{color:#fff7ed;background:#9a3412;border-radius:999px;flex:none;justify-content:center;align-items:center;width:15px;height:15px;font-size:.6rem;font-weight:800;display:inline-flex}.board-card{min-height:100%}.board-stage{background:linear-gradient(#fffbebd1,#fef3c7a8),#fff;border:1px solid #f59e0b40;border-radius:12px;justify-content:center;align-items:center;min-height:300px;padding:0;display:flex}.board-figure{-webkit-user-select:none;user-select:none;width:min(100%,244px)}.board-svg{border:1px solid #5a3a10;width:100%;max-width:100%;height:auto;display:block}.board-card.is-visible .board-stage{box-shadow:inset 0 0 0 1px #b4530914}.board-placeholder{text-align:center;color:#92400e;flex-direction:column;align-items:center;gap:8px;display:flex}.board-placeholder p,.empty-state-card p{margin:0}.board-placeholder span{color:#a16207;font-size:.95rem}.board-placeholder kbd{color:#7c2d12;background:#fff;border:1px solid #94a3b852;border-radius:5px;justify-content:center;align-items:center;min-width:14px;padding:2px 4px;font-family:Cascadia Code,Consolas,monospace;font-size:.65rem;display:inline-flex}.empty-state-card{text-align:center;color:#57534e;padding:16px 12px}@media (width<=560px){.app{width:min(100vw - 12px,560px);padding-top:12px}.top-row,.hero-card,.content-grid{grid-template-columns:1fr}.hero-actions-compact{flex-direction:column;align-items:stretch;display:flex}}@media (width<=320px){.hero-card,.status-card,.control-card,.board-card,.empty-state-card{border-radius:11px;padding:10px}.primary-button{align-self:stretch;width:100%}.nav-buttons,.action-buttons{grid-template-columns:1fr}.folder-path{white-space:normal;word-break:break-all}}