#tRenewal{display:block;width:100%;min-height:54px;margin:4px 0 8px;border:2px solid #285859;border-radius:12px;background:#e8f0de;color:#204846;font:700 15px sans-serif;box-shadow:0 3px 0 #1a494c}#tRenewal small{display:block;font-size:10px;font-weight:400;margin-top:3px}
#rn{position:absolute;inset:0;z-index:90;background:#d7e3d7;color:#263e49;font:14px/1.6 -apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;overflow:hidden;isolation:isolate;touch-action:none}#rn[hidden]{display:none!important}#rn *{box-sizing:border-box}#rn button{font:inherit;cursor:pointer;color:inherit;min-height:44px;border:1px solid #9aafa5;background:#fffbef;border-radius:10px;padding:8px 12px;box-shadow:0 3px 0 #45676126;touch-action:manipulation}#rn button:active{transform:translateY(2px);box-shadow:none}#rn button:disabled{opacity:.45;cursor:default}#rn .rn-accent{background:#246d69;color:#fff9e9;border-color:#164e50}#rn-canvas{width:100%;height:100%;display:block}#rn-head{position:absolute;top:max(12px,env(safe-area-inset-top));left:12px;right:12px;display:flex;gap:8px;align-items:start;pointer-events:none}#rn-head .rn-title{flex:1;background:#fffbeded;padding:10px 13px;border:1px solid #79998c;border-radius:13px;box-shadow:0 5px 15px #29463920;line-height:1.4}#rn-head small{display:block;font-size:10px;letter-spacing:1.5px;color:#527267}#rn-objective{display:block;font-size:12px;margin-top:3px}#rn-head button{pointer-events:auto;font-size:20px;padding:5px 12px}#rn-bottom{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:15px;right:15px;display:flex;justify-content:space-between;align-items:end;pointer-events:none}#rn-stick{width:108px;height:108px;border:2px solid #fff9;border-radius:50%;background:#254f5426;position:relative;pointer-events:auto;touch-action:none}#rn-stick i{display:block;position:absolute;left:30px;top:30px;width:44px;height:44px;border:2px solid #fffc;border-radius:50%;background:#eaf2e3bb;box-shadow:0 3px 8px #244d4929;pointer-events:none}#rn-controls{display:flex;flex-direction:column;gap:9px;pointer-events:auto;max-width:55%}#rn-controls button{min-height:50px;font-weight:700;background:#fffbefed}#rn-help{position:absolute;bottom:139px;left:20px;right:20px;text-align:center;font-size:11px;color:#fff;background:#294e4fc9;border-radius:10px;padding:4px;pointer-events:none}#rn-panel{position:absolute;inset:0;display:flex;align-items:end;justify-content:center;padding:14px;pointer-events:none}#rn-panel:empty{display:none}#rn-panel>.rn-card{pointer-events:auto;width:100%;max-height:86%;overflow:auto;overscroll-behavior:contain;background:#fffbef;border:1px solid #809d8f;border-radius:18px;padding:17px;box-shadow:0 10px 50px #14363644;margin-bottom:4px;touch-action:pan-y}#rn-panel .rn-card h2{margin:0 0 8px;font-size:20px;letter-spacing:.5px}#rn-panel .rn-card p{margin:8px 0;font-size:13px}#rn-panel .rn-row{display:flex;gap:8px;align-items:center;margin:8px 0}#rn-panel .rn-row>*{min-width:0}#rn-panel .rn-row button{flex:1}#rn-panel .rn-note{font-size:11px;color:#5d746d}#rn-panel canvas.rn-face{width:72px;height:82px;border-radius:13px;flex-shrink:0}#rn-panel .rn-dialog{display:flex;gap:12px;align-items:center;min-height:112px}#rn-panel .rn-dialog b{color:#216763}#rn-panel .rn-dialog p{margin:4px 0}#rn-panel .rn-small{min-height:36px;font-size:11px;padding:4px 10px}#rn-team{position:absolute;top:112px;left:12px;right:12px;display:flex;gap:6px;pointer-events:none}#rn-team .rn-unit{background:#fffbeeeb;border:1px solid #8ca99b;border-radius:11px;flex:1;padding:6px;font-size:10px;line-height:1.4;display:flex;gap:5px;align-items:center}#rn-team canvas{width:28px;height:35px;border-radius:6px}#rn-team .rn-unit span{flex:1}#rn-team .rn-hp{height:4px;background:#c7d7c8;border-radius:2px;margin-top:4px;overflow:hidden}#rn-team .rn-hp i{display:block;height:100%;background:#3a9381}#rn-gear{height:180px;width:180px;margin:14px auto;position:relative;border:12px solid #3a6262;border-radius:50%;background:conic-gradient(from -20deg,#e4bd64 0deg 40deg,#e5ece0 40deg 360deg);box-shadow:0 0 0 4px #bdcdbb,0 10px 0 #284c4c}#rn-needle{position:absolute;left:calc(50% - 2px);top:10px;width:4px;height:69px;background:#cf7256;transform-origin:50% 68px;border-radius:3px}#rn-gear:after{content:'LINK';display:grid;place-content:center;position:absolute;inset:49px;border:2px solid #8ca59b;border-radius:50%;background:#fff8e4;font-size:11px;font-weight:800;color:#3c6b66}#rn-panel .rn-battle-card{padding:13px}#rn-intent{position:absolute;top:176px;left:16px;right:16px;background:#fff8e7ee;border:1px solid #b79d71;border-radius:10px;padding:7px 11px;font-size:12px;text-align:center}#rn-log{font-size:12px;min-height:42px;border-left:3px solid #469187;padding-left:9px}#rn-panel .rn-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}#rn-panel .rn-actions button{padding:7px 3px;font-size:12px}#rn-panel .rn-actions small{display:block;font-size:9px;font-weight:400}#rn-panel .rn-roster{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}#rn-panel .rn-roster article{text-align:center;border:1px solid #c7d2bb;border-radius:12px;padding:7px;font-size:11px}#rn-panel .rn-roster canvas{width:100%;height:92px;border-radius:8px}#rn-panel .rn-roster button{padding:4px 6px;font-size:10px;min-height:36px;width:100%;margin-top:5px}#rn-panel .rn-state{background:#e5eee0;border-radius:8px;padding:7px;font-size:12px}#rn-feedback{position:absolute;top:45%;left:15px;right:15px;text-align:center;font-size:22px;font-weight:800;color:#fff;pointer-events:none;text-shadow:0 2px 5px #193c41;transition:opacity .3s}#rn input{font:inherit;padding:10px;border:1px solid #a4b8a8;border-radius:8px;width:100%}#rn button:focus-visible{outline:3px solid #e4b85c;outline-offset:2px}
@media(max-height:760px){#rn-head{top:7px}#rn-head .rn-title{padding:7px 10px}#rn-team{top:94px}#rn-intent{top:150px;font-size:11px}#rn-panel{padding:9px}#rn-panel>.rn-card{padding:12px;max-height:84%}#rn-panel .rn-dialog{min-height:88px}#rn-panel canvas.rn-face{width:56px;height:64px}#rn-panel .rn-actions{gap:5px}#rn-stick{width:90px;height:90px}#rn-stick i{left:21px;top:21px}#rn-help{bottom:116px}}
/* Legacy pixel UI intentionally has global !important rules. Isolate this sample. */
#rn [hidden]{display:none!important}#rn button,#rn input{border-radius:10px!important}#rn .rn-title,#rn-team .rn-unit{border-radius:13px!important}#rn-panel>.rn-card{border-radius:18px!important}#rn-panel canvas,#rn-team canvas{border-radius:9px!important}#rn-stick,#rn-stick i,#rn-gear,#rn-gear:after{border-radius:50%!important}#rn-head .rn-title{border:1px solid #79998c!important}#rn button{border:1px solid #8da89a!important}#rn #rn-panel .rn-dialog p{font-size:13px!important;line-height:1.75!important}#rn canvas{image-rendering:auto!important}#tRenewal{border-radius:12px!important}
@media(max-height:760px){#rn-head small{font-size:8px}#rn-head .rn-title>b{font-size:12px}#rn-head .rn-title{padding:6px 9px}#rn-objective{font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}#rn-head .rn-title{min-width:0}#rn-team{top:79px}#rn-team .rn-unit{font-size:9px;padding:4px}#rn-team canvas{width:22px;height:28px}#rn-intent{top:128px;font-size:10px;padding:4px 6px;line-height:1.4}#rn-panel>.rn-card:has(.rn-battle-card){padding:10px}#rn-panel .rn-battle-card{padding:0}#rn-panel .rn-battle-card .rn-row{margin:0 0 5px;font-size:11px}#rn-log{font-size:11px;line-height:1.4;min-height:30px}#rn-panel .rn-battle-card .rn-state{font-size:10px;padding:4px;margin-top:4px;white-space:nowrap}#rn-panel .rn-actions{margin-top:6px;gap:5px}#rn-panel .rn-actions button{font-size:10px;min-height:43px;padding:4px 2px}#rn-panel .rn-actions small{font-size:8px}#rn-help{font-size:10px}}