Editing R&R CRDD

<div class="faction-skipper">

<!-- PAGE HEADER -->
<div style="display: flex; align-items: center; gap: 20px; margin-bottom: 20px;">
    <!-- Logo Placeholder: Upload your image as 'SkipperLogo.png' later -->
    [[File:SkipperLogo.png|100px|link=]]
    <div>
        <h1 style="margin: 0; color: #21b0cd; font-family: monospace;">R&R CRDD</h1>
        <small style="color: #888;">CORPS RATING DETECTION DEVICE // V.1.0.4</small>
    </div>
</div>

<!-- YOUR INTRO TEXT -->
Welcome! So, it’s your first time out there on the field, and you really need to figure out the up’s and down’s of a Seam. Not only that, your teammates are relying on you to do it right (and not break anything)! There’s so many things to keep track of, how’s one to do it all by their lonesome?! Fear not, fellow Surveyor, we at the R&R Corps worked hard with the rest of the W.S.G. to make everyone’s jobs easier with… the R&RC RDD! Or… the R&R CRDD…? Just call it the CRDD! Unsure what that stands for? Look at the header of this entry…

== What is the CRDD? ==
Our Corps’ Rating Detection Device is a nifty little machine that combines the permanence skills of the Stills with the contract-magic (and money) of the Dealers and the secret know-how of us Skippers! It’s designed to… think of it like a calculator that does the hard part of CORRECTLY rating a Seam for you! All you have to do is put in the numbers, scan the stuff, and send it over to the others. Easy, right?

Everyone’s supposed to be issued one, but so far only the R&R have it, all the more reason to stick together, eh? Seriously, don’t lose this.

