.sg-root{--ink:#243b35;--muted:#697971;--sage:#506f60;--line:#dce4dc;--cream:#f7f8f2;--white:#fff;box-sizing:border-box;max-width:1160px;margin:28px auto;padding:32px;background:var(--cream);color:var(--ink);font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;font-size:14px;line-height:1.85;border:1px solid var(--line);border-radius:24px;isolation:isolate}.sg-root *{box-sizing:border-box}.sg-root h1,.sg-root h2,.sg-root p{margin:0;padding:0;background:none;border:0;box-shadow:none;color:inherit}.sg-root h1::before,.sg-root h1::after,.sg-root h2::before,.sg-root h2::after{display:none}.sg-root button{font:inherit;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:normal;transition:background .15s,transform .15s}.sg-root button:focus-visible{outline:3px solid #aa7331;outline-offset:3px}.sg-root button:disabled{cursor:default;opacity:.48;transform:none}.sg-root [hidden]{display:none!important}.sg-header{display:flex;align-items:center;gap:15px;padding-bottom:24px;border-bottom:1px solid var(--line)}.sg-mark{font-size:42px;line-height:1;width:48px;color:var(--sage)}.sg-root .sg-kicker{font-size:11px;letter-spacing:.12em;color:var(--muted);font-weight:600;margin-bottom:7px}.sg-root .sg-header h1{font-size:22px;font-weight:600;letter-spacing:.04em;line-height:1.5}.sg-edition{margin-left:auto;text-align:center;font-family:Georgia,serif;font-size:30px;line-height:1.1;color:var(--sage)}.sg-edition span{display:block;font:9px/1.8 sans-serif;letter-spacing:.15em}.sg-contract{display:flex;justify-content:space-between;align-items:center;padding:22px 0 17px;gap:12px}.sg-contract>div{display:grid;gap:3px}.sg-contract span{color:var(--muted);font-size:11px}.sg-contract b{font-size:12px;letter-spacing:.05em;font-weight:500}.sg-contract>strong{font-size:29px;font-weight:500;white-space:nowrap}.sg-contract small{font-size:12px;font-weight:400;color:var(--muted)}.sg-calendar{display:grid;grid-template-columns:repeat(30,minmax(0,1fr));gap:4px;padding-bottom:24px}.sg-calendar-day{position:relative;text-align:center;padding:5px 0;color:#8c9b91;font-size:10px;background:#edf0e8;border-radius:4px}.sg-calendar-day.is-past{color:var(--sage);background:#e0e8dd}.sg-calendar-day.is-current{background:var(--sage);color:white}.sg-calendar-day.has-advice::after{content:"";position:absolute;width:3px;height:3px;background:currentColor;border-radius:100%;bottom:2px;left:calc(50% - 1.5px)}.sg-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);gap:26px;align-items:start}.sg-main{min-width:0}.sg-scene{position:relative;height:320px;overflow:hidden;background:radial-gradient(ellipse at 70% 20%,#fbfaf0,transparent 65%),linear-gradient(135deg,#e8eddf,#c4d3c1);border-radius:16px}.sg-room{position:absolute;inset:0}.sg-room img{width:100%;height:100%;object-fit:cover}.sg-scene::after{content:"";position:absolute;inset:70% 0 0;background:linear-gradient(transparent,#283c3540);pointer-events:none}.sg-scene-label{position:absolute;top:18px;left:18px;display:flex;align-items:center;gap:8px;background:#fffffff0;border-radius:30px;padding:4px 13px;font-size:12px;z-index:2}.sg-dot{width:6px;height:6px;background:#6d8c70;border-radius:50%}.sg-portrait{position:absolute;left:22%;right:12%;top:25px;bottom:0;display:flex;align-items:flex-end;justify-content:center}.sg-portrait>img{display:block;width:100%;height:100%;object-fit:contain;object-position:bottom;border-radius:12px 12px 0 0}.sg-root .sg-observation{position:absolute;bottom:15px;left:18px;right:18px;color:#233e31;background:#ffffffdf;border-radius:8px;padding:7px 10px;font-size:11px;z-index:3}.sg-avatar{position:relative;width:190px;height:230px;border-radius:95px 95px 35px 35px;background:#526556;opacity:.35;overflow:hidden}.sg-avatar::before{content:"";position:absolute;left:55px;top:34px;width:80px;height:96px;border-radius:48%;background:#f8f4e7}.sg-avatar::after{content:"";position:absolute;left:10px;top:144px;width:170px;height:160px;border-radius:80px 80px 0 0;background:#f8f4e7}.sg-missing{position:absolute;bottom:60px;font-size:10px;background:#fff9;padding:3px 8px;border-radius:4px}.sg-conversation{position:relative;background:#fff;margin:14px 0 0;padding:22px 24px;border:1px solid var(--line);border-radius:14px}.sg-conversation::before{content:"";position:absolute;top:-7px;left:38px;width:12px;height:12px;background:white;transform:rotate(45deg);border-top:1px solid var(--line);border-left:1px solid var(--line)}.sg-root .sg-speech{font-size:15px;line-height:2;min-height:60px;white-space:pre-wrap}.sg-actions{margin-top:25px}.sg-actions-heading{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:12px}.sg-root .sg-actions h2{font-size:14px;font-weight:600}.sg-availability{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.sg-availability.is-ready{color:#3c6948;background:#e4eddf;border-radius:20px;padding:3px 9px}.sg-choice-list{display:grid;gap:8px}.sg-choice{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:13px 16px;line-height:1.7}.sg-choice:hover:not(:disabled){background:#edf3e8;border-color:#9daf9e;transform:translateX(2px)}.sg-choice span:first-child{font-size:10px;color:#829285}.sg-choice b{font-size:12px;font-weight:500;flex:1}.sg-choice span:last-child{color:#8b9e8c}.sg-root .sg-note{font-size:10px;line-height:1.8;color:var(--muted);margin-top:12px}.sg-side{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.sg-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 18px;gap:18px}.sg-tabs button{background:none;border:none;color:var(--muted);font-size:12px;padding:18px 0 14px;border-bottom:2px solid transparent}.sg-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--sage);font-weight:600}.sg-tabs button span{font-size:9px;margin-left:6px;background:#edf1e8;border-radius:20px;padding:1px 6px}.sg-panel{max-height:720px;overflow:auto;overscroll-behavior:contain}.sg-post{display:flex;gap:12px;padding:20px 18px;border-bottom:1px solid #eef1eb}.sg-mini-avatar{flex:0 0 32px;height:32px;border-radius:50%;background:#e7e9df;color:#778470;display:grid;place-items:center;font:14px Georgia,serif}.sg-post-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;margin-bottom:6px}.sg-post-meta b{font-size:11px;font-weight:600}.sg-post time,.sg-history-item time{font-size:9px;color:#87958c}.sg-root .sg-post p{font-size:12px;line-height:1.95;white-space:pre-wrap}.sg-root .sg-empty{padding:35px 24px;font-size:12px;color:var(--muted)}.sg-history-item{padding:20px;border-bottom:1px solid var(--line);font-size:12px}.sg-root .sg-your-action{border-left:2px solid #9ab099;padding-left:10px;margin:8px 0 12px;color:var(--sage)}.sg-button{padding:12px 20px;border:1px solid #c6d2c3;border-radius:9px;color:var(--ink);background:white;font-size:12px}.sg-button:hover:not(:disabled){background:#e8eee2}.sg-primary{background:var(--sage);color:white;border-color:var(--sage);min-width:260px}.sg-primary:hover:not(:disabled){background:#3b5748}.sg-quiet{display:block;margin:15px auto;font-size:10px}.sg-root footer{margin-top:26px;padding-top:17px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.sg-root .sg-error{margin:15px 0;padding:12px 16px;border:1px solid #d9a39a;color:#8f4335;background:#fff1ee;border-radius:8px;font-size:12px}.sg-welcome{text-align:center;padding:55px 16px 38px;max-width:700px;margin:auto}.sg-orbit{width:145px;height:145px;border:1px solid #b7c7ad;border-radius:50%;margin:0 auto 32px;display:grid;place-items:center;box-shadow:0 0 0 12px #ecf0e6,0 0 0 13px #dce5d4;font-family:Georgia,serif;color:var(--sage);font-size:64px;background:#f5f6ed}.sg-root .sg-welcome h2{font-size:27px;font-weight:500;letter-spacing:.07em;margin:10px 0 20px}.sg-root .sg-intro{font-size:14px;line-height:2.2;margin-bottom:28px}.sg-welcome .sg-note{max-width:460px;margin:18px auto 0}.sg-result{border:1px solid #cad9c2;border-radius:16px;padding:26px;background:#edf2e6;margin-bottom:24px}.sg-result h2{font-size:23px;font-weight:500}.sg-score{display:flex;align-items:center;gap:14px;margin:12px 0}.sg-score>strong{font:64px Georgia,serif;color:var(--sage)}.sg-score>span{font-size:10px;color:var(--muted)}.sg-score>div{margin-left:30px;border-left:1px solid #c9d8bf;padding-left:25px;display:flex;flex-direction:column}.sg-score b{font-size:28px;font-weight:500}.sg-score small{font-size:10px}.sg-result p{font-size:13px}.sg-result>small{display:block;margin-top:13px;font-size:10px;color:var(--muted)}.sg-preview{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:15px;border:1px dashed #93a488;border-radius:10px;margin-top:20px}.sg-preview>span{flex:1;font-size:11px}.sg-preview button{padding:6px 12px;font-size:11px}@media(max-width:850px){.sg-root{padding:22px}.sg-layout{gap:18px;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr)}.sg-calendar{grid-template-columns:repeat(15,minmax(0,1fr))}}@media(max-width:700px){.sg-root{margin:12px auto;padding:18px;border-radius:16px}.sg-root .sg-header h1{font-size:17px}.sg-mark{font-size:30px;width:30px}.sg-header{gap:9px;padding-bottom:18px}.sg-kicker{font-size:9px!important}.sg-edition{font-size:24px}.sg-layout{grid-template-columns:1fr}.sg-scene{height:370px}.sg-portrait{left:15%;right:10%}.sg-contract b{font-size:10px}.sg-contract>strong{font-size:25px}.sg-calendar{gap:3px}.sg-calendar-day{font-size:9px;padding:4px 0}.sg-conversation{padding:20px}.sg-root .sg-speech{font-size:14px}.sg-side{margin-top:8px}.sg-panel{max-height:520px}.sg-welcome{padding:38px 2px 25px}.sg-root .sg-welcome h2{font-size:22px}.sg-root .sg-intro{font-size:13px}.sg-primary{min-width:0;width:100%}.sg-root .sg-note{font-size:10px}.sg-root footer{font-size:9px}.sg-result{padding:20px}.sg-preview{align-items:stretch}.sg-preview>span{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.sg-root button{transition:none}}

/* Independent layers. These eight variables are the only placement settings to edit. */
.sg-root{--character-width-pc:66%;--character-height-pc:94%;--character-left-pc:22%;--character-bottom-pc:0%;--character-width-sp:90%;--character-height-sp:82%;--character-left-sp:5%;--character-bottom-sp:4%}
.sg-root .game-stage{height:auto;min-height:0;aspect-ratio:16/9}.sg-root .background-layer{z-index:0}.sg-root .character-layer{z-index:1;top:auto;right:auto;left:var(--character-left-pc);bottom:var(--character-bottom-pc);width:var(--character-width-pc);height:var(--character-height-pc)}.sg-root .ui-layer{z-index:3}.sg-root .character-layer>img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.sg-root .game-stage::after{z-index:2}@media(max-width:700px){.sg-root .game-stage{aspect-ratio:9/16}.sg-root .character-layer{left:var(--character-left-sp);bottom:var(--character-bottom-sp);width:var(--character-width-sp);height:var(--character-height-sp)}}