:root{--bg:#1d1712;--panel:#2a221b;--line:#8a6a2a;--gold:#e2bf6b;--cream:#efe3c8;--muted:#a89a7c;--lit:#7fd3ff;--warn:#ff7b6b;color:var(--cream);background:var(--bg);font-family:Georgia,Times New Roman,DejaVu Serif,serif}*{box-sizing:border-box}html,body{background:var(--bg);-webkit-tap-highlight-color:transparent;margin:0}body{padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}main{max-width:480px;margin:0 auto}svg{touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}h1{text-align:center;margin:22px 16px 4px;font-size:28px;font-style:italic;font-weight:400}.kicker{text-align:center;color:var(--gold);letter-spacing:3px;margin-top:20px;font-size:11px}.sub{text-align:center;color:var(--muted);margin:0 16px 18px;font-size:14px}.order{border:1.5px solid var(--line);background:var(--panel);border-radius:12px;margin:12px 12px 16px;overflow:hidden}.order h2{letter-spacing:2.5px;color:var(--gold);border-bottom:1px solid #4a3a20;margin:0;padding:10px 14px;font-size:12px;font-weight:400}.build{width:100%;color:var(--cream);font:inherit;text-align:left;background:0 0;border:0;border-top:1px solid #3a2e20;align-items:center;gap:10px;padding:13px 14px;display:flex}.build:first-of-type{border-top:0}.build .role{color:var(--muted);text-transform:uppercase;letter-spacing:1px;width:62px;font-size:12px}.build .name{flex:1;font-size:16px;font-style:italic}.stars{color:var(--gold);letter-spacing:2px;font-size:16px}.controls{flex-wrap:wrap;gap:8px;padding:6px 12px 10px;display:flex}button.b{border:1.5px solid var(--line);min-height:48px;color:var(--cream);font:inherit;background:#3a2e20;border-radius:10px;flex:1 1 0;padding:8px 12px;font-size:16px}button.b:disabled{opacity:.4}button.b.primary{color:#2a2013;background:linear-gradient(#f0d58c,#c99a3e);border-color:#f0d58c;font-weight:700}.seg{border:1.5px solid var(--line);border-radius:10px;flex:1.6 1 0;display:flex;overflow:hidden}.seg button{min-height:44px;color:var(--muted);font:inherit;background:#2a221b;border:0;flex:1;font-size:15px}.seg button.on.front{color:#2a2013;background:linear-gradient(#f0d58c,#c99a3e);font-weight:700}.seg button.on.back{color:#1a1d21;background:linear-gradient(#eef0f3,#8d939c);font-weight:700}.msg{background:#241c15;border:1px solid #4a3a20;border-radius:10px;min-height:44px;margin:0 12px;padding:10px 12px;font-size:15px;line-height:1.35}.msg.warn{border-color:var(--warn)}.msg.good{border-color:#7fbf6b}.msg .trace{color:var(--lit);font-family:inherit}.top{justify-content:space-between;align-items:center;padding:8px 12px 0;display:flex}.link{color:var(--gold);font:inherit;background:0 0;border:0;min-height:44px;padding:10px 4px;font-size:15px}.q{margin:16px}.q h3{margin:18px 0 10px;font-size:18px;font-weight:400}.q .row{gap:8px;display:flex}.q .row button{border:1.5px solid var(--line);min-height:52px;color:var(--cream);font:inherit;background:#2a221b;border-radius:10px;flex:1;font-size:17px}.q .row button.on{background:var(--gold);color:#2a2013}.foot{gap:8px;padding:8px 12px 28px;display:flex}.modal{z-index:10;background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal .sheet{background:var(--panel);border:1.5px solid var(--line);border-radius:14px 14px 0 0;width:100%;max-width:480px;padding:16px}.modal textarea{width:100%;min-height:110px;font:inherit;color:var(--cream);border:1px solid var(--line);background:#1d1712;border-radius:8px;padding:10px;font-size:17px}.done-note{text-align:center;color:var(--muted);margin:14px 16px;font-size:14px}.pic{position:relative}.pic .tl,.pic .tr{z-index:2;font-size:14px;position:absolute;top:0}.pic .tl{left:8px}.pic .tr{right:8px}.controls{flex-wrap:nowrap}.controls.inmsg{padding:8px 0 0}.controls.inmsg button.b{font-size:15px}.msg{margin-bottom:12px}