/* ============================================================
   XMAFIA R3.50 — ORIGINAL WALL

   This is NOT a redesigned Wall.

   Visual source:
       WallPanelMC / symbol383
       WallPostMC / symbol629
       symbol625
       UserInfoMC / symbol260
       BtnOkMC / symbol226
       deleteBtn / symbol622

   Coordinates and behaviour come from the original AS3/SWF.
   DOM controls are browser compatibility primitives only.
   ============================================================ */

#mainModalLayer.xmafia-wall-open {
    display: block !important;
    pointer-events: auto;
}

.xmafia-wall-r350 {
    position: absolute;

    left: 0;
    top: 0;

    width: 760px;
    height: 600px;

    overflow: hidden;

    z-index: 1;

    font-family: Arial, sans-serif;
    font-size: 11px;

    user-select: none;
}

.xmafia-wall-r350 * {
    box-sizing: border-box;
}


/* ------------------------------------------------------------
   WallPanelMC / symbol383
   ------------------------------------------------------------ */

.xmafia-wall-panel-art {
    position: absolute;

    left: 0;
    top: 0;

    width: 820px;
    height: 660px;

    max-width: none;

    pointer-events: none;
    user-select: none;
}


/* ------------------------------------------------------------
   Original messForWall TextField / character 380

   PlaceObject:
       x 156.55
       y 65.05

   DefineEditText local bounds:
       x -2
       y -2
       w 329.4
       h 102.95

   Effective browser rectangle:
       x 154.55
       y 63.05
   ------------------------------------------------------------ */

.xmafia-wall-input {
    position: absolute;

    left: 154.55px;
    top: 63.05px;

    width: 329.4px;
    height: 102.95px;

    z-index: 20;

    margin: 0;
    padding: 4px 5px;

    resize: none;

    overflow: hidden;

    border: 0;
    outline: 0;

    background: transparent;

    color: #dedfde;

    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 15px;

    white-space: pre-wrap;
    overflow-wrap: break-word;

    user-select: text;

    appearance: none;
    -webkit-appearance: none;
}


/* ------------------------------------------------------------
   wallPublishCost / character 382
   We only overlay its dynamic number.

   Static labels/art remain in original symbol383.
   ------------------------------------------------------------ */

.xmafia-wall-cost {
    position: absolute;

    left: 525.95px;
    top: 102.35px;

    z-index: 21;

    min-width: 34px;

    border: 0;
    background: transparent;

    color: #dedfde;

    font-family: Arial, sans-serif;
    font-size: 11px;
    line-height: 16px;

    pointer-events: none;
}


/* ------------------------------------------------------------
   btnOK / symbol226
   original placement x=494.30 y=131.00
   ------------------------------------------------------------ */

.xmafia-wall-ok {
    position: absolute;

    left: 494.3px;
    top: 131px;

    width: 108px;
    height: 46px;

    z-index: 30;

    margin: 0;
    padding: 0;

    border: 0;
    outline: 0;

    background: transparent;

    cursor: pointer;
}

.xmafia-wall-ok img {
    display: block;

    width: 108px;
    height: 46px;

    pointer-events: none;
}

.xmafia-wall-ok.is-locked {
    cursor: default;
    pointer-events: none;
    filter: grayscale(1) brightness(.58);
}


/* ------------------------------------------------------------
   panelBack.btnClose
   panelBack 138.30,23.45
   nested btnClose 459.45,-10.55
   recursive visual bounds +2,+2

   effective hit:
       599.75,14.90
       35.35 x 35
   ------------------------------------------------------------ */

.xmafia-wall-close {
    position: absolute;

    left: 599.75px;
    top: 14.9px;

    width: 35.35px;
    height: 35px;

    z-index: 40;

    margin: 0;
    padding: 0;

    border: 0;
    outline: 0;

    background: transparent;

    cursor: pointer;
}


/* ------------------------------------------------------------
   wallPostListHolder
       x=153
       y=180

   Original mask height=335.
   Browser never uses native scrolling here.
   ------------------------------------------------------------ */

.xmafia-wall-post-viewport {
    position: absolute;

    left: 153px;
    top: 180px;

    width: 449px;
    height: 335px;

    z-index: 15;

    overflow: hidden;

    pointer-events: auto;
}

.xmafia-wall-post-list {
    position: absolute;

    left: 0;
    top: 0;

    width: 449px;

    overflow: visible;

    will-change: transform;
}


/* ------------------------------------------------------------
   WallPostMC / symbol629
   ------------------------------------------------------------ */

.xmafia-wall-post {
    position: absolute;

    left: 0;

    width: 449px;

    overflow: hidden;

    font-family: Arial, sans-serif;
    font-size: 11px;

    pointer-events: auto;
}

.xmafia-wall-post-back {
    position: absolute;

    left: 0;
    top: 0;

    width: 445px;

    pointer-events: none;
    user-select: none;
}


/* UserInfoMC / symbol260, WallPost placement x=2 y=1 */

.xmafia-wall-post-user-art {
    position: absolute;

    left: 2px;
    top: 1px;

    width: 197px;
    height: 23px;

    pointer-events: none;
    user-select: none;
}


/*
 * The dynamic fields below reproduce WallPost.as data ownership.
 * Their geometry is restricted to the original UserInfoMC strip.
 */

.xmafia-wall-post-user-name {
    position: absolute;

    left: 20px;
    top: 3px;

    z-index: 4;

    max-width: 145px;
    height: 17px;

    padding: 0;

    border: 0;
    background: transparent;

    color: #dedfde;

    font-family: Arial, sans-serif;
    font-size: 11px;
    line-height: 15px;

    text-align: left;

    overflow: hidden;
    white-space: nowrap;

    cursor: pointer;
}