== THE CALCULATOR ==
<div id="crdd-interface">
    <div class="crdd-header">
        SYSTEM ONLINE // CONNECTED<br>
        USER: GUEST SURVEYOR
    </div>

    <!-- SECTION 1: SUBJECT -->
    <div class="crdd-section">
        <div class="crdd-section-title">1 / 3 SUBJECT INFO</div>
        <label class="crdd-skip-label"><input type="checkbox" id="skip-subject"> SKIP THIS SECTION (Data will be excluded)</label>

        <div class="crdd-input-group"><label>Strength</label><input type="range" class="crdd-range" id="s-strength" max="33" value="0"><span class="crdd-value-display">0</span></div>
        <div class="crdd-input-group"><label>Durability</label><input type="range" class="crdd-range" id="s-durability" max="33" value="0"><span class="crdd-value-display">0</span></div>
        <div class="crdd-input-group"><label>Mobility</label><input type="range" class="crdd-range" id="s-mobility" max="33" value="0"><span class="crdd-value-display">0</span></div>
        <div class="crdd-input-group"><label>Intelligence</label><input type="range" class="crdd-range" id="s-intel" max="33" value="0"><span class="crdd-value-display">0</span></div>
        <div class="crdd-input-group"><label>Stamina</label><input type="range" class="crdd-range" id="s-stamina" max="33" value="0"><span class="crdd-value-display">0</span></div>
        <div class="crdd-input-group"><label style="color: #ff4500;">THREAT INDEX</label><input type="range" class="crdd-range" id="s-threat" max="33" value="0"><span class="crdd-value-display">0</span></div>
        <div class="crdd-input-group"><label>Swarm Qty</label><input type="range" class="crdd-range" id="s-swarm" max="33" value="0"><span class="crdd-value-display">0</span></div>
        
        <div style="text-align: right; margin-top: 10px; border-top: 1px solid #333; padding-top: 5px;">
            ESTIMATED BEHAVIOR: <span id="result-subject" style="color:#fff; font-weight:bold;">0.0 (DOCILE)</span>
        </div>
    </div>

    <!-- SECTION 2: ITEM -->
    <div class="crdd-section">
        <div class="crdd-section-title">2 / 3 ITEM INFO</div>
        <label class="crdd-skip-label"><input type="checkbox" id="skip-item"> SKIP THIS SECTION</label>

        <div class="crdd-input-group"><label>Entropy</label><input type="range" class="crdd-range" id="i-entropy" max="33" value="0"><span class="crdd-value-display">0</span></div>
        <div class="crdd-input-group"><label>Instability</label><input type="range" class="crdd-range" id="i-instability" max="33" value="0"><span class="crdd-value-display">0</span></div>
        <div class="crdd-input-group"><label>Radiation</label><input type="range" class="crdd-range" id="i-radiation" max="33" value="0"><span class="crdd-value-display">0</span></div>
        <div class="crdd-input-group"><label>Corruptivity</label><input type="range" class="crdd-range" id="i-corrupt" max="33" value="0"><span class="crdd-value-display">0</span></div>
        <div class="crdd-input-group"><label>Volatility</label><input type="range" class="crdd-range" id="i-volatility" max="33" value="0"><span class="crdd-value-display">0</span></div>
        <div class="crdd-input-group"><label>Unportability</label><input type="range" class="crdd-range" id="i-unport" max="33" value="0"><span class="crdd-value-display">0</span></div>
        <div class="crdd-input-group"><label style="color: #ff4500;">ANOMALOUS PROP.</label><input type="range" class="crdd-range" id="i-anomalous" max="33" value="0"><span class="crdd-value-display">0</span></div>
        <div class="crdd-input-group"><label>Quantity</label><input type="range" class="crdd-range" id="i-qty" max="33" value="0"><span class="crdd-value-display">0</span></div>

        <div style="text-align: right; margin-top: 10px; border-top: 1px solid #333; padding-top: 5px;">
            ESTIMATED UTILITY: <span id="result-item" style="color:#fff; font-weight:bold;">0.0 (FUNCTIONAL)</span>
        </div>
    </div>

    <!-- SECTION 3: SEAM -->
    <div class="crdd-section">
        <div class="crdd-section-title">3 / 3 SEAM INFO</div>
        <label class="crdd-skip-label"><input type="checkbox" id="skip-seam"> SKIP THIS SECTION</label>

        <div class="crdd-input-group"><label>Instability</label><input type="range" class="crdd-range" id="m-instability" max="33" value="0"><span class="crdd-value-display">0</span></div>
        <div class="crdd-input-group"><label>Leakage</label><input type="range" class="crdd-range" id="m-leakage" max="33" value="0"><span class="crdd-value-display">0</span></div>
        <div class="crdd-input-group"><label style="color: #ff4500;">GEOMETRIC VIOL.</label><input type="range" class="crdd-range" id="m-geo" max="33" value="0"><span class="crdd-value-display">0</span></div>
        <div class="crdd-input-group"><label style="color: #ff4500;">TOXICITY</label><input type="range" class="crdd-range" id="m-atmo" max="33" value="0"><span class="crdd-value-display">0</span></div>
        <div class="crdd-input-group"><label>Topo Hazards</label><input type="range" class="crdd-range" id="m-topo" max="33" value="0"><span class="crdd-value-display">0</span></div>
        <div class="crdd-input-group"><label style="color: #ff4500;">DEAD ENDS</label><input type="range" class="crdd-range" id="m-dead" max="33" value="0"><span class="crdd-value-display">0</span></div>
        <div class="crdd-input-group"><label style="color: #ff4500;">BROKEN LAWS</label><input type="range" class="crdd-range" id="m-laws" max="33" value="0"><span class="crdd-value-display">0</span></div>

        <div style="text-align: right; margin-top: 10px; border-top: 1px solid #333; padding-top: 5px;">
            ESTIMATED STABILITY: <span id="result-seam" style="color:#fff; font-weight:bold;">0.0 (ANCHORED)</span>
        </div>
    </div>

    <!-- RESULT -->
    <div id="crdd-final-result">
        <div id="crdd-final-label" style="font-size: 0.6em; margin-bottom: 10px;">STAND BY...</div>
        <div id="crdd-final-output">ANCHORED (0.0%)</div>
    </div>

</div>

== P.S. ==
P.S. it won’t tell you purple Ratings. :)

—the Rescue and Removal Corps.

</div>