:root{--font: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}html,body{height:100%;margin:0}body{background:#fafafa;color:#111;font-family:var(--font)}.main{min-height:100vh;min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding:24px}.panel{max-width:960px;width:100%;background:#fff;border:2px solid #eee;border-radius:12px;padding:28px;box-shadow:0 10px 30px #0000000d;text-align:center}.title{font-size:28px;font-weight:800;margin:0 0 12px;text-align:center}.logo{display:block;margin:0 auto 8px;width:200px;height:auto}.subtitle-top{font-size:14px;font-weight:800;color:#222;margin:0 0 18px;letter-spacing:.03em}.lead{font-size:14px;color:#444;margin:0 0 16px;line-height:1.6;text-align:center}.h2{font-size:18px;font-weight:800;margin:24px 0 12px;text-align:center}.section{margin:18px 0 8px}.row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.card{background:#fafafa;border:1px dashed #ccc;border-radius:12px;padding:14px;color:#666}.badge{display:inline-block;padding:4px 8px;border-radius:6px;background:#f0f0f0;border:1px solid #ccc;font-size:12px;color:#666}.placeholder-note{font-size:12px;color:#888}.card-label{font-size:12px;color:#444;margin-top:6px}.group{background:#f8f8f8;border:1px dashed #ccc;border-radius:12px;padding:14px}.group .row{margin-bottom:8px}.group-label{font-size:12px;color:#666;text-align:center;margin-top:2px}.sphere-wrap{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.sphere{width:56px;height:56px;border-radius:50%;border:4px solid #888;background:transparent;position:relative}.sphere.fill{background:#888;border-color:#888}.sphere-label{font-size:12px;color:#666;text-align:center;margin-top:6px}.field-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid #ccc;background:#fff;color:#444;font-size:12px}.field-dot{width:14px;height:14px;border-radius:50%;background:#d6ccc9;border:1px solid #aaa}.field-plus{width:14px;height:14px;position:relative}.field-plus:before,.field-plus:after{content:"";position:absolute;left:50%;top:50%;background:#888;transform:translate(-50%,-50%)}.field-plus:before{width:12px;height:3px;border-radius:2px}.field-plus:after{width:3px;height:12px;border-radius:2px}.field-minus{width:14px;height:14px;position:relative}.field-minus:before{content:"";position:absolute;left:50%;top:50%;width:12px;height:3px;background:#888;border-radius:2px;transform:translate(-50%,-50%)}.field-arrow{width:14px;height:14px;position:relative}.field-arrow:before{content:"";position:absolute;left:3px;top:50%;width:8px;height:2px;background:#888;border-radius:1px;transform:translateY(-50%)}.field-arrow:after{content:"";position:absolute;right:1px;top:50%;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #888;transform:translateY(-50%)}.board{background:#fff;border:1px dashed #ccc;border-radius:12px;padding:0;margin:0 auto;display:inline-block;line-height:0;overflow:hidden;width:fit-content;height:fit-content}.board canvas{display:block}.grid{display:grid;gap:8px}.grid.cell-3{grid-template-columns:repeat(3,40px)}.grid.cell-4{grid-template-columns:repeat(4,40px)}.cell{width:40px;height:40px;border-radius:8px;background:#e8ddda;border:1px solid #D4C9C5}.board-caption{margin-top:8px;font-size:12px;color:#888}.actions{display:flex;gap:10px;margin-top:18px;justify-content:center}.back{display:inline-block;padding:10px 16px;border:2px solid #555;border-radius:10px;background:#fff;color:#222;text-decoration:none;font-weight:700;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.06) 3px,rgba(0,0,0,.06) 4px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(0,0,0,.06) 3px,rgba(0,0,0,.06) 4px);position:relative;overflow:hidden}.back:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0000001a}.btn{padding:14px 32px;border:2px solid #2f9e3e;border-radius:10px;background:#39b54a;color:#ededed;cursor:pointer;font-size:16px;font-weight:600;text-decoration:none;box-shadow:0 2px 4px #00000040;display:inline-block}.btn:hover{filter:saturate(1.06) brightness(1.02)}.back:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background-image:radial-gradient(circle at 12% 22%,#B7E33B 0 1.5px,transparent 2px),radial-gradient(circle at 28% 64%,#5EEAD4 0 1.5px,transparent 2px),radial-gradient(circle at 72% 35%,#8BA8FF 0 1.5px,transparent 2px),radial-gradient(circle at 84% 78%,#C163E0 0 1.5px,transparent 2px),radial-gradient(circle at 48% 18%,#FF7A8A 0 1.5px,transparent 2px),radial-gradient(circle at 16% 84%,#FF9A63 0 1.5px,transparent 2px);opacity:.9;mix-blend-mode:screen}.mod-list{display:flex;flex-direction:column;gap:10px;text-align:left;max-width:680px;margin:0 auto}.mod-item{background:#fafafa;border:1px dashed #ccc;border-radius:10px;padding:10px 12px;color:#666}.mod-item strong{color:#222}.mod-icon{display:inline-block;margin-right:10px;vertical-align:middle}