/* postText at 3,22.05 */

.xmafia-wall-post-text {
    position: absolute;

    left: 3px;
    top: 22.05px;

    width: 438px;

    padding: 0;
    margin: 0;

    border: 0;
    background: transparent;

    color: #dedfde;

    font-family: Arial, sans-serif;
    font-size: 11px;
    line-height: 14px;

    white-space: pre-wrap;
    overflow-wrap: break-word;

    user-select: text;
    pointer-events: auto;
}


/* postingTimePoint at 197,2.75 */

.xmafia-wall-post-time {
    position: absolute;

    left: 197px;
    top: 2.75px;

    z-index: 5;

    height: 17px;

    padding: 0;

    border: 0;
    background: transparent;

    color: #999;

    font-family: Arial, sans-serif;
    font-size: 10px;
    line-height: 15px;

    white-space: nowrap;

    pointer-events: none;
}


/* deleteBtn / symbol622 at 367.5,2.5 */

.xmafia-wall-delete {
    position: absolute;

    left: 367.5px;
    top: 2.5px;

    width: 73px;
    height: 19px;

    z-index: 10;

    padding: 0;
    margin: 0;

    border: 0;
    outline: 0;

    background: transparent;

    cursor: pointer;
}

.xmafia-wall-delete img {
    width: 73px;
    height: 19px;

    display: block;

    pointer-events: none;
}


/* ------------------------------------------------------------
   Original Scroller behavioural geometry

   WallPanel:
       new Scroller(600,55,463)

   This browser primitive intentionally has NO native browser
   scrollbar decoration.
   ------------------------------------------------------------ */

.xmafia-wall-scroller {
    position: absolute;

    left: 600px;
    top: 55px;

    width: 18px;
    height: 463px;

    z-index: 35;

    pointer-events: auto;
}

.xmafia-wall-scroller.is-hidden {
    display: none;
}

.xmafia-wall-scroll-track {
    position: absolute;

    left: 4px;
    top: 14px;

    width: 10px;
    height: 435px;

    background: rgba(0,0,0,.01);

    cursor: pointer;
}

.xmafia-wall-scroll-thumb {
    position: absolute;

    left: 1px;
    top: 0;

    width: 8px;
    height: 38px;

    border: 0;
    background: rgba(214,199,174,.42);

    cursor: ns-resize;
}

.xmafia-wall-scroll-up,
.xmafia-wall-scroll-down {
    position: absolute;

    left: 0;

    width: 18px;
    height: 16px;

    padding: 0;

    border: 0;
    outline: 0;

    background: transparent;

    cursor: pointer;
}

.xmafia-wall-scroll-up {
    top: 0;
}

.xmafia-wall-scroll-down {
    bottom: 0;
}


/* Only controls receive input. */

.xmafia-wall-panel-art,
.xmafia-wall-post-back,
.xmafia-wall-post-user-art {
    -webkit-user-drag: none;
}


/* ============================================================
   XMAFIA_R351_EXACT_CORRECTIONS
   Proven corrections from original SWF contract.
   ============================================================ */

.xmafia-wall-ok {
    width: 98px !important;
    height: 36px !important;
    overflow: hidden !important;
    background: transparent !important;
}

.xmafia-wall-ok img {
    display: none !important;
}

/*
 * Flattened UserInfoMC/symbol260 is intentionally not rendered:
 * it contains dynamic text placeholders and is not a background.
 */
.xmafia-wall-post-user-art {
    display: none !important;
}


/* ============================================================
   XMAFIA R3.52 — EXACT USERINFO OWNERSHIP

   symbol260 flattened raster remains forbidden.
   No replacement avatar/frame/background is invented.
   ============================================================ */

.xmafia-wall-post-user-art {
    display: none !important;
}


/*
 * Do not render any fallback browser decoration around UserInfo.
 */
.xmafia-wall-post-user-name {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* ============================================================
   R3.52 — WallPostMC / symbol629 authoritative positions
   ============================================================ */

.xmafia-wall-post-text {
    left: 3px !important;
    top: 22.05px !important;
}


.xmafia-wall-post-time {
    left: 197px !important;
    top: 2.75px !important;
}


.xmafia-wall-delete {
    left: 367.5px !important;
    top: 2.5px !important;
}


/*
 * Original UserInfo holder placement inside WallPostMC.
 */
.xmafia-wall-userinfo-holder {
    position: absolute;

    left: 2px;
    top: 1px;

    width: 197px;
    height: 23px;

    pointer-events: none;
}



/* ============================================================
   R3.52 — Scroller restoration rule

   Behaviour is restored from Scroller.as.
   Until an original uniquely resolved raster layer is available,
   browser controls remain invisible hit areas.

   No substitute arrows / tracks / thumbs.
   ============================================================ */

.xmafia-wall-scroll-up,
.xmafia-wall-scroll-down,
.xmafia-wall-scroll-track,
.xmafia-wall-scroll-thumb {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: transparent !important;
}

/* ============================================================
   XMAFIA_R62_WALL_POINTER_CONTAINMENT
   ============================================================ */

.xmafia-wall-r350,
.xmafia-wall-panel,
.xmafia-wall-window {
    isolation: isolate;
}

.xmafia-wall-r350 {
    z-index: 600 !important;
}

.xmafia-wall-r350 button,
.xmafia-wall-r350 input,
.xmafia-wall-r350 textarea {
    pointer-events: auto;
}

.xmafia-wall-r350 .xmafia-wall-close {
    z-index: 900 !important;
}

.xmafia-wall-r350 .xmafia-wall-input,
.xmafia-wall-r350 textarea,
.xmafia-wall-r350 input {
    z-index: 200 !important;
